.atb6-wrap, .atb6-wrap * { box-sizing: border-box; }
.atb6-wrap {
  width: min(100%, 1760px);
  margin: 0 auto;
  padding: clamp(8px, 1vw, 16px);
  color: #f4fbff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.atb6-app {
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(0,217,255,.44);
  background: radial-gradient(circle at 50% -10%, rgba(0,217,255,.16), transparent 36%), linear-gradient(180deg, #031328, #020816);
  box-shadow: 0 0 30px rgba(0,217,255,.22), inset 0 0 24px rgba(0,217,255,.06);
}
.atb6-header {
  min-height: 74px;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid rgba(0,217,255,.30);
  background: rgba(2,10,24,.94);
}
.atb6-brand p, .atb6-stage-head p {
  margin: 0;
  color: #8fc7dc;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 900;
}
.atb6-brand h2, .atb6-stage-head h3 {
  margin: 0;
  color: #fff;
  line-height: 1.1;
  text-shadow: 0 0 14px rgba(0,217,255,.26);
}
.atb6-mode-tabs {
  display: flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(0,217,255,.24);
  border-radius: 14px;
  background: rgba(8,28,52,.7);
}
.atb6-tab, .atb6-chips button, .atb6-clear, .atb6-presets button, .atb6-add, .atb6-qty button {
  border: 1px solid rgba(0,217,255,.24);
  background: rgba(7,28,52,.82);
  color: #d7f6ff;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 800;
}
.atb6-tab { padding: 9px 15px; white-space: nowrap; }
.atb6-tab.is-active, .atb6-chips button.is-active, .atb6-add {
  color: #fff;
  background: linear-gradient(135deg, #00cfff, #2478ff);
  box-shadow: 0 0 16px rgba(0,207,255,.26);
}
.atb6-status {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(7,28,52,.72);
  color: #a7d3e5;
  font-weight: 900;
  white-space: nowrap;
}
.atb6-status span {
  width: 8px; height: 8px; border-radius: 999px;
  background: #8fc7dc; box-shadow: 0 0 12px currentColor;
}

/* V6 layout fix: side panels plus large canvas */
.atb6-grid {
  display: grid;
  grid-template-columns: minmax(250px, 300px) minmax(520px, 1fr) minmax(320px, 390px);
  gap: 16px;
  padding: 16px;
  align-items: stretch;
}
.atb6-card, .atb6-stage, .atb6-report {
  border: 1px solid rgba(0,217,255,.28);
  border-radius: 18px;
  background: rgba(4,15,31,.94);
  box-shadow: inset 0 0 18px rgba(0,217,255,.045), 0 0 18px rgba(0,217,255,.08);
}
.atb6-card, .atb6-report { padding: 16px; }
.atb6-stage {
  padding: 16px;
  min-height: 720px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.atb6-card-title {
  margin-bottom: 14px;
  color: #aeeaff;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 900;
}
.atb6-mode-panel { display: none; }
.atb6-mode-panel.is-active { display: grid; gap: 14px; }
.atb6-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.atb6-card label, .atb6-field span {
  display: grid;
  gap: 7px;
  color: #9bc4d8;
  font-weight: 800;
  font-size: 13px;
}
.atb6-card input[type="number"], .atb6-card input[type="text"], .atb6-card input[type="range"], .atb6-search {
  width: 100%;
  min-height: 38px;
  border-radius: 13px;
  border: 1px solid rgba(0,217,255,.28);
  background: rgba(2,8,22,.95);
  color: #f4fbff;
  padding: 8px 10px;
}
.atb6-card input:focus, .atb6-search:focus {
  outline: none;
  border-color: #00d9ff;
  box-shadow: 0 0 0 3px rgba(0,217,255,.10);
}
.atb6-chips, .atb6-cats { display: flex; flex-wrap: wrap; gap: 6px; }
.atb6-chips button { padding: 6px 9px; font-size: 12px; }
.atb6-presets { display: grid; gap: 8px; }
.atb6-presets button { text-align: left; padding: 10px; }
.atb6-presets small { display: block; color: #9bc4d8; margin-top: 2px; }
.atb6-stage-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.atb6-clear { padding: 9px 13px; }

.atb6-tank {
  position: relative;
  flex: 1;
  min-height: 500px;
  border-radius: 22px;
  overflow: hidden;
  border: 2px solid rgba(0,217,255,.66);
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.24), transparent 32%), linear-gradient(180deg, #1e83bc 0%, #0b3e68 45%, #06213c 100%);
  box-shadow: inset 0 0 90px rgba(0,0,0,.42), 0 0 26px rgba(0,217,255,.24);
}
.atb6-tank::before {
  content:""; position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:44px 44px; opacity:.34; pointer-events:none;
}
.atb6-tank-info {
  position:absolute; z-index:5; top:12px; left:12px;
  display:flex; gap:8px; flex-wrap:wrap;
}
.atb6-tank-info span {
  padding:7px 10px; border-radius:999px;
  background:rgba(0,0,0,.38); border:1px solid rgba(255,255,255,.16);
  color:#fff; backdrop-filter:blur(5px);
}
.atb6-zone-label {
  position:absolute; z-index:2; left:14px; color:rgba(255,255,255,.58);
  text-transform:uppercase; letter-spacing:.14em; font-size:10px; font-weight:900;
}
.atb6-surface-label { top:72px; }
.atb6-mid-label { top:44%; }
.atb6-bottom-label { bottom:58px; }
.atb6-zone {
  position:absolute; z-index:3; left:16px; right:16px;
  display:flex; flex-wrap:wrap; gap:8px; align-content:flex-start;
  padding-left:78px;
}
.atb6-zone-surface { top:68px; min-height:26%; }
.atb6-zone-mid { top:38%; min-height:28%; }
.atb6-zone-bottom { bottom:46px; min-height:26%; align-content:flex-end; }
.atb6-substrate {
  position:absolute; z-index:1; left:0; right:0; bottom:0; height:44px;
  background:linear-gradient(180deg, #8d7047, #4a3826);
  border-top:1px solid rgba(255,255,255,.22);
}
.atb6-empty {
  position:absolute; z-index:4; inset:50% auto auto 50%;
  transform:translate(-50%, -50%);
  padding:18px 22px; border-radius:18px;
  border:1px dashed rgba(255,255,255,.34);
  background:rgba(0,0,0,.24); color:rgba(255,255,255,.78);
  backdrop-filter:blur(4px); text-align:center;
}
.atb6-fish-token {
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 9px; border-radius:999px;
  background:rgba(0,0,0,.58); border:1px solid rgba(255,255,255,.22);
  color:#fff; font-size:12px; backdrop-filter:blur(5px);
}
.atb6-fish-icon {
  width:24px; height:17px; display:inline-grid; place-items:center;
  border-radius:999px; background:linear-gradient(135deg,#ffa657,#f78166);
}
.atb6-qty { display:inline-flex; gap:2px; }
.atb6-qty button { width:20px; height:20px; line-height:1; color:#fff; }

.atb6-stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.atb6-stats div {
  padding:11px 12px; border-radius:14px;
  border:1px solid rgba(0,217,255,.18);
  background:rgba(7,28,51,.82);
}
.atb6-stats span, .atb6-stats small {
  display:block; color:#9bc4d8; font-size:11px;
  text-transform:uppercase; letter-spacing:.07em;
}
.atb6-stats b { display:block; margin-top:3px; color:#fff; font-size:19px; }
.atb6-report { min-height:150px; }
.atb6-report-list { display:grid; gap:8px; }
.atb6-report-item {
  padding:10px 12px; border-radius:13px; background:rgba(8,28,52,.76);
  border-left:4px solid #8fc7dc; color:#d7f6ff; font-size:13px;
}
.atb6-report-item.good { border-left-color:#3fb950; }
.atb6-report-item.warn { border-left-color:#d29922; }
.atb6-report-item.bad { border-left-color:#f85149; }
.atb6-muted { color:#9bc4d8; margin:0; }

.atb6-library {
  display:flex;
  flex-direction:column;
  min-height:720px;
}
.atb6-search { margin-bottom:12px; }
.atb6-cats {
  margin-bottom:10px;
  max-height:74px;
  overflow:auto;
}
.atb6-cats button {
  padding:5px 8px; border-radius:999px;
  border:1px solid rgba(0,217,255,.22);
  background:rgba(7,28,52,.82);
  color:#d7f6ff; cursor:pointer; font-weight:800; font-size:11px;
}
.atb6-cats button.is-active {
  background:linear-gradient(135deg,#00cfff,#2478ff); color:#fff;
}
.atb6-check {
  display:flex !important;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#9bc4d8;
  font-weight:800;
  font-size:13px;
}
.atb6-fish-list {
  flex:1;
  min-height:0;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:8px;
  padding-right:4px;
}
.atb6-card-fish {
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(0,217,255,.20);
  background:rgba(8,28,52,.84);
  cursor:grab;
}
.atb6-card-fish:hover {
  border-color:#00d9ff;
  box-shadow:0 0 14px rgba(0,217,255,.16);
}
.atb6-card-fish.is-dim { opacity:.45; }
.atb6-card-fish h4 { margin:0; color:#fff; font-size:13px; }
.atb6-card-fish em { display:block; margin-top:1px; color:#9bc4d8; font-size:11px; }
.atb6-card-meta { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }
.atb6-card-meta span {
  padding:2px 6px; border-radius:999px;
  background:rgba(2,8,22,.74);
  color:#aeeaff; font-size:10px; font-weight:800;
}
.atb6-add {
  width:34px; height:34px; border-radius:12px; font-size:20px;
}
.atb6-footer {
  padding:11px 16px;
  border-top:1px solid rgba(0,217,255,.22);
  background:rgba(3,13,28,.96);
  color:#9bc4d8;
  text-align:center;
  font-size:12px;
}

/* Page/editor/theme safety */
.wp-site-blocks .atb6-wrap,
.entry-content .atb6-wrap,
.wp-block-post-content .atb6-wrap {
  max-width:1760px !important;
}

@media (max-width: 1400px) {
  .atb6-grid {
    grid-template-columns: 280px minmax(470px, 1fr) 350px;
    gap: 12px;
  }
}
@media (max-width: 1180px) {
  .atb6-header { align-items:flex-start; flex-wrap:wrap; }
  .atb6-status { margin-left:0; }
  .atb6-grid { grid-template-columns:1fr; }
  .atb6-stage, .atb6-library { min-height:auto; }
  .atb6-tank { min-height:520px; }
  .atb6-fish-list { max-height:420px; }
}
@media (max-width: 700px) {
  .atb6-wrap { padding:8px; }
  .atb6-header, .atb6-grid { padding:12px; }
  .atb6-mode-tabs { width:100%; overflow-x:auto; }
  .atb6-stage-head, .atb6-header { align-items:flex-start; }
  .atb6-two, .atb6-stats { grid-template-columns:1fr 1fr; }
  .atb6-tank { min-height:430px; }
  .atb6-zone { padding-left:0; }
  .atb6-zone-label { display:none; }
}

/* ================================
   V7 FIT-TO-SCREEN / FEATURE LAYOUT
   Keeps the builder usable above the fold on desktop while restoring
   the fish library, drag/drop tank and compatibility report.
=================================== */
.atb6-wrap {
  width: min(1760px, calc(100vw - 28px));
  max-width: 1760px !important;
  margin: 18px auto !important;
  padding: 0 !important;
}
.atb6-app {
  max-height: none;
  overflow: hidden;
}
.atb6-header {
  padding: 20px 28px;
  min-height: 110px;
}
.atb6-grid {
  grid-template-columns: minmax(260px, 320px) minmax(520px, 1fr) minmax(320px, 420px);
  gap: 18px;
  align-items: stretch;
  padding: 18px;
}
.atb6-card,
.atb6-stage,
.atb6-library,
.atb6-report {
  border-radius: 22px;
}
.atb6-setup,
.atb6-library,
.atb6-stage {
  min-height: 0;
  height: clamp(640px, calc(100vh - 215px), 820px);
}
.atb6-setup,
.atb6-library {
  overflow: hidden;
}
.atb6-mode-panel.is-active {
  gap: 12px;
}
.atb6-setup {
  overflow-y: auto;
}
.atb6-stage {
  display: grid;
  grid-template-rows: auto minmax(330px, 1fr) auto minmax(118px, .32fr);
  gap: 12px;
  overflow: hidden;
}
.atb6-tank {
  min-height: 0;
  height: 100%;
}
.atb6-stats {
  flex: 0 0 auto;
}
.atb6-report {
  min-height: 0;
  overflow-y: auto;
}
.atb6-library {
  min-height: 0;
}
.atb6-fish-list {
  max-height: none;
  min-height: 0;
  overflow-y: auto;
}
.atb6-card-fish {
  min-height: 84px;
}
.atb6-card-fish h4 {
  line-height: 1.15;
}
.atb6-add,
.atb6-tab,
.atb6-clear,
.atb6-chips button,
.atb6-presets button {
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.atb6-add:hover,
.atb6-tab:hover,
.atb6-clear:hover,
.atb6-chips button:hover,
.atb6-presets button:hover {
  transform: translateY(-1px);
}
.atb6-tank.is-drag-over,
.atb6-tank:focus-within {
  box-shadow: inset 0 0 90px rgba(0,0,0,.42), 0 0 34px rgba(0,217,255,.38);
}

@media (max-width: 1500px) {
  .atb6-grid {
    grid-template-columns: 290px minmax(470px, 1fr) 360px;
    gap: 14px;
  }
  .atb6-setup,
  .atb6-library,
  .atb6-stage {
    height: clamp(610px, calc(100vh - 205px), 780px);
  }
}
@media (max-width: 1180px) {
  .atb6-wrap { width: min(100%, calc(100vw - 18px)); margin: 10px auto !important; }
  .atb6-app { overflow: visible; }
  .atb6-grid { grid-template-columns: 1fr; }
  .atb6-setup,
  .atb6-library,
  .atb6-stage {
    height: auto;
    max-height: none;
  }
  .atb6-stage {
    grid-template-rows: auto 520px auto auto;
    overflow: visible;
  }
  .atb6-fish-list { max-height: 520px; }
}
@media (max-width: 700px) {
  .atb6-wrap { width: calc(100vw - 12px); margin: 6px auto !important; }
  .atb6-header { padding: 15px; min-height: 0; }
  .atb6-grid { padding: 12px; gap: 12px; }
  .atb6-brand h2 { font-size: 28px; }
  .atb6-status { width: 100%; justify-content: center; }
  .atb6-stage { grid-template-rows: auto 430px auto auto; }
  .atb6-stats { grid-template-columns: 1fr 1fr; }
  .atb6-card-fish { grid-template-columns: 1fr 42px; }
}

/* ================================
   V7.1 PROFESSIONAL 3-PANEL LAYOUT
   Fish library left, live tank centre, setup/stats/report right.
=================================== */
.atb71-wrap {
  width: min(1780px, calc(100vw - 24px)) !important;
  margin: 14px auto !important;
}
.atb71-app { overflow: hidden; }
.atb71-header {
  min-height: 92px !important;
  padding: 18px 30px !important;
}
.atb71-grid {
  display: grid !important;
  grid-template-columns: minmax(300px, 370px) minmax(560px, 1fr) minmax(330px, 410px) !important;
  grid-template-areas: "library stage side" !important;
  gap: 16px !important;
  padding: 16px !important;
  align-items: stretch !important;
}
.atb71-library { grid-area: library !important; }
.atb71-stage { grid-area: stage !important; }
.atb71-side {
  grid-area: side !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(130px, 1fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
  height: clamp(650px, calc(100vh - 202px), 850px) !important;
  overflow: hidden !important;
}
.atb71-library,
.atb71-stage {
  min-height: 0 !important;
  height: clamp(650px, calc(100vh - 202px), 850px) !important;
}
.atb71-stage {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  padding: 16px !important;
  overflow: hidden !important;
}
.atb71-stage .atb6-tank {
  min-height: 0 !important;
  height: 100% !important;
}
.atb71-setup-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: 360px !important;
  overflow-y: auto !important;
  padding: 16px !important;
}
.atb71-setup-card label,
.atb71-setup-card .atb6-field span { font-size: 12px !important; }
.atb71-setup-card input[type="number"] { min-height: 36px !important; }
.atb71-stats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
.atb71-stats div { min-height: 76px !important; }
.atb71-report {
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 16px !important;
}
.atb71-library {
  padding: 16px !important;
  overflow: hidden !important;
}
.atb71-library .atb6-fish-list {
  overflow-y: auto !important;
  min-height: 0 !important;
}
.atb71-library .atb6-cats {
  max-height: 96px !important;
}
.atb71-stage .atb6-stage-head h3 { font-size: clamp(24px, 2vw, 36px); }
.atb71-stage .atb6-tank { min-height: 520px; }

@media (max-width: 1450px) {
  .atb71-grid {
    grid-template-columns: minmax(270px, 330px) minmax(500px, 1fr) minmax(310px, 360px) !important;
    gap: 12px !important;
  }
  .atb71-side,
  .atb71-library,
  .atb71-stage {
    height: clamp(620px, calc(100vh - 194px), 800px) !important;
  }
}
@media (max-width: 1180px) {
  .atb71-app { overflow: visible !important; }
  .atb71-header { min-height: 0 !important; }
  .atb71-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: "stage" "side" "library" !important;
  }
  .atb71-side,
  .atb71-library,
  .atb71-stage {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .atb71-stage { grid-template-rows: auto 560px !important; }
  .atb71-library .atb6-fish-list { max-height: 560px !important; }
}
@media (max-width: 700px) {
  .atb71-wrap { width: calc(100vw - 10px) !important; margin: 5px auto !important; }
  .atb71-header { padding: 14px !important; }
  .atb71-grid { padding: 10px !important; gap: 10px !important; }
  .atb71-stage { grid-template-rows: auto 440px !important; }
  .atb71-stats { grid-template-columns: 1fr 1fr !important; }
  .atb71-setup-card { max-height: none !important; }
}


/* V7.3.2 cleanup: prevent right-panel labels splitting over multiple lines */
.atb71-setup-card label {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  line-height: 1.25 !important;
}
.atb71-setup-card .atb6-label-text {
  display: inline-block !important;
  white-space: nowrap !important;
  color: #9bc4d8 !important;
  font-weight: 900 !important;
  font-size: 12px !important;
}
.atb71-setup-card .atb6-unit-switch {
  margin-bottom: 4px !important;
}
.atb71-setup-card .atb6-mode-panel.is-active {
  gap: 12px !important;
}
.atb71-setup-card input[type="number"] {
  width: 100% !important;
  display: block !important;
}
.atb71-stats b {
  white-space: nowrap !important;
}


/* V7.4 product recommendation engine */
.atb74-products {
  border: 1px solid rgba(0, 207, 255, .35);
  background: rgba(3, 13, 30, .74);
  border-radius: 18px;
  padding: 14px;
  box-shadow: inset 0 0 22px rgba(0, 207, 255, .06), 0 0 18px rgba(0, 207, 255, .06);
}
.atb74-product-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}
.atb74-product-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(0, 207, 255, .22);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(3, 19, 42, .92), rgba(4, 35, 62, .58));
}
.atb74-product-card strong {
  display: block;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.2;
}
.atb74-product-card p {
  margin: 4px 0 0;
  color: #9bc4d8;
  font-size: 11px;
  line-height: 1.35;
}
.atb74-product-card a {
  white-space: nowrap;
  text-decoration: none;
  color: #ffffff;
  font-weight: 900;
  font-size: 11px;
  padding: 9px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #00cfff, #2478ff);
  box-shadow: 0 0 14px rgba(0, 207, 255, .28);
}
@media (max-width: 700px) {
  .atb74-product-card { grid-template-columns: 1fr; }
  .atb74-product-card a { width: fit-content; }
}


/* V7.4.1 header logo polish */
.atb-header-logo {
  display: block;
  width: clamp(180px, 18vw, 330px);
  max-height: 96px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 0 14px rgba(0, 207, 255, 0.35));
}

.atb-brand,
.atb-branding,
.atb-header-brand {
  display: flex;
  align-items: center;
  min-width: 190px;
}

.atb-brand-kicker,
.atb-brand-title {
  display: none !important;
}

@media (max-width: 900px) {
  .atb-header-logo {
    width: clamp(150px, 45vw, 240px);
    max-height: 76px;
  }
}


/* V7.5 Larger premium logo */
.atb-header-logo{
  width: clamp(260px, 24vw, 460px) !important;
  max-height: 140px !important;
  object-fit: contain;
  margin-left: -6px;
  transform: scale(1.08);
  filter:
    drop-shadow(0 0 10px rgba(0,207,255,.35))
    drop-shadow(0 0 24px rgba(0,120,255,.22));
}

.atb-header-brand,
.atb-brand,
.atb-branding{
  min-width: 320px !important;
  padding-right: 14px;
}

@media (max-width: 900px){
  .atb-header-logo{
    width: clamp(190px, 40vw, 300px) !important;
    max-height: 110px !important;
    transform:none;
  }
}


/* V7.6 compact premium logo refinement */
.atb-header-logo{
  width: clamp(180px, 16vw, 260px) !important;
  max-height: 88px !important;
  object-fit: contain;
  object-position: left center;
  margin-left: 0;
  margin-top: 2px;
  transform: none !important;
  filter:
    drop-shadow(0 0 8px rgba(0,207,255,.30))
    drop-shadow(0 0 18px rgba(0,120,255,.18));
}

.atb-brand,
.atb-branding,
.atb-header-brand{
  min-width: 240px !important;
  align-items: center;
}

@media (max-width: 900px){
  .atb-header-logo{
    width: clamp(150px, 36vw, 220px) !important;
    max-height: 72px !important;
  }
}


/* V7.7: cleaner aquarium info pills - removes circle-in-circle look */
.atb-tank-badges,
.atb-aquarium-badges,
.atb-tank-pills,
.atb-live-tank-badges {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Common pill selectors used across the builder */
.atb-tank-badge,
.atb-aquarium-badge,
.atb-pill,
.atb-tank-pill,
.atb-live-pill,
.atb-tank-chip,
.atb-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 52px;
  padding: 0 22px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(13, 73, 103, .92), rgba(7, 40, 62, .96)) !important;
  border: 1px solid rgba(0, 207, 255, .32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    0 8px 22px rgba(0, 0, 0, .24),
    0 0 14px rgba(0, 207, 255, .10) !important;
  color: #ffffff !important;
  line-height: 1 !important;
}

/* Remove nested dark circles inside the top tank badges */
.atb-tank-badge span,
.atb-aquarium-badge span,
.atb-pill span,
.atb-tank-pill span,
.atb-live-pill span,
.atb-tank-chip span,
.atb-chip span {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: auto !important;
  min-height: auto !important;
}

/* Keep the value and unit readable without creating a second inner badge */
.atb-tank-badge .unit,
.atb-aquarium-badge .unit,
.atb-pill .unit,
.atb-tank-pill .unit,
.atb-live-pill .unit,
.atb-tank-chip .unit,
.atb-chip .unit {
  opacity: .86 !important;
  font-size: .82em !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  margin-left: 2px !important;
}

.atb-tank-badge strong,
.atb-aquarium-badge strong,
.atb-pill strong,
.atb-tank-pill strong,
.atb-live-pill strong,
.atb-tank-chip strong,
.atb-chip strong {
  font-weight: 900 !important;
}

/* Target the visible top badges by position too, in case class names differ */
.atb-tank-visual > div:first-child,
.atb-tank-stage > div:first-child,
.atb-aquarium-visual > div:first-child,
.atb-live-aquarium > div:first-child {
  gap: 12px !important;
}

.atb-tank-visual > div:first-child > *,
.atb-tank-stage > div:first-child > *,
.atb-aquarium-visual > div:first-child > *,
.atb-live-aquarium > div:first-child > * {
  border-radius: 16px !important;
}

/* Freshwater badge can be wider and cleaner */
.atb-tank-badge:last-child,
.atb-aquarium-badge:last-child,
.atb-tank-pill:last-child,
.atb-live-pill:last-child {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Mobile: keep badges compact */
@media (max-width: 900px) {
  .atb-tank-badge,
  .atb-aquarium-badge,
  .atb-pill,
  .atb-tank-pill,
  .atb-live-pill,
  .atb-tank-chip,
  .atb-chip {
    min-height: 44px;
    padding: 0 15px !important;
    border-radius: 14px !important;
  }
}


/* =========================================================
   V7.8.1 FIXED premium tank stat bar + right panel scrolling
   Built from stable V7.7 branch.
========================================================= */

/* Right column must scroll so Recommended Kit is reachable */
.atb71-side{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 4px !important;
  grid-template-rows: auto auto auto auto !important;
  align-content: start !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,207,255,.38) rgba(0,0,0,.18);
}
.atb71-side::-webkit-scrollbar{ width: 8px; }
.atb71-side::-webkit-scrollbar-track{ background: rgba(0,0,0,.18); border-radius: 20px; }
.atb71-side::-webkit-scrollbar-thumb{ background: rgba(0,207,255,.38); border-radius: 20px; }

/* Keep the Metric / Imperial controls visible */
.atb71-setup-card{
  min-height: 230px !important;
  max-height: 330px !important;
  overflow-y: auto !important;
}
.atb71-setup-card .atb6-unit-switch,
.atb71-setup-card .atb6-mode-panel.is-active{
  display: grid !important;
}
.atb71-setup-card .atb6-unit-switch{
  gap: 8px !important;
  margin-bottom: 10px !important;
}
.atb71-setup-card .atb6-chips{
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Main tank stat module */
.atb6-tank-info.atb781-tank-info{
  position: absolute !important;
  z-index: 8 !important;
  top: 12px !important;
  left: 12px !important;
  right: 12px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 2px solid rgba(0, 231, 255, .90) !important;
  background: linear-gradient(180deg, rgba(31, 98, 142, .96), rgba(7, 38, 64, .96)) !important;
  box-shadow:
    0 0 20px rgba(0, 231, 255, .25),
    inset 0 0 28px rgba(255, 255, 255, .055) !important;
  backdrop-filter: blur(7px);
}

/* Override old pill styling on the direct span tiles */
.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  margin: 0 !important;
  min-height: 84px !important;
  padding: 12px 12px 10px !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-right: 1px solid rgba(0, 231, 255, .22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.11), transparent 48%),
    linear-gradient(180deg, rgba(34, 89, 132, .92), rgba(8, 35, 58, .98)) !important;
  box-shadow: none !important;
  color: #fff !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-rows: 1fr auto !important;
  column-gap: 10px !important;
  row-gap: 5px !important;
  align-items: center !important;
}
.atb6-tank-info.atb781-tank-info > span:last-child{
  border-right: 0 !important;
}

.atb781-info-icon{
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: center !important;
  color: #00e7ff !important;
  font-size: 24px !important;
  line-height: 1 !important;
  text-shadow: 0 0 12px rgba(0,231,255,.55);
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.atb781-info-main{
  display: block !important;
  color: #ffffff !important;
  font-size: clamp(20px, 1.7vw, 30px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.atb781-info-main b,
.atb781-info-main span{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

.atb781-info-tile small{
  grid-column: 2 !important;
  color: #a9dff4 !important;
  opacity: .82 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Push tank zone labels/content below the stat bar */
.atb6-surface-label{ top: 118px !important; }
.atb6-zone-surface{ top: 116px !important; }

/* Mobile/tablet */
@media (max-width: 900px){
  .atb6-tank-info.atb781-tank-info{
    grid-template-columns: 1fr !important;
    right: 10px !important;
    left: 10px !important;
  }
  .atb6-tank-info.atb781-tank-info > span{
    min-height: 62px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0,231,255,.18) !important;
  }
  .atb6-tank-info.atb781-tank-info > span:last-child{ border-bottom: 0 !important; }
  .atb6-surface-label{ top: 218px !important; }
  .atb6-zone-surface{ top: 216px !important; }
  .atb71-setup-card{
    min-height: 0 !important;
    max-height: none !important;
  }
}


/* =========================================================
   V7.8.2 Compact one-line tank stats + compatibility fix
   Overrides the larger V7.8.1 segmented blocks.
========================================================= */

/* Compact one-line tank status bar */
.atb6-tank-info.atb781-tank-info{
  position:absolute !important;
  top:12px !important;
  left:14px !important;
  right:auto !important;
  z-index:10 !important;

  width:auto !important;
  max-width:calc(100% - 28px) !important;
  min-height:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;

  padding:7px !important;
  border-radius:18px !important;
  border:1px solid rgba(0,224,255,.62) !important;
  background:
    linear-gradient(180deg, rgba(11,54,82,.88), rgba(5,27,45,.96)) !important;
  box-shadow:
    0 0 14px rgba(0,207,255,.18),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  overflow:visible !important;
  backdrop-filter:blur(8px);
}

/* Each item becomes a neat horizontal chip */
.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  height:42px !important;

  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;

  padding:0 13px !important;
  margin:0 !important;
  border-radius:13px !important;
  border:1px solid rgba(0,207,255,.18) !important;
  border-right:1px solid rgba(0,207,255,.18) !important;

  background:
    linear-gradient(180deg, rgba(40,96,128,.82), rgba(12,43,65,.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 4px 10px rgba(0,0,0,.16) !important;
}

/* Icons small and subtle */
.atb781-info-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  font-size:15px !important;
  line-height:1 !important;
  color:#1eefff !important;
  text-shadow:0 0 8px rgba(0,231,255,.45) !important;
  flex:0 0 auto !important;
}

/* Main text stays one line */
.atb781-info-main{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:4px !important;
  white-space:nowrap !important;
  font-size:clamp(18px,1.35vw,24px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#fff !important;
}

.atb781-info-main b,
.atb781-info-main span,
.atb781-info-main#atb6-water-badge{
  font-size:inherit !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Hide lower labels to keep it compact */
.atb781-info-tile small{
  display:none !important;
}

/* Put tank labels back near top now bar is compact */
.atb6-surface-label{ top:74px !important; }
.atb6-zone-surface{ top:72px !important; }

/* Prevent long imperial values escaping */
.atb781-volume-tile .atb781-info-main{
  font-size:clamp(17px,1.2vw,22px) !important;
}

/* Compatibility report must stay readable and full size */
.atb71-compat-card,
.atb6-compat,
.atb-compatibility,
.atb-compatibility-report{
  min-height:150px !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  padding:22px 24px !important;
  border-radius:24px !important;
}

.atb71-compat-card h3,
.atb6-compat h3,
.atb-compatibility h3,
.atb-compatibility-report h3,
.atb71-compat-card .atb6-section-title{
  display:block !important;
  width:auto !important;
  height:auto !important;
  white-space:normal !important;
  overflow:visible !important;
  font-size:16px !important;
  line-height:1.25 !important;
  letter-spacing:.16em !important;
  margin:0 0 16px !important;
  padding:0 !important;
  background:transparent !important;
}

.atb71-compat-card p,
.atb6-compat p,
.atb-compatibility p,
.atb-compatibility-report p,
#atb6-compatibility-report,
#atb6-compatibility{
  display:block !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  font-size:22px !important;
  line-height:1.35 !important;
  color:#bfeaff !important;
}

/* Right side scrolling stays usable but not squashed */
.atb71-side{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:6px !important;
  gap:16px !important;
}

.atb71-side > *{
  flex-shrink:0 !important;
}

/* Setup card should not eat the whole column */
.atb71-setup-card{
  max-height:290px !important;
  min-height:210px !important;
}

/* Mobile */
@media(max-width:900px){
  .atb6-tank-info.atb781-tank-info{
    left:10px !important;
    right:10px !important;
    max-width:none !important;
    flex-wrap:wrap !important;
  }

  .atb6-tank-info.atb781-tank-info > span{
    height:38px !important;
    padding:0 10px !important;
  }

  .atb781-info-main{
    font-size:17px !important;
  }

  .atb6-surface-label{ top:120px !important; }
  .atb6-zone-surface{ top:118px !important; }

  .atb71-compat-card p,
  .atb6-compat p,
  .atb-compatibility p,
  .atb-compatibility-report p,
  #atb6-compatibility-report,
  #atb6-compatibility{
    font-size:18px !important;
  }
}


/* =========================================================
   V7.8.3 premium aquarium stat bar + bigger compatibility
   + compact Recommended Kit drawer
========================================================= */

/* Premium full-width segmented stat bar like the reference */
.atb6-tank-info.atb781-tank-info{
  position:absolute !important;
  z-index:12 !important;
  top:12px !important;
  left:14px !important;
  right:14px !important;
  width:auto !important;
  max-width:none !important;

  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;

  padding:0 !important;
  border-radius:20px !important;
  overflow:hidden !important;

  border:2px solid rgba(31, 239, 255, .95) !important;
  background:
    linear-gradient(180deg, rgba(20, 87, 129, .96), rgba(7, 35, 60, .98)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 18px rgba(0, 224, 255, .36),
    0 0 34px rgba(0, 113, 255, .18),
    inset 0 0 30px rgba(0, 207, 255, .08) !important;
  backdrop-filter: blur(9px);
}

/* Each stat tile */
.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  height:72px !important;
  min-height:72px !important;
  width:auto !important;

  display:grid !important;
  grid-template-columns:auto auto !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  justify-content:center !important;
  column-gap:12px !important;
  row-gap:5px !important;

  margin:0 !important;
  padding:11px 16px 10px !important;

  border-radius:0 !important;
  border:0 !important;
  border-right:1px solid rgba(0, 234, 255, .24) !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.12), transparent 46%),
    linear-gradient(180deg, rgba(28, 84, 125, .96), rgba(8, 35, 61, .98)) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -14px 24px rgba(0,0,0,.12) !important;
}

.atb6-tank-info.atb781-tank-info > span:last-child{
  border-right:0 !important;
}

/* Icons */
.atb781-info-icon{
  grid-column:1 !important;
  grid-row:1 !important;
  width:26px !important;
  height:26px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:#14eeff !important;
  font-size:26px !important;
  line-height:1 !important;
  text-shadow:
    0 0 8px rgba(20,238,255,.70),
    0 0 18px rgba(20,238,255,.30) !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* Big main value */
.atb781-info-main{
  grid-column:2 !important;
  grid-row:1 !important;

  display:inline-flex !important;
  align-items:baseline !important;
  gap:5px !important;
  white-space:nowrap !important;

  color:#ffffff !important;
  font-size:clamp(22px, 1.55vw, 31px) !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
  line-height:1 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

.atb781-info-main b,
.atb781-info-main span,
.atb781-info-main#atb6-water-badge{
  color:#ffffff !important;
  font-size:inherit !important;
  font-weight:900 !important;
  line-height:1 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* Label under value */
.atb781-info-tile small{
  grid-column:2 !important;
  grid-row:2 !important;
  display:block !important;

  color:#a9ddf3 !important;
  opacity:.88 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  margin:0 !important;
}

/* Keep the tank content clear of the bar */
.atb6-surface-label{ top:104px !important; }
.atb6-zone-surface{ top:102px !important; }

/* Right panel: keep scroll, but make sections more deliberate */
.atb71-side{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:7px !important;
  gap:16px !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,207,255,.42) rgba(0,0,0,.22);
}
.atb71-side::-webkit-scrollbar{ width:8px; }
.atb71-side::-webkit-scrollbar-track{ background:rgba(0,0,0,.22); border-radius:20px; }
.atb71-side::-webkit-scrollbar-thumb{ background:rgba(0,207,255,.42); border-radius:20px; }

/* Bigger compatibility report */
.atb71-compat-card,
.atb6-compat,
.atb-compatibility,
.atb-compatibility-report{
  min-height:210px !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  padding:24px 24px 26px !important;
  border-radius:26px !important;
  border:1px solid rgba(0,207,255,.38) !important;
  background:
    radial-gradient(circle at top left, rgba(0,207,255,.10), transparent 40%),
    rgba(4,14,29,.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 20px rgba(0,207,255,.10) !important;
}

.atb71-compat-card h3,
.atb6-compat h3,
.atb-compatibility h3,
.atb-compatibility-report h3,
.atb71-compat-card .atb6-section-title{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  width:auto !important;
  height:auto !important;

  font-size:17px !important;
  line-height:1.25 !important;
  letter-spacing:.17em !important;
  color:#bdf4ff !important;
  margin:0 0 18px !important;
  padding:0 !important;
  background:transparent !important;
}

.atb71-compat-card p,
.atb6-compat p,
.atb-compatibility p,
.atb-compatibility-report p,
#atb6-compatibility-report,
#atb6-compatibility{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  width:auto !important;
  height:auto !important;

  font-size:23px !important;
  line-height:1.34 !important;
  color:#c7efff !important;
}

/* Recommended Kit as smaller scroll drawer section */
.atb71-kit-card,
.atb-recommended-kit,
.atb6-kit,
.atb-kit-card{
  max-height:250px !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:18px 18px !important;
  border-radius:22px !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,207,255,.38) rgba(0,0,0,.16);
}

.atb71-kit-card::-webkit-scrollbar,
.atb-recommended-kit::-webkit-scrollbar,
.atb6-kit::-webkit-scrollbar,
.atb-kit-card::-webkit-scrollbar{ width:7px; }

.atb71-kit-card::-webkit-scrollbar-track,
.atb-recommended-kit::-webkit-scrollbar-track,
.atb6-kit::-webkit-scrollbar-track,
.atb-kit-card::-webkit-scrollbar-track{
  background:rgba(0,0,0,.16);
  border-radius:20px;
}

.atb71-kit-card::-webkit-scrollbar-thumb,
.atb-recommended-kit::-webkit-scrollbar-thumb,
.atb6-kit::-webkit-scrollbar-thumb,
.atb-kit-card::-webkit-scrollbar-thumb{
  background:rgba(0,207,255,.38);
  border-radius:20px;
}

/* Make individual recommended kit cards more compact */
.atb71-kit-card .atb71-kit-item,
.atb-recommended-kit .atb71-kit-item,
.atb6-kit .atb71-kit-item,
.atb-kit-card .atb71-kit-item{
  padding:14px 16px !important;
  border-radius:18px !important;
  margin-bottom:12px !important;
}

.atb71-kit-card h3,
.atb-recommended-kit h3,
.atb6-kit h3,
.atb-kit-card h3{
  font-size:15px !important;
  letter-spacing:.16em !important;
  margin-bottom:14px !important;
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  background:linear-gradient(180deg, rgba(4,14,29,.98), rgba(4,14,29,.88)) !important;
  padding-bottom:10px !important;
}

/* Mobile */
@media(max-width:900px){
  .atb6-tank-info.atb781-tank-info{
    left:10px !important;
    right:10px !important;
    grid-template-columns:1fr !important;
  }

  .atb6-tank-info.atb781-tank-info > span{
    height:60px !important;
    min-height:60px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(0,234,255,.22) !important;
  }

  .atb6-tank-info.atb781-tank-info > span:last-child{
    border-bottom:0 !important;
  }

  .atb781-info-main{
    font-size:22px !important;
  }

  .atb6-surface-label{ top:208px !important; }
  .atb6-zone-surface{ top:206px !important; }

  .atb71-compat-card p,
  .atb6-compat p,
  .atb-compatibility p,
  .atb-compatibility-report p,
  #atb6-compatibility-report,
  #atb6-compatibility{
    font-size:18px !important;
  }
}


/* =====================================================
V7.8.4 REAL compact premium stat bar + larger compatibility
===================================================== */

/* Make stat bar truly one line */
.atb6-tank-info.atb781-tank-info{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    gap:0 !important;
    top:16px !important;
    left:18px !important;
    right:18px !important;
    min-height:84px !important;
    border-radius:22px !important;
    overflow:hidden !important;
}

/* horizontal premium cards */
.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
    flex:1 1 33.33% !important;
    width:33.33% !important;
    min-width:0 !important;
    height:84px !important;
    min-height:84px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    padding:10px 14px !important;
    margin:0 !important;

    background:
      radial-gradient(circle at top center, rgba(255,255,255,.12), transparent 52%),
      linear-gradient(180deg, rgba(18,73,111,.96), rgba(6,25,48,.98)) !important;

    border-right:1px solid rgba(0,234,255,.18) !important;
}

.atb6-tank-info.atb781-tank-info > span:last-child{
    border-right:0 !important;
}

/* icons top */
.atb781-info-icon{
    width:24px !important;
    height:24px !important;
    font-size:24px !important;
    margin-bottom:8px !important;
}

/* value */
.atb781-info-main{
    font-size:22px !important;
    line-height:1 !important;
    font-weight:900 !important;
    margin-bottom:8px !important;
}

/* subtitle */
.atb781-info-tile small{
    font-size:11px !important;
    letter-spacing:.20em !important;
}

/* lower tank content down */
.atb6-surface-label{
    top:132px !important;
}
.atb6-zone-surface{
    top:130px !important;
}

/* MASSIVE compatibility report */
.atb71-compat-card,
.atb6-compat,
.atb-compatibility,
.atb-compatibility-report,
#atb6-compatibility-report{
    min-height:320px !important;
    padding:28px !important;
    border-radius:28px !important;
}

.atb71-compat-card h3,
.atb6-compat h3,
.atb-compatibility h3,
.atb-compatibility-report h3{
    font-size:18px !important;
    margin-bottom:22px !important;
}

.atb71-compat-card p,
.atb6-compat p,
.atb-compatibility p,
.atb-compatibility-report p,
#atb6-compatibility-report{
    font-size:26px !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow:visible !important;
}

/* Recommended kit compact drawer */
.atb71-kit-card,
.atb-recommended-kit,
.atb6-kit,
.atb-kit-card{
    max-height:220px !important;
    min-height:220px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:14px !important;
}

/* Smaller internal cards */
.atb71-kit-card .atb71-kit-item,
.atb-recommended-kit .atb71-kit-item,
.atb6-kit .atb71-kit-item,
.atb-kit-card .atb71-kit-item{
    padding:10px 12px !important;
    margin-bottom:10px !important;
    border-radius:16px !important;
}

/* smaller kit headings */
.atb71-kit-card h3,
.atb-recommended-kit h3,
.atb6-kit h3,
.atb-kit-card h3{
    font-size:14px !important;
    margin-bottom:10px !important;
}

/* Mobile keep compact */
@media(max-width:900px){

  .atb6-tank-info.atb781-tank-info{
      flex-direction:column !important;
      min-height:auto !important;
  }

  .atb6-tank-info.atb781-tank-info > span{
      width:100% !important;
      height:72px !important;
      border-right:0 !important;
      border-bottom:1px solid rgba(0,234,255,.18) !important;
  }

  .atb6-surface-label{
      top:248px !important;
  }

  .atb6-zone-surface{
      top:246px !important;
  }

}

/* =====================================================
V7.8.5 — SVG premium tank stat bar + bigger report + wide kit strip
===================================================== */

/* 3-column layout tuned now the kit is no longer in the right panel */
.atb71-grid{
  grid-template-columns:minmax(300px, 390px) minmax(560px, 1fr) minmax(390px, 470px) !important;
  gap:18px !important;
}

.atb71-side{
  grid-template-rows:auto auto minmax(320px, 1fr) !important;
  overflow:hidden !important;
  gap:16px !important;
  padding-right:0 !important;
}

/* Make Compatibility Report a main feature in the right column */
.atb6-report.atb71-report{
  min-height:340px !important;
  height:100% !important;
  padding:24px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 207, 255, .16), transparent 42%),
    linear-gradient(180deg, rgba(7, 24, 47, .98), rgba(2, 8, 22, .98)) !important;
  border:1px solid rgba(0,207,255,.42) !important;
  box-shadow:0 0 0 1px rgba(0,207,255,.12) inset, 0 0 30px rgba(0,207,255,.12) !important;
  overflow:auto !important;
}
.atb6-report.atb71-report .atb6-card-title{
  font-size:16px !important;
  letter-spacing:.18em !important;
  margin-bottom:16px !important;
}
.atb6-report.atb71-report .atb6-report-list{
  gap:12px !important;
}
.atb6-report.atb71-report .atb6-muted,
.atb6-report.atb71-report .atb6-report-item{
  font-size:20px !important;
  line-height:1.45 !important;
}
.atb6-report.atb71-report .atb6-report-item{
  padding:16px 18px !important;
  border-radius:18px !important;
}

/* Attached-image style tank info bar with real SVG icons */
.atb6-tank-info.atb781-tank-info{
  top:16px !important;
  left:18px !important;
  right:18px !important;
  min-height:92px !important;
  height:92px !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(16,70,110,.96), rgba(5,18,42,.98)) !important;
  border:3px solid rgba(34,239,255,.95) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.13) inset, 0 0 18px rgba(0,234,255,.66), 0 14px 36px rgba(0,0,0,.42) !important;
}
.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  width:auto !important;
  height:92px !important;
  min-height:92px !important;
  flex:none !important;
  display:grid !important;
  grid-template-columns:42px auto !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  justify-content:center !important;
  column-gap:12px !important;
  padding:12px 18px !important;
  background:linear-gradient(180deg, rgba(15,73,112,.94), rgba(6,26,55,.98)) !important;
  border-right:1px solid rgba(0,234,255,.25) !important;
}
.atb6-tank-info.atb781-tank-info > span:last-child{ border-right:0 !important; }
.atb785-svg-icon{
  grid-row:1 / span 2 !important;
  width:34px !important;
  height:34px !important;
  margin:0 !important;
  align-self:center !important;
  color:#00ecff !important;
  filter:drop-shadow(0 0 8px rgba(0,234,255,.8)) !important;
}
.atb785-svg-icon svg{
  width:100% !important;
  height:100% !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:4.5 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.atb781-info-main{
  font-size:28px !important;
  line-height:1 !important;
  font-weight:900 !important;
  margin:0 !important;
  color:#ffffff !important;
  text-shadow:0 0 12px rgba(0,207,255,.35) !important;
  white-space:nowrap !important;
}
.atb781-info-tile small{
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  margin-top:10px !important;
  color:#a9c7dc !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.atb6-surface-label{ top:142px !important; }
.atb6-zone-surface{ top:140px !important; }

/* Recommended Kit is now a wide scrolling block under all three main blocks */
.atb785-kit-wide{
  margin:0 16px 16px !important;
  padding:18px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg, rgba(6, 20, 42, .98), rgba(2, 8, 22, .98)) !important;
  border:1px solid rgba(0,207,255,.38) !important;
  box-shadow:0 0 0 1px rgba(0,207,255,.08) inset, 0 0 26px rgba(0,207,255,.10) !important;
}
.atb785-kit-wide .atb6-card-title{
  margin-bottom:12px !important;
}
.atb785-kit-wide .atb785-kit-strip,
.atb785-kit-wide .atb74-product-list{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(300px, 1fr) !important;
  grid-template-columns:none !important;
  gap:14px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  max-height:none !important;
  padding:2px 4px 10px !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,207,255,.45) rgba(0,0,0,.22);
}
.atb785-kit-wide .atb785-kit-strip::-webkit-scrollbar{ height:8px; }
.atb785-kit-wide .atb785-kit-strip::-webkit-scrollbar-track{ background:rgba(0,0,0,.22); border-radius:20px; }
.atb785-kit-wide .atb785-kit-strip::-webkit-scrollbar-thumb{ background:rgba(0,207,255,.45); border-radius:20px; }
.atb785-kit-wide .atb74-product-card,
.atb785-kit-wide .atb71-kit-item,
.atb785-kit-wide .atb6-product-card{
  min-width:300px !important;
  margin:0 !important;
}

@media(max-width:1100px){
  .atb71-grid{ grid-template-columns:1fr !important; grid-template-areas:"library" "stage" "side" !important; }
  .atb71-side{ height:auto !important; overflow:visible !important; }
}
@media(max-width:720px){
  .atb6-tank-info.atb781-tank-info{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
  }
  .atb6-tank-info.atb781-tank-info > span,
  .atb6-tank-info.atb781-tank-info .atb781-info-tile{
    height:74px !important;
    min-height:74px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(0,234,255,.24) !important;
  }
  .atb6-surface-label{ top:260px !important; }
  .atb6-zone-surface{ top:258px !important; }
  .atb785-kit-wide .atb785-kit-strip,
  .atb785-kit-wide .atb74-product-list{ grid-auto-columns:minmax(260px, 88vw) !important; }
}

/* =====================================================
V7.8.6 — compact premium header + corrected stat bar fit + right column sizing
===================================================== */

/* Header: less tall, cleaner, more premium */
.atb71-header,
.atb6-header{
  min-height:72px !important;
  padding:12px 28px !important;
  gap:18px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(0,207,255,.10), transparent 32%),
    linear-gradient(180deg, rgba(3,16,34,.98), rgba(1,7,18,.98)) !important;
}
.atb6-brand{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}
.atb-header-logo{
  width:clamp(190px, 14vw, 285px) !important;
  max-height:72px !important;
  margin:0 !important;
  transform:none !important;
  object-fit:contain !important;
  filter:
    drop-shadow(0 0 8px rgba(0,207,255,.30))
    drop-shadow(0 0 18px rgba(0,120,255,.18)) !important;
}
.atb6-mode-tabs{
  padding:4px !important;
  border-radius:18px !important;
  background:rgba(4,24,46,.70) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.atb6-tab{
  padding:9px 18px !important;
  border-radius:14px !important;
  font-size:14px !important;
}
.atb6-status{
  padding:10px 18px !important;
  font-size:clamp(18px, 1.5vw, 26px) !important;
  background:linear-gradient(180deg, rgba(8,35,64,.82), rgba(3,15,31,.92)) !important;
}

/* Main layout: give the right column enough room and stop it being clipped */
.atb71-grid{
  grid-template-columns:minmax(285px, 365px) minmax(560px, 1fr) minmax(360px, 430px) !important;
  gap:18px !important;
  padding:16px 20px 14px !important;
  overflow:visible !important;
}
.atb71-side{
  min-width:0 !important;
  overflow:hidden !important;
  grid-template-rows:auto auto minmax(300px, 1fr) !important;
  padding-right:0 !important;
}
.atb71-setup-card{
  max-height:250px !important;
  min-height:0 !important;
  overflow-y:auto !important;
  padding:18px !important;
}
.atb71-stats{
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}
.atb71-stats div{
  min-height:88px !important;
  padding:15px 16px !important;
  overflow:hidden !important;
}
.atb71-stats span,
.atb71-stats small{
  white-space:nowrap !important;
}
.atb6-report.atb71-report{
  min-height:300px !important;
  padding:22px !important;
  overflow-y:auto !important;
}

/* Stat bar: keep the SVG look, but make it fit neatly inside the tank border */
.atb6-tank-info.atb781-tank-info{
  top:18px !important;
  left:24px !important;
  right:24px !important;
  height:68px !important;
  min-height:68px !important;
  border-radius:18px !important;
  border:2px solid rgba(34,239,255,.95) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 16px rgba(0,234,255,.50),
    0 10px 26px rgba(0,0,0,.32) !important;
}
.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  height:68px !important;
  min-height:68px !important;
  grid-template-columns:30px auto !important;
  grid-template-rows:auto auto !important;
  column-gap:10px !important;
  row-gap:4px !important;
  padding:8px 12px !important;
  align-content:center !important;
  justify-content:center !important;
}
.atb785-svg-icon{
  width:25px !important;
  height:25px !important;
}
.atb785-svg-icon svg{
  stroke-width:4 !important;
}
.atb781-info-main{
  font-size:clamp(20px, 1.35vw, 26px) !important;
  line-height:1 !important;
  margin:0 !important;
  letter-spacing:-.02em !important;
}
.atb781-water-tile .atb781-info-main,
.atb781-info-main#atb6-water-badge{
  font-size:clamp(18px, 1.25vw, 24px) !important;
}
.atb781-info-tile small{
  font-size:10px !important;
  letter-spacing:.16em !important;
  margin-top:4px !important;
}
.atb6-surface-label{ top:104px !important; }
.atb6-zone-surface{ top:102px !important; }

/* Keep bottom kit strip loved layout, just align with page padding */
.atb785-kit-wide{
  margin:0 20px 16px !important;
}

@media(max-width:1450px){
  .atb71-grid{
    grid-template-columns:minmax(260px, 340px) minmax(500px, 1fr) minmax(330px, 390px) !important;
    gap:14px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .atb6-tank-info.atb781-tank-info{
    left:18px !important;
    right:18px !important;
  }
  .atb781-info-main{ font-size:20px !important; }
  .atb781-water-tile .atb781-info-main,
  .atb781-info-main#atb6-water-badge{ font-size:18px !important; }
}

@media(max-width:1100px){
  .atb71-grid{ grid-template-columns:1fr !important; grid-template-areas:"library" "stage" "side" !important; }
  .atb71-side{ height:auto !important; overflow:visible !important; }
}


/* =====================================================
V7.8.7 — tighter right column + fixed tank stat bar + closer kit
===================================================== */

/* Main layout: slightly more room for the right panel without crushing the tank */
.atb71-grid{
  grid-template-columns:minmax(280px, 360px) minmax(560px, 1fr) minmax(430px, 500px) !important;
  gap:16px !important;
  padding:14px 18px 8px !important;
}
.atb71-side{
  height:clamp(610px, calc(100vh - 178px), 790px) !important;
  display:grid !important;
  grid-template-rows:auto auto minmax(220px, 1fr) !important;
  gap:12px !important;
  overflow:visible !important;
  padding-right:0 !important;
}
.atb71-library,
.atb71-stage{
  height:clamp(610px, calc(100vh - 178px), 790px) !important;
}

/* Tank setup: larger/useable again, not a tiny clipped strip */
.atb71-setup-card{
  min-height:210px !important;
  max-height:310px !important;
  overflow-y:auto !important;
  padding:18px 20px !important;
  border-radius:22px !important;
}
.atb71-setup-card .atb6-card-title{ margin-bottom:14px !important; }
.atb71-setup-card .atb6-mode-panel.is-active{ gap:12px !important; }
.atb71-setup-card .atb6-two{ gap:10px !important; }
.atb71-setup-card input[type="number"]{ min-height:40px !important; }

/* Stats: one slimmer horizontal row */
.atb71-stats{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:8px !important;
}
.atb71-stats div{
  min-height:70px !important;
  padding:11px 10px !important;
  border-radius:16px !important;
}
.atb71-stats span{
  font-size:11px !important;
  line-height:1.05 !important;
  letter-spacing:.08em !important;
  white-space:normal !important;
}
.atb71-stats b{
  font-size:21px !important;
  line-height:1.05 !important;
  margin-top:4px !important;
}
.atb71-stats small{
  display:block !important;
  font-size:10px !important;
  line-height:1.05 !important;
  margin-top:4px !important;
  letter-spacing:.08em !important;
  white-space:normal !important;
}

/* Compatibility report: bigger visible panel and no clipped bottom */
.atb6-report.atb71-report{
  min-height:250px !important;
  height:auto !important;
  max-height:none !important;
  overflow-y:auto !important;
  padding:24px 24px 26px !important;
  border-radius:24px !important;
}
.atb6-report.atb71-report .atb6-card-title{
  font-size:17px !important;
  margin-bottom:18px !important;
}
.atb6-report.atb71-report .atb6-muted,
.atb6-report.atb71-report .atb6-report-item{
  font-size:21px !important;
  line-height:1.4 !important;
}

/* Tank SVG stat bar: true fit inside border, no cropped text */
.atb6-tank-info.atb781-tank-info{
  top:16px !important;
  left:22px !important;
  right:22px !important;
  height:58px !important;
  min-height:58px !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:2px solid rgba(34,239,255,.92) !important;
}
.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  height:58px !important;
  min-height:58px !important;
  display:grid !important;
  grid-template-columns:24px auto !important;
  grid-template-rows:28px 14px !important;
  align-items:center !important;
  align-content:center !important;
  justify-content:center !important;
  column-gap:8px !important;
  row-gap:1px !important;
  padding:6px 8px !important;
  overflow:hidden !important;
}
.atb785-svg-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:21px !important;
  height:21px !important;
  align-self:center !important;
  justify-self:center !important;
  margin:0 !important;
}
.atb785-svg-icon svg{ stroke-width:4 !important; }
.atb781-info-main,
.atb781-info-main b,
.atb781-info-main span,
.atb781-info-main#atb6-water-badge{
  grid-column:2 !important;
  grid-row:1 !important;
  font-size:clamp(18px, 1.18vw, 23px) !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
.atb781-water-tile .atb781-info-main,
.atb781-info-main#atb6-water-badge{
  font-size:clamp(16px, 1.05vw, 21px) !important;
}
.atb781-info-tile small{
  grid-column:2 !important;
  grid-row:2 !important;
  display:block !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  margin:0 !important;
  padding:0 !important;
}
.atb6-surface-label{ top:90px !important; }
.atb6-zone-surface{ top:88px !important; }

/* Pull Recommended Kit closer to the main blocks */
.atb785-kit-wide{
  margin:-2px 18px 14px !important;
  padding:16px 18px !important;
}
.atb785-kit-wide .atb785-kit-strip,
.atb785-kit-wide .atb74-product-list{
  gap:12px !important;
  padding-bottom:6px !important;
}

@media(max-width:1450px){
  .atb71-grid{
    grid-template-columns:minmax(250px, 330px) minmax(500px, 1fr) minmax(395px, 445px) !important;
    gap:12px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .atb71-stats b{ font-size:18px !important; }
  .atb71-stats span{ font-size:10px !important; }
  .atb71-stats small{ font-size:9px !important; }
  .atb6-tank-info.atb781-tank-info{ left:18px !important; right:18px !important; }
  .atb781-info-main,
  .atb781-info-main b,
  .atb781-info-main span{ font-size:18px !important; }
  .atb781-water-tile .atb781-info-main,
  .atb781-info-main#atb6-water-badge{ font-size:16px !important; }
}

@media(max-width:1100px){
  .atb71-grid{ grid-template-columns:1fr !important; grid-template-areas:"library" "stage" "side" !important; }
  .atb71-side,.atb71-library,.atb71-stage{ height:auto !important; overflow:visible !important; }
  .atb71-stats{ grid-template-columns:1fr 1fr !important; }
}


/* =====================================================
V7.8.8 — final fit pass: tiny tank SVG bar + aligned report
===================================================== */

/* Keep the right column tighter so the compatibility border starts higher and lines up better visually */
.atb71-side{
  grid-template-rows:auto auto minmax(300px, 1fr) !important;
  gap:8px !important;
}

.atb6-report.atb71-report{
  margin-top:0 !important;
  align-self:start !important;
  min-height:300px !important;
  padding:22px 24px !important;
}

/* Smaller SVG stat bar so it sits fully inside the aquarium glass border */
.atb6-tank-info.atb781-tank-info{
  top:12px !important;
  left:20px !important;
  right:20px !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  border-radius:15px !important;
  border-width:2px !important;
  overflow:hidden !important;
}

.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  grid-template-columns:20px auto !important;
  grid-template-rows:22px 10px !important;
  column-gap:7px !important;
  row-gap:0 !important;
  padding:6px 7px !important;
  align-items:center !important;
  align-content:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

.atb785-svg-icon{
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
}

.atb785-svg-icon svg{
  width:17px !important;
  height:17px !important;
  stroke-width:4 !important;
}

.atb781-info-main,
.atb781-info-main b,
.atb781-info-main span,
.atb781-info-main#atb6-water-badge{
  display:inline !important;
  grid-column:2 !important;
  grid-row:1 !important;
  font-size:17px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  letter-spacing:-.03em !important;
}

.atb781-water-tile .atb781-info-main,
.atb781-info-main#atb6-water-badge{
  font-size:15px !important;
}

.atb781-info-tile small{
  grid-column:2 !important;
  grid-row:2 !important;
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  margin:0 !important;
  padding:0 !important;
}

/* Push the tank zone content just enough below the smaller stat bar */
.atb6-surface-label{ top:76px !important; }
.atb6-zone-surface{ top:74px !important; }

/* Pull the Recommended Kit closer to the main layout */
.atb785-kit-wide{
  margin:-8px 18px 12px !important;
  padding:14px 18px !important;
}

@media(max-width:1450px){
  .atb6-tank-info.atb781-tank-info{
    top:10px !important;
    left:18px !important;
    right:18px !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
  }
  .atb6-tank-info.atb781-tank-info > span,
  .atb6-tank-info.atb781-tank-info .atb781-info-tile{
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    grid-template-columns:18px auto !important;
    grid-template-rows:20px 9px !important;
    padding:5px 6px !important;
  }
  .atb785-svg-icon,
  .atb785-svg-icon svg{
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
  }
  .atb781-info-main,
  .atb781-info-main b,
  .atb781-info-main span,
  .atb781-info-main#atb6-water-badge{
    font-size:15px !important;
  }
  .atb781-water-tile .atb781-info-main,
  .atb781-info-main#atb6-water-badge{
    font-size:13px !important;
  }
  .atb781-info-tile small{ font-size:7px !important; }
  .atb6-surface-label{ top:68px !important; }
  .atb6-zone-surface{ top:66px !important; }
  .atb6-report.atb71-report{ min-height:290px !important; }
}

/* =====================================================
V7.8.9 — report alignment + visible compact SVG stat bar
===================================================== */

/* Keep the three main columns visually aligned and stop the right report sitting too low */
.atb71-grid{
  align-items:stretch !important;
  padding-bottom:6px !important;
  row-gap:8px !important;
}

.atb71-library,
.atb71-stage,
.atb71-side{
  height:clamp(610px, calc(100vh - 178px), 790px) !important;
  min-height:610px !important;
}

.atb71-side{
  display:grid !important;
  grid-template-rows:auto auto minmax(0, 1fr) !important;
  gap:6px !important;
  align-content:stretch !important;
  overflow:visible !important;
}

/* Bring the report up tight to the stat cards and let its bottom align with the column bottom */
.atb6-report.atb71-report{
  margin-top:0 !important;
  min-height:0 !important;
  height:100% !important;
  align-self:stretch !important;
  overflow-y:auto !important;
  padding:22px 24px !important;
  box-sizing:border-box !important;
}

/* Reduce the gap between the main three columns and the Recommended Kit strip */
.atb785-kit-wide{
  margin:-18px 18px 10px !important;
  padding:14px 18px !important;
}

/* Final stat bar fix: compact enough to fit, but text is forced visible and centred */
.atb6-tank-info.atb781-tank-info{
  top:11px !important;
  left:26px !important;
  right:26px !important;
  height:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  height:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  display:grid !important;
  grid-template-columns:20px minmax(0, auto) !important;
  grid-template-rows:25px 12px !important;
  align-content:center !important;
  align-items:center !important;
  justify-content:center !important;
  column-gap:7px !important;
  row-gap:2px !important;
  padding:6px 8px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.atb785-svg-icon,
.atb781-info-icon.atb785-svg-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  align-self:center !important;
  justify-self:center !important;
  margin:0 !important;
  position:relative !important;
  transform:none !important;
}

.atb785-svg-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
}

.atb781-info-main,
.atb781-info-main b,
.atb781-info-main span,
.atb781-info-main#atb6-water-badge{
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  clip:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  transform:none !important;
  color:#ffffff !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:900 !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  text-indent:0 !important;
  text-shadow:0 0 10px rgba(0,207,255,.34) !important;
}

.atb781-info-main b{
  display:inline-flex !important;
}

.atb781-water-tile .atb781-info-main,
.atb781-info-main#atb6-water-badge{
  font-size:14px !important;
  letter-spacing:-.03em !important;
}

.atb781-info-tile small{
  grid-column:2 !important;
  grid-row:2 !important;
  display:block !important;
  color:#a9c7dc !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:7.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  position:relative !important;
  transform:none !important;
}

.atb6-surface-label{ top:80px !important; }
.atb6-zone-surface{ top:78px !important; }

@media(max-width:1450px){
  .atb71-grid{
    gap:10px !important;
  }
  .atb71-library,
  .atb71-stage,
  .atb71-side{
    height:clamp(590px, calc(100vh - 174px), 770px) !important;
    min-height:590px !important;
  }
  .atb71-side{ gap:5px !important; }
  .atb6-report.atb71-report{ padding:20px 22px !important; }
  .atb785-kit-wide{ margin:-20px 14px 10px !important; }

  .atb6-tank-info.atb781-tank-info{
    top:10px !important;
    left:24px !important;
    right:24px !important;
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
  }
  .atb6-tank-info.atb781-tank-info > span,
  .atb6-tank-info.atb781-tank-info .atb781-info-tile{
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
    grid-template-columns:18px minmax(0, auto) !important;
    grid-template-rows:23px 11px !important;
    column-gap:6px !important;
    padding:5px 6px !important;
  }
  .atb785-svg-icon,
  .atb781-info-icon.atb785-svg-icon,
  .atb785-svg-icon svg{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
  }
  .atb781-info-main,
  .atb781-info-main b,
  .atb781-info-main span,
  .atb781-info-main#atb6-water-badge{
    font-size:15px !important;
  }
  .atb781-water-tile .atb781-info-main,
  .atb781-info-main#atb6-water-badge{
    font-size:13px !important;
  }
  .atb781-info-tile small{ font-size:7px !important; }
  .atb6-surface-label{ top:74px !important; }
  .atb6-zone-surface{ top:72px !important; }
}

@media(max-width:1100px){
  .atb71-library,
  .atb71-stage,
  .atb71-side{
    height:auto !important;
    min-height:0 !important;
  }
  .atb785-kit-wide{ margin:8px 14px 12px !important; }
}


/* =====================================================
V7.8.10 — visible SVG stat bar + taller aligned report + tighter kit
===================================================== */

/* Bring the whole working area up/tighter so the Recommended Kit sits directly below it */
.atb71-grid{
  align-items:stretch !important;
  gap:12px !important;
  row-gap:0 !important;
  padding-bottom:0 !important;
}

.atb71-library,
.atb71-stage,
.atb71-side{
  height:clamp(520px, calc(100vh - 330px), 620px) !important;
  min-height:520px !important;
}

.atb71-stage{
  grid-template-rows:auto minmax(0, 1fr) !important;
  overflow:hidden !important;
}

/* Right column: bigger tank setup, small stat row, then a feature-size report filling the rest */
.atb71-side{
  display:grid !important;
  grid-template-rows:minmax(260px, 300px) auto minmax(0, 1fr) !important;
  gap:8px !important;
  overflow:visible !important;
  align-content:stretch !important;
}

.atb71-setup-card{
  min-height:260px !important;
  max-height:300px !important;
  height:100% !important;
  overflow-y:auto !important;
  padding:18px 20px !important;
  box-sizing:border-box !important;
}

.atb71-stats{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin:0 !important;
}

.atb71-stats div{
  min-height:66px !important;
  padding:10px 9px !important;
  border-radius:16px !important;
}

.atb71-stats span{
  font-size:10px !important;
  line-height:1.05 !important;
  letter-spacing:.08em !important;
}

.atb71-stats b{
  font-size:20px !important;
  line-height:1 !important;
  margin-top:4px !important;
}

.atb71-stats small{
  font-size:9px !important;
  line-height:1.05 !important;
  margin-top:4px !important;
}

/* Compatibility Report: keep bottom aligned with the stage/library, but stretch upward */
.atb6-report.atb71-report{
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  align-self:stretch !important;
  margin:0 !important;
  padding:24px 26px !important;
  border-radius:26px !important;
  overflow-y:auto !important;
  box-sizing:border-box !important;
}

.atb6-report.atb71-report .atb6-card-title{
  font-size:17px !important;
  letter-spacing:.20em !important;
  margin-bottom:20px !important;
}

.atb6-report.atb71-report .atb6-muted,
.atb6-report.atb71-report .atb6-report-item{
  font-size:22px !important;
  line-height:1.42 !important;
}

/* Recommended Kit: remove the dead gap and tuck it neatly under the three columns */
.atb785-kit-wide{
  margin:8px 18px 10px !important;
  padding:14px 18px !important;
}

/* Tank SVG stat bar: make the box a touch taller and force value + label visible */
.atb6-tank-info.atb781-tank-info{
  top:14px !important;
  left:24px !important;
  right:24px !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  border-radius:17px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  position:relative !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:8px 8px 7px 38px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.atb785-svg-icon,
.atb781-info-icon.atb785-svg-icon{
  position:absolute !important;
  left:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  max-width:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
}

.atb785-svg-icon svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  stroke-width:4 !important;
}

.atb781-info-main,
.atb781-info-main#atb6-water-badge{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:4px !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  clip:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  transform:none !important;
  color:#ffffff !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  text-align:center !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:0 !important;
  text-indent:0 !important;
  text-shadow:0 0 10px rgba(0,207,255,.36) !important;
}

.atb781-info-main > b,
.atb781-info-main > span{
  display:inline !important;
  position:static !important;
  transform:none !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:visible !important;
  color:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  margin:0 !important;
  padding:0 !important;
}

.atb781-water-tile .atb781-info-main,
.atb781-info-main#atb6-water-badge{
  font-size:18px !important;
}

.atb781-info-tile small{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  transform:none !important;
  color:#a9c7dc !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:0 !important;
}

/* Move labels/content below the taller, readable stat bar */
.atb6-surface-label{ top:98px !important; }
.atb6-zone-surface{ top:96px !important; }

@media(max-width:1450px){
  .atb71-library,
  .atb71-stage,
  .atb71-side{
    height:clamp(500px, calc(100vh - 340px), 590px) !important;
    min-height:500px !important;
  }
  .atb71-side{
    grid-template-rows:minmax(240px, 285px) auto minmax(0, 1fr) !important;
  }
  .atb71-setup-card{
    min-height:240px !important;
    max-height:285px !important;
  }
  .atb6-tank-info.atb781-tank-info{
    left:22px !important;
    right:22px !important;
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
  }
  .atb6-tank-info.atb781-tank-info > span,
  .atb6-tank-info.atb781-tank-info .atb781-info-tile{
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    padding-left:34px !important;
  }
  .atb785-svg-icon,
  .atb781-info-icon.atb785-svg-icon,
  .atb785-svg-icon svg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
  }
  .atb781-info-main,
  .atb781-info-main#atb6-water-badge{ font-size:18px !important; }
  .atb781-water-tile .atb781-info-main,
  .atb781-info-main#atb6-water-badge{ font-size:16px !important; }
  .atb781-info-tile small{ font-size:8px !important; }
  .atb6-surface-label{ top:92px !important; }
  .atb6-zone-surface{ top:90px !important; }
  .atb785-kit-wide{ margin:6px 14px 10px !important; }
}

@media(max-width:1100px){
  .atb71-library,
  .atb71-stage,
  .atb71-side{
    height:auto !important;
    min-height:0 !important;
  }
  .atb71-side{ grid-template-rows:auto auto auto !important; }
  .atb71-setup-card{ height:auto !important; }
  .atb6-report.atb71-report{ min-height:300px !important; }
  .atb785-kit-wide{ margin:10px 14px 12px !important; }
}


/* =====================================================
V7.8.11 — full stat-bar visibility + taller report + kit pulled up
===================================================== */

/* 1) Make the SVG stat bar fully readable inside the tank border */
.atb6-tank-info.atb781-tank-info{
  top:12px !important;
  left:24px !important;
  right:24px !important;
  height:84px !important;
  min-height:84px !important;
  max-height:84px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  z-index:8 !important;
}

.atb6-tank-info.atb781-tank-info > span,
.atb6-tank-info.atb781-tank-info .atb781-info-tile{
  height:84px !important;
  min-height:84px !important;
  max-height:84px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:10px 10px 9px 42px !important;
  position:relative !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.atb785-svg-icon,
.atb781-info-icon.atb785-svg-icon{
  position:absolute !important;
  left:13px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  max-width:24px !important;
  z-index:9 !important;
}

.atb785-svg-icon svg{
  width:24px !important;
  height:24px !important;
  display:block !important;
}

.atb781-info-main,
.atb781-info-main#atb6-water-badge{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:26px !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  clip:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  z-index:10 !important;
  color:#ffffff !important;
  font-size:23px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-align:center !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:0 !important;
  text-indent:0 !important;
}

.atb781-info-main > b,
.atb781-info-main > span,
#atb6-dim-length,
#atb6-dim-volume,
#atb6-dim-length-unit,
#atb6-dim-volume-unit,
#atb6-water-badge{
  display:inline-flex !important;
  align-items:center !important;
  position:static !important;
  transform:none !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  max-width:none !important;
  max-height:none !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#ffffff !important;
  font-size:inherit !important;
  line-height:1 !important;
  font-weight:900 !important;
  margin:0 !important;
  padding:0 !important;
  clip:auto !important;
}

.atb781-water-tile .atb781-info-main,
.atb781-info-main#atb6-water-badge,
#atb6-water-badge{
  font-size:20px !important;
}

.atb781-info-tile small{
  display:block !important;
  width:100% !important;
  min-height:11px !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  transform:none !important;
  z-index:10 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-align:center !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:0 !important;
}

/* Keep the tank zone labels below the now fully visible stat bar */
.atb6-surface-label{ top:112px !important; }
.atb6-zone-surface{ top:110px !important; }

/* 2) Stretch compatibility report upward while keeping its bottom aligned with the centre/left columns */
.atb71-side{
  grid-template-rows:minmax(235px, 270px) auto minmax(0, 1fr) !important;
  gap:6px !important;
}

.atb71-setup-card{
  min-height:235px !important;
  max-height:270px !important;
}

.atb6-report.atb71-report{
  margin-top:-54px !important;
  height:calc(100% + 54px) !important;
  min-height:340px !important;
  align-self:stretch !important;
  padding:24px 26px !important;
  overflow-y:auto !important;
}

/* 3) Pull Recommended Kit up into the empty gap under the main three columns */
.atb785-kit-wide{
  margin:-58px 18px 10px !important;
  padding:14px 18px !important;
  position:relative !important;
  z-index:3 !important;
}

@media(max-width:1450px){
  .atb6-tank-info.atb781-tank-info{
    left:22px !important;
    right:22px !important;
    height:78px !important;
    min-height:78px !important;
    max-height:78px !important;
  }
  .atb6-tank-info.atb781-tank-info > span,
  .atb6-tank-info.atb781-tank-info .atb781-info-tile{
    height:78px !important;
    min-height:78px !important;
    max-height:78px !important;
    padding-left:38px !important;
  }
  .atb785-svg-icon,
  .atb781-info-icon.atb785-svg-icon,
  .atb785-svg-icon svg{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
  }
  .atb781-info-main,
  .atb781-info-main#atb6-water-badge{ font-size:21px !important; }
  .atb781-water-tile .atb781-info-main,
  .atb781-info-main#atb6-water-badge,
  #atb6-water-badge{ font-size:18px !important; }
  .atb781-info-tile small{ font-size:9px !important; }
  .atb6-surface-label{ top:106px !important; }
  .atb6-zone-surface{ top:104px !important; }
  .atb71-side{ grid-template-rows:minmax(225px, 255px) auto minmax(0, 1fr) !important; }
  .atb71-setup-card{ min-height:225px !important; max-height:255px !important; }
  .atb6-report.atb71-report{
    margin-top:-48px !important;
    height:calc(100% + 48px) !important;
    min-height:320px !important;
  }
  .atb785-kit-wide{ margin:-54px 14px 10px !important; }
}

@media(max-width:1100px){
  .atb6-report.atb71-report{
    margin-top:0 !important;
    height:auto !important;
    min-height:300px !important;
  }
  .atb785-kit-wide{ margin:10px 14px 12px !important; }
}


/* =========================================================
   V7.8.12 — feet option + friendlier slider + final layout tuck
   ========================================================= */
.atb6-unit-switch .atb6-chips{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.atb812-slider-label b,#atb6-build-length-label{display:block!important;margin-top:8px!important;color:#eafcff!important;font-size:16px!important;letter-spacing:.02em!important}

/* Keep the SVG stat bar fully readable inside the aquarium border */
.atb781-tank-info{
  top:18px!important; left:24px!important; right:24px!important;
  height:76px!important; min-height:76px!important; max-height:76px!important;
  padding:8px 14px!important; overflow:visible!important; z-index:6!important;
}
.atb781-info-tile{min-height:58px!important; height:58px!important; padding:6px 12px!important; overflow:visible!important}
.atb781-info-main{font-size:21px!important; line-height:1.05!important; white-space:nowrap!important; overflow:visible!important}
.atb781-info-main b{font-size:24px!important; line-height:1!important}
.atb781-info-tile small{font-size:11px!important; margin-top:4px!important; letter-spacing:.22em!important}
.atb785-svg-icon{width:28px!important;height:28px!important;min-width:28px!important}
.atb6-surface-label{top:112px!important}

/* Bring the lower kit section tighter to the three main columns */
.atb6-products.atb785-kit-wide{margin-top:14px!important}
.atb6-grid.atb71-grid{row-gap:14px!important;margin-bottom:0!important}

/* Taller report, aligned premium right column */
.atb71-side{align-content:start!important}
.atb71-report{min-height:250px!important;margin-top:14px!important}
@media (min-width:1100px){
  .atb71-report{min-height:275px!important}
}


/* =========================================================
   V7.8.13 — final tidy pass: readable tank stat bar,
   thinner summary cards, taller compatibility report,
   tighter recommended kit spacing
   ========================================================= */

/* Give the SVG stat bar enough room so all numbers/text are fully visible */
.atb6-tank .atb6-tank-info.atb781-tank-info{
  top:16px !important;
  left:26px !important;
  right:26px !important;
  height:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  padding:10px 12px !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
.atb6-tank .atb781-info-tile{
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  padding:8px 12px 7px 42px !important;
  overflow:visible !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
.atb6-tank .atb781-info-main,
.atb6-tank .atb781-info-main#atb6-water-badge{
  font-size:22px !important;
  line-height:1.05 !important;
  min-height:26px !important;
  overflow:visible !important;
  transform:none !important;
}
.atb6-tank .atb781-info-main b{
  font-size:26px !important;
  line-height:1.05 !important;
}
.atb6-tank .atb781-info-tile small{
  margin-top:5px !important;
  font-size:10px !important;
  line-height:1.1 !important;
  overflow:visible !important;
}
.atb6-tank .atb785-svg-icon,
.atb6-tank .atb785-svg-icon svg{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
}
.atb6-surface-label{ top:126px !important; }
.atb6-zone-surface{ top:124px !important; }

/* Keep Tank Setup itself unchanged, but slim the four small summary cards */
.atb71-side .atb71-stats,
.atb71-stats{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:8px !important;
  margin-bottom:0 !important;
}
.atb71-stats div{
  min-height:58px !important;
  height:58px !important;
  padding:9px 10px !important;
  border-radius:14px !important;
  overflow:visible !important;
}
.atb71-stats span{
  font-size:10px !important;
  line-height:1.02 !important;
  letter-spacing:.12em !important;
}
.atb71-stats b{
  font-size:20px !important;
  line-height:1 !important;
  margin-top:2px !important;
}
.atb71-stats small{
  font-size:10px !important;
  line-height:1.05 !important;
  letter-spacing:.08em !important;
}

/* Make the right column feel premium: report starts higher and fills the lower area */
.atb71-side{
  display:grid !important;
  grid-template-rows:auto auto 1fr !important;
  gap:8px !important;
  align-self:stretch !important;
  min-height:100% !important;
}
.atb6-report.atb71-report,
.atb71-report{
  margin-top:4px !important;
  min-height:360px !important;
  height:100% !important;
  align-self:stretch !important;
  padding:24px 26px !important;
  overflow-y:auto !important;
  box-sizing:border-box !important;
}
.atb71-report .atb6-card-title{ margin-bottom:20px !important; }
.atb71-report .atb6-muted{ font-size:22px !important; line-height:1.35 !important; }

/* Pull Recommended Kit up so it sits compactly below the three main columns */
.atb6-products.atb785-kit-wide{
  margin-top:-54px !important;
  margin-bottom:10px !important;
  padding-top:14px !important;
  padding-bottom:14px !important;
  position:relative !important;
  z-index:4 !important;
}
.atb6-grid.atb71-grid{
  row-gap:0 !important;
  margin-bottom:0 !important;
}

@media(max-width:1450px){
  .atb6-tank .atb6-tank-info.atb781-tank-info{
    left:22px !important;
    right:22px !important;
    height:88px !important;
    min-height:88px !important;
    max-height:88px !important;
  }
  .atb6-tank .atb781-info-tile{
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    padding-left:38px !important;
  }
  .atb6-tank .atb781-info-main,
  .atb6-tank .atb781-info-main#atb6-water-badge{ font-size:20px !important; }
  .atb6-tank .atb781-info-main b{ font-size:24px !important; }
  .atb6-surface-label{ top:120px !important; }
  .atb6-zone-surface{ top:118px !important; }
  .atb71-stats{ gap:7px !important; }
  .atb71-stats div{ min-height:54px !important; height:54px !important; padding:8px 9px !important; }
  .atb71-stats b{ font-size:19px !important; }
  .atb6-report.atb71-report,.atb71-report{ min-height:335px !important; }
  .atb6-products.atb785-kit-wide{ margin-top:-48px !important; }
}

@media(max-width:1100px){
  .atb71-stats{ grid-template-columns:1fr 1fr !important; }
  .atb71-stats div{ height:auto !important; min-height:64px !important; }
  .atb6-report.atb71-report,.atb71-report{ min-height:300px !important; height:auto !important; }
  .atb6-products.atb785-kit-wide{ margin-top:12px !important; }
}