/* =========================================================
   AquariumLesson — Tanks Hub (2026) — tanks.css (CLEAN)
   Scope: #alMemberArea.al-tanks
   Breakpoints:
     ≤1023px  Mobile/Tablet (Bottom Nav)
     ≥1024px  Desktop (Side Nav)
========================================================= */

/* =========================================================
   0) Local tokens (page-scoped)
========================================================= */
#alMemberArea.al-tanks{
  /* Layout */
  --al-tanks-pad-m: 10px;
  --al-tanks-pad-d: 24px;
  --al-tanks-max: 1200px;
  --al-tanks-context-w: 380px;

  /* Bottom-nav safe area (mobile) */
  --al-tanks-bottom-safe: calc(var(--al-bottom-nav-h, 80px) + env(safe-area-inset-bottom));

  /* Motion */
  --al-tanks-trans-dur: 170ms;
  --al-tanks-trans-ease: cubic-bezier(.2,.8,.2,1);
}

/* =========================================================
   1) Hard guards (avoid global clamps / overflow)
========================================================= */
body:has(#alMemberArea.al-tanks){
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.al-page-tanks{
  max-width: none !important;
  width: 100% !important;
}

#alMemberArea.al-tanks{
  width: 100%;
  min-width: 0;
}
#alMemberArea.al-tanks *{ min-width: 0; }

#alMemberArea.al-tanks button,
#alMemberArea.al-tanks input,
#alMemberArea.al-tanks select,
#alMemberArea.al-tanks textarea{ max-width: 100%; }

#alMemberArea.al-tanks .muted{ overflow-wrap: anywhere; }

/* =========================================================
   2) Responsive visibility helpers (one policy)
========================================================= */
#alMemberArea.al-tanks [data-desktop-only],
#alMemberArea.al-tanks [data-mobile-only]{ display:none !important; }

@media (max-width:1023px){
  #alMemberArea.al-tanks [data-mobile-only]{ display:block !important; }
}
@media (min-width:1024px){
  #alMemberArea.al-tanks [data-desktop-only]{ display:block !important; }
}

/* =========================================================
   3) Shell / Container (single source)
========================================================= */
/* The “shell” wrapper is full width; padding lives here */
#alMemberArea.al-tanks .al-tanks-shell,
#alMemberArea.al-tanks .al-container.al-tanks__container.al-tanks-shell{
  width: 100%;
  box-sizing: border-box;
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-container.al-tanks__container.al-tanks-shell{
    max-width: none !important;
    margin: 0 !important;
    padding-left: var(--al-tanks-pad-m) !important;
    padding-right: var(--al-tanks-pad-m) !important;
  }
}

@media (min-width:1024px){
  #alMemberArea.al-tanks .al-container.al-tanks__container.al-tanks-shell{
    max-width: var(--al-tanks-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--al-tanks-pad-d);
    padding-right: var(--al-tanks-pad-d);
  }
}

/* =========================================================
   4) Page Head
========================================================= */
#alMemberArea.al-tanks .al-tanks__pagehead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: var(--al-4, 16px);
  margin: 10px 0 14px;
}
#alMemberArea.al-tanks .al-tanks__pagehead-left h1{
  margin: 0;
  line-height: 1.1;
  letter-spacing: -.02em;
}
#alMemberArea.al-tanks .al-tanks__sub{
  margin-top: 6px;
  max-width: 68ch;
}
#alMemberArea.al-tanks .al-tanks__actionbar{ gap: 10px; }

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanks__pagehead{
    flex-direction: column;
    align-items: stretch;
  }
  #alMemberArea.al-tanks .al-tanks__actionbar{
    justify-content: flex-start !important;
  }
}
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__actionbar{ gap: 8px !important; }
  #alMemberArea.al-tanks .al-tanks__actionbar .al-btn{
    height: 40px;
    border-radius: 14px;
    padding-inline: 14px;
  }
}

/* =========================================================
   5) HERO — Stage (one system, mobile + desktop)
   Markup assumed:
   section.al-tanks__hero.al-tanks__hero--stage
     .al-card.al-tanks__hero-card
       .al-tanks__hero-inner
         .al-tanks__hero-media (img or .al-tanks__hero-placeholder)
         .al-tanks__hero-overlay (UI)
========================================================= */
#alMemberArea.al-tanks .al-tanks__hero{
  margin: 8px 0 12px;
}

#alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage{
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background:
    radial-gradient(120% 140% at 12% 0%, rgba(96,165,250,.14) 0%, rgba(96,165,250,0) 36%),
    radial-gradient(90% 120% at 100% 100%, rgba(15,23,42,.14) 0%, rgba(15,23,42,0) 44%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 100%);
  isolation: isolate;
  border: 1px solid rgba(255,255,255,.06);
  box-shadow:
    0 14px 32px rgba(15,23,42,.12),
    0 4px 12px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.08);
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__hero--stage{
    height: 148px;
    min-height: 148px;
  }
}

@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__hero--stage{
    height: 170px;
    min-height: 170px;
  }
}

#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__hero-bg,
#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__hero-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__hero-bg{
  object-fit:cover;
  object-position:50% 50%;
  transform: scale(1.08);
  filter: blur(24px) saturate(.84) brightness(.56);
  opacity:.9;
}

#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__hero-img{
  object-fit:contain;
  object-position:50% 50%;
  transform: scale(1.015);
  transform-origin:center center;
  filter: saturate(.96) brightness(.78) contrast(1.04);
  opacity: .94;
}

#alMemberArea.al-tanks .al-tanks__hero--stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(110% 120% at 50% -10%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(2,6,23,.08) 0%, rgba(2,6,23,.16) 22%, rgba(2,6,23,.60) 100%);
}

#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__hero-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;

  gap:8px;

  padding:12px;

  color:rgba(255,255,255,.94);
  pointer-events:none;
}

@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__hero-overlay{
    padding:14px 16px;
  }
}

#alMemberArea.al-tanks .al-tanks__kicker{
  display:none;
}

#alMemberArea.al-tanks.is-public .al-tanks__kicker--public{
  display: block;
  margin: 8px 0 0;
  max-width: min(92%, 56ch);
  font-size: 13px;
  line-height: 1.42;
  color: rgba(255,255,255,.84);
  text-shadow: 0 10px 28px rgba(2,6,23,.34);
}

@media (min-width:1024px){
  #alMemberArea.al-tanks.is-public .al-tanks__kicker--public{
    font-size: 14px;
  }
}

#alMemberArea.al-tanks .al-tanks__titleRow{
  pointer-events:none;
}

#alMemberArea.al-tanks .al-tanks__tankname{
  margin:0;
  font-size: clamp(20px, 4.4vw, 28px);
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:900;
  color:#fff;
  text-shadow: 0 8px 24px rgba(0,0,0,.32);
  max-width: min(92%, 540px);
}

#alMemberArea.al-tanks .al-tanks__heroCta,
#alMemberArea.al-tanks .al-tanks__heroCta .al-tanks__heroEmptyInlineBtn{
  pointer-events:auto;
}

#alMemberArea.al-tanks .al-tanks__heroMeta{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-self: flex-start;
  position: relative;
  z-index: 4;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto;
}

#alMemberArea.al-tanks .al-tanks__chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.01em;
  color:rgba(255,255,255,.92);
  background:
    linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.08) 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 18px rgba(2,6,23,.14);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Hero controls (top-right) — always clickable */
#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__cardControls{
  position:absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display:inline-flex;
  gap: 8px;
  align-items:center;
  pointer-events:auto;
}

#alMemberArea.al-tanks .al-tanks__cardCtrl{
  appearance:none;
  width: 36px;
  height: 36px;
  display:inline-grid;
  place-items:center;
  border-radius: 12px;
  cursor:pointer;

  border: 1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.10) 100%),
    rgba(15,23,42,.38);
  color: #fff;

  box-shadow:
    0 10px 24px rgba(2,6,23,.22),
    inset 0 1px 0 rgba(255,255,255,.10);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  transition:
    transform .14s ease,
    background-color .14s ease,
    border-color .14s ease,
    box-shadow .14s ease;
}

#alMemberArea.al-tanks .al-tanks__cardCtrl::before{
  width: 17px;
  height: 17px;
  background: rgba(255,255,255,.94);
}

#alMemberArea.al-tanks .al-tanks__cardCtrl::before{
  content:"";
  width: 18px;
  height: 18px;
  background: rgba(20, 28, 36, .72);
color: #fff;
border: 1px solid rgba(255,255,255,.14);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
#alMemberArea.al-tanks .al-tanks__cardCtrl--settings::before{
  mask-image: url('/wp-content/mu-plugins/al-members/assets/icons/settings.svg');
  -webkit-mask-image: url('/wp-content/mu-plugins/al-members/assets/icons/settings.svg');
}
#alMemberArea.al-tanks .al-tanks__cardCtrl--more::before{
  mask-image: url('/wp-content/mu-plugins/al-members/assets/icons/threedots.svg');
  -webkit-mask-image: url('/wp-content/mu-plugins/al-members/assets/icons/threedots.svg');
}

#alMemberArea.al-tanks .al-tanks__cardCtrl:hover{
  background:
    linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.14) 100%),
    rgba(15,23,42,.34);
  border-color: rgba(255,255,255,.26);
  box-shadow:
    0 14px 28px rgba(2,6,23,.24),
    inset 0 1px 0 rgba(255,255,255,.14);
  transform: translateY(-1px);
}

#alMemberArea.al-tanks .al-tanks__cardCtrl:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 4px rgba(37,99,235,.20),
    0 14px 28px rgba(2,6,23,.24),
    inset 0 1px 0 rgba(255,255,255,.14);
}

#alMemberArea.al-tanks .al-tanks__cardCtrl:active{ transform: translateY(1px); }


@media (pointer: coarse){
  #alMemberArea.al-tanks .al-tanks__cardCtrl{ width: 38px; height: 38px; }
  #alMemberArea.al-tanks .al-tanks__cardCtrl::before{ width: 19px; height: 19px; }
}

/* Desktop: controls become clean (less glass, more app) */
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__cardCtrl{
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(15,23,42,.10);
    box-shadow: 0 10px 24px rgba(15,23,42,.12);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: 12px;
  }
  
  #alMemberArea.al-tanks .al-tanks__cardCtrl::before{
    background: rgba(15,23,42,.82);
  }

  #alMemberArea.al-tanks .al-tanks__cardCtrl:hover::before{
    background: rgba(15,23,42,.92);
  }
}

/* =========================================================
   6) Segments (sticky)
========================================================= */
#alMemberArea.al-tanks .al-tanks__segments{
  position: sticky;
  top: 8px;
  z-index: 40;

  display:flex;
  align-items:flex-end;
  gap: 6px;
  overflow-x:auto;
  flex-wrap: nowrap;

  margin: 0 0 18px;
  padding: 4px 2px 6px;

  border-radius: 16px;
 background:
  linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.94) 100%);
border: 1px solid rgba(15,23,42,.08);
box-shadow:
  0 18px 40px rgba(15,23,42,.10),
  0 6px 18px rgba(15,23,42,.06),
  inset 0 1px 0 rgba(255,255,255,.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

#alMemberArea.al-tanks .al-tanks__feeditem:hover{
  transform: translateY(-2px);
  box-shadow:
    0 26px 60px rgba(15,23,42,.14),
    0 10px 24px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.75);
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__segments{
    top: 6px;
    margin: 0 0 14px;
  }
}

#alMemberArea.al-tanks .al-tanks__segments::-webkit-scrollbar{
  display:none;
}

#alMemberArea.al-tanks .al-tanks__segments::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:1px;
  background: rgba(15,23,42,.06);
  pointer-events:none;
}

#alMemberArea.al-tanks .al-tanks__segments .al-seg{
  appearance:none;
  position:relative;
  border:0;
  background: transparent;
  color: rgba(15,23,42,.58);

  min-height: 40px;
  padding: 0 14px 10px;
  border-radius: 12px;

  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.01em;

  cursor:pointer;
  white-space:nowrap;
  user-select:none;
  -webkit-tap-highlight-color: transparent;

  transition:
    color .14s ease,
    opacity .14s ease,
    background-color .14s ease;
}

#alMemberArea.al-tanks .al-tanks__segments .al-seg::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background: transparent;
  transform: scaleX(.6);
  opacity: 0;
  transition:
    transform .14s ease,
    opacity .14s ease,
    background-color .14s ease;
}

#alMemberArea.al-tanks .al-tanks__segments .al-seg:hover{
  color: rgba(15,23,42,.84);
  background: rgba(15,23,42,.04);
}

#alMemberArea.al-tanks .al-tanks__segments .al-seg.is-active,
#alMemberArea.al-tanks .al-tanks__segments .al-seg[aria-selected="true"]{
  color: #0F172A;
}

#alMemberArea.al-tanks .al-tanks__segments .al-seg.is-active::after,
#alMemberArea.al-tanks .al-tanks__segments .al-seg[aria-selected="true"]::after{
  background: #2563EB;
  transform: scaleX(1);
  opacity: 1;
}

#alMemberArea.al-tanks .al-tanks__segments .al-seg:focus{
  outline:none;
}

#alMemberArea.al-tanks .al-tanks__segments .al-seg:focus-visible{
  box-shadow: inset 0 0 0 2px rgba(37,99,235,.14);
  border-radius: 10px;
}

#alMemberArea.al-tanks .al-tanks__segments .al-seg:focus{ outline:none; }
#alMemberArea.al-tanks .al-tanks__segments .al-seg:focus-visible{
  box-shadow: 0 0 0 4px rgba(92,168,146,.22);
}

/* =========================================================
   Compact Tank Bar (non-overview tabs)
========================================================= */
#alMemberArea.al-tanks .al-tanks__compactBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  min-height: 50px;
  padding: 6px 8px;
  margin: 0 0 10px; /* vorher 20px */

  border-radius: 10px;
  border: 1px solid rgba(15,23,42,.04);
  background: rgba(255,255,255,.7);
  box-shadow: 0 2px 6px rgba(15,23,42,.04);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* 🔥 FIX: hidden muss display override schlagen */
#alMemberArea.al-tanks .al-tanks__compactBar[hidden]{
  display: none !important;
}

/* Left side (identity + meta) */
#alMemberArea.al-tanks .al-tanks__compactBarMain{
  display:flex;
  align-items:center;
  min-width:0;
  flex:1 1 auto;
}

#alMemberArea.al-tanks .al-tanks__compactBarIdentity{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}

#alMemberArea.al-tanks .al-tanks__compactBarPreview{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:block;
  object-fit:cover;

  border-radius:8px; /* 🔥 cleaner */

  border:1px solid rgba(15,23,42,.06);

  background:#E5E7EB;

  overflow:hidden; /* 🔥 wichtig */
}

#alMemberArea.al-tanks .al-tanks__compactBarPreview--empty{
  background:
    linear-gradient(180deg, rgba(241,245,249,.95) 0%, rgba(226,232,240,.92) 100%);
}

#alMemberArea.al-tanks .al-tanks__compactBarCopy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

#alMemberArea.al-tanks .al-tanks__compactBarTitleRow{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

#alMemberArea.al-tanks .al-tanks__compactBarTitle{
  font-size:14px;
  font-weight:900;
  letter-spacing:-.02em;
  color:#0F172A;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#alMemberArea.al-tanks .al-tanks__compactBarChip{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:18px;
  padding:0 6px;

  border-radius:999px;

  font-size:9px; /* 🔥 kleiner */
  font-weight:800;

  color:#1D4ED8;
  background: rgba(37,99,235,.06); /* 🔥 softer */
  border: 1px solid rgba(37,99,235,.12);

  letter-spacing:.02em;
}

#alMemberArea.al-tanks .al-tanks__compactBarMeta{
  font-size:11px; /* 🔥 kleiner */
  font-weight:600;

  color:rgba(15,23,42,.55); /* 🔥 weniger dominant */

  opacity:.9;
}

/* Right side (actions) */
#alMemberArea.al-tanks .al-tanks__compactBarActions{
  display:flex;
  align-items:center;
  gap:4px;
  flex:0 0 auto;
}

/* Action buttons reuse existing control style */
#alMemberArea.al-tanks .al-tanks__compactBar .al-tanks__cardCtrl{
  width:30px;
  height:30px;

  border-radius:10px;

  box-shadow:
    0 6px 14px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.7);
}

#alMemberArea.al-tanks .al-tanks__overviewMeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

#alMemberArea.al-tanks .al-tanks__overviewChip{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background: rgba(15,23,42,.045);
  border: 1px solid rgba(15,23,42,.06);
  color:#0F172A;
  font-size:12px;
  font-weight:800;
  line-height:1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks [data-overview-activity] > .al-tanks__feeditem + .al-tanks__feeditem,
#alMemberArea.al-tanks [data-overview-tasks] > .al-tanks__feeditem + .al-tanks__feeditem{
  margin-top: 12px;
}

/* Desktop refinement */
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__compactBar{
    min-height: 54px;
    padding: 10px 12px;
  }

  #alMemberArea.al-tanks .al-tanks__compactBarPreview{
    width:36px;
    height:36px;
  }

  #alMemberArea.al-tanks .al-tanks__compactBarTitle{
    font-size:14px;
  }

  #alMemberArea.al-tanks .al-tanks__compactBarMeta{
    font-size:11px;
  }
}



/* =========================================================
   7) Panel transitions (segment content)
========================================================= */
#alMemberArea.al-tanks .al-tanks__panel{
  display:block;
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--al-tanks-trans-dur) var(--al-tanks-trans-ease),
              transform var(--al-tanks-trans-dur) var(--al-tanks-trans-ease);
  will-change: opacity, transform;
}
#alMemberArea.al-tanks .al-tanks__panel[hidden]{
  display:none !important;
}

#alMemberArea.al-tanks .al-tanks__panel.is-entering{
  opacity: 0;
  transform: translateY(6px);
}
#alMemberArea.al-tanks .al-tanks__panel.is-exiting{
  opacity: 0;
  transform: translateY(6px);
  pointer-events:none;
}
@media (prefers-reduced-motion: reduce){
  #alMemberArea.al-tanks .al-tanks__panel{ transition:none !important; }
}

/* =========================================================
   8) Main layout (Feed + Context)
========================================================= */
#alMemberArea.al-tanks .al-tanks__row{
  display:grid;
  grid-template-columns: 1fr;
  gap: var(--al-4, 16px);
  align-items:start;
}
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__row{
    grid-template-columns: minmax(0,1fr) var(--al-tanks-context-w);
    gap: var(--al-6, 24px);
  }
  #alMemberArea.al-tanks .al-tanks__context{
    position: sticky;
    top: var(--al-tanks-pad-d);
  }
}
#alMemberArea.al-tanks .al-tanks__feedcol,
#alMemberArea.al-tanks .al-tanks__context{ min-width: 0; }

/* Snapshot (desktop only context card) */
#alMemberArea.al-tanks .al-tanks__snapshot{ display:none; }
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__snapshot{ display:block; }
}

/* =========================================================
   9) Feed list + Timeline rhythm
========================================================= */
#alMemberArea.al-tanks .al-tanks__feedlist{
  display:grid;
  gap: 12px;
}
#alMemberArea.al-tanks .al-tanks__dayhead{
  display:flex;
  align-items:center;
  gap: 10px;
  margin: 12px 2px 10px;
}
#alMemberArea.al-tanks .al-tanks__dayhead::after{
  content:"";
  height: 1px;
  flex: 1;
  background: rgba(0,0,0,.06);
}
#alMemberArea.al-tanks .al-tanks__dayheadLabel{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -.01em;
  color: rgba(15,23,42,.72);
}

#alMemberArea.al-tanks .al-tanks__dayheadSummary{
  font-size:12px;
  line-height:1.35;
  color:rgba(15,23,42,.52);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:min(52vw, 420px);
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanks__dayhead{
    flex-wrap:wrap;
    gap:6px 10px;
  }

  #alMemberArea.al-tanks .al-tanks__dayhead::after{
    display:none;
  }

  #alMemberArea.al-tanks .al-tanks__dayheadSummary{
    max-width:none;
    width:100%;
    white-space:normal;
  }
}

#alMemberArea.al-tanks .al-tanks__feeditem{
  position: relative;
  padding: 12px;
  border: 1px solid rgba(15,23,42,.07);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
box-shadow:
  0 18px 40px rgba(15,23,42,.10),
  0 6px 18px rgba(15,23,42,.06),
  inset 0 1px 0 rgba(255,255,255,.75);
}
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__feeditem{
    padding: 14px;
    border-radius: 20px;
  }
}

#alMemberArea.al-tanks .al-tanks__feeditem--care{
  border-color:rgba(16,185,129,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(236,253,245,.92) 100%);
}

#alMemberArea.al-tanks .al-tanks__feeditem--observation{
  border-color:rgba(59,130,246,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(239,246,255,.92) 100%);
}

#alMemberArea.al-tanks .al-tanks__feeditem--issue{
  border-color:rgba(239,68,68,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(254,242,242,.94) 100%);
}

#alMemberArea.al-tanks .al-tanks__feeditem--recovery{
  border-color:rgba(245,158,11,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,251,235,.94) 100%);
}

#alMemberArea.al-tanks .al-tanks__feeditem--progress{
  border-color:rgba(139,92,246,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,243,255,.94) 100%);
}

#alMemberArea.al-tanks .al-tanks__feeditem--issue .al-tanks__feedstory{
  color:#991b1b;
}

#alMemberArea.al-tanks .al-tanks__feeditem--recovery .al-tanks__feedstory{
  color:#92400e;
}

#alMemberArea.al-tanks .al-tanks__feeditem--care .al-tanks__feedstory{
  color:#065f46;
}

#alMemberArea.al-tanks .al-tanks__feeditem--progress .al-tanks__feedstory{
  color:#5b21b6;
}

#alMemberArea.al-tanks .al-tanks__feedtop{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 12px;
}
#alMemberArea.al-tanks .al-tanks__feedtitleRow{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}
#alMemberArea.al-tanks .al-tanks__feedtitle{
  font-weight: 900;
  letter-spacing: -.01em;
  line-height: 1.1;
}
#alMemberArea.al-tanks .al-tanks__feedmeta{
  margin-top: 4px;
  font-size: 12px;
  color: rgba(15,23,42,.62);
}

#alMemberArea.al-tanks .al-tanks__feedstory{
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: -.01em;
  color: #0f172a;
}

#alMemberArea.al-tanks .al-tanks__typepill{
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(241,245,249,.92) 100%);
  color: rgba(15,23,42,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
  white-space: nowrap;
}

#alMemberArea.al-tanks .al-tanks__storyBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
  border:1px solid transparent;
}

#alMemberArea.al-tanks .al-tanks__storyBadge--care{
  background:rgba(16,185,129,.10);
  color:#0f766e;
  border-color:rgba(16,185,129,.18);
}

#alMemberArea.al-tanks .al-tanks__storyBadge--observation{
  background:rgba(59,130,246,.10);
  color:#2563eb;
  border-color:rgba(59,130,246,.18);
}

#alMemberArea.al-tanks .al-tanks__storyBadge--issue{
  background:rgba(239,68,68,.10);
  color:#dc2626;
  border-color:rgba(239,68,68,.18);
}

#alMemberArea.al-tanks .al-tanks__storyBadge--recovery{
  background:rgba(245,158,11,.12);
  color:#b45309;
  border-color:rgba(245,158,11,.20);
}

#alMemberArea.al-tanks .al-tanks__storyBadge--progress{
  background:rgba(139,92,246,.10);
  color:#7c3aed;
  border-color:rgba(139,92,246,.18);
}

#alMemberArea.al-tanks .al-tanks__storyBadge--neutral{
  background:rgba(15,23,42,.05);
  color:rgba(15,23,42,.72);
  border-color:rgba(15,23,42,.08);
}

/* Type nuances */
#alMemberArea.al-tanks .al-tanks__feeditem[data-type="water_change"] .al-tanks__typepill,
#alMemberArea.al-tanks .al-tanks__feeditem[data-type="waterchange"] .al-tanks__typepill{
  background: rgba(0,128,255,.06);
  border-color: rgba(0,128,255,.16);
}
#alMemberArea.al-tanks .al-tanks__feeditem[data-type="maintenance"] .al-tanks__typepill{
  background: rgba(255,170,0,.08);
  border-color: rgba(255,170,0,.20);
}
#alMemberArea.al-tanks .al-tanks__feeditem[data-type="issue_logged"] .al-tanks__typepill{
  background: rgba(255,0,0,.06);
  border-color: rgba(255,0,0,.18);
}
#alMemberArea.al-tanks .al-tanks__feeditem.is-photo .al-tanks__typepill{
  background: rgba(92,168,146,.10);
  border-color: rgba(92,168,146,.26);
}

#alMemberArea.al-tanks .al-tanks__feednote{
  margin-top: 10px;
  white-space: pre-wrap;
  line-height: 1.35;
}
#alMemberArea.al-tanks .al-tanks__feedmedia{
  margin-top: 10px;
}
#alMemberArea.al-tanks .al-tanks__feedmedia img{
  width: 100%;
  display:block;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  object-fit: cover;
}
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__feedmedia img{ border-radius: 18px; }
}

/* Feed meta chips (inside items) */
#alMemberArea.al-tanks .al-tanks__feedchips{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin: 10px 0 0;
}
#alMemberArea.al-tanks .al-tanks__feedchips + .al-tanks__feednote{ margin-top: 10px; }

#alMemberArea.al-tanks .al-tanks__feedchips .al-chip{
  display:inline-flex;
  align-items:center;
  gap: 6px;

  padding: 7px 10px;
  border-radius: 999px;

  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.08);

  font-size: 12px;
  line-height: 1;
  letter-spacing: .01em;
  white-space: nowrap;
}
#alMemberArea.al-tanks .al-tanks__feedchips .al-chip__k{ font-weight: 600; opacity: .8; }
#alMemberArea.al-tanks .al-tanks__feedchips .al-chip__v{ font-weight: 700; }

@media (prefers-color-scheme: dark){
  #alMemberArea.al-tanks .al-tanks__feedchips .al-chip{
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
  }
}
#alMemberArea.al-tanks article[data-type="water_change"] .al-tanks__feedchips .al-chip{
  background: rgba(92,168,146,.10);
  border-color: rgba(92,168,146,.25);
}
#alMemberArea.al-tanks article[data-type="water_test"] .al-tanks__feedchips .al-chip{
  background: rgba(0,0,0,.035);
  border-color: rgba(0,0,0,.09);
}
@media (prefers-color-scheme: dark){
  #alMemberArea.al-tanks article[data-type="water_test"] .al-tanks__feedchips .al-chip{
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.12);
  }
}

/* Saving shimmer */
#alMemberArea.al-tanks .al-tanks__saving{
  font-size: 12px;
  color: rgba(15,23,42,.60);
  font-weight: 700;
}
#alMemberArea.al-tanks .al-tanks__feeditem.is-saving{ opacity: .78; }
#alMemberArea.al-tanks .al-tanks__feeditem.is-saving::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.04), transparent);
  transform: translateX(-40%);
  animation: al_tanks_shimmer 1.1s infinite;
}
@keyframes al_tanks_shimmer{
  0%{ transform: translateX(-40%); }
  100%{ transform: translateX(40%); }
}


#alMemberArea.al-tanks .al-empty.al-tasksEmpty:not([hidden]){
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:12px;

  min-height:140px;
}

#alMemberArea.al-tanks .al-empty.al-tasksEmpty .al-row{
  display:flex;
  justify-content:center;
}

/* =========================================================
   10) Empty states
========================================================= */
#alMemberArea.al-tanks .al-tanks__empty{
  padding: 18px;
  border-radius: 18px;
}
#alMemberArea.al-tanks .al-tanks__emptyInner{
  display:grid;
  gap: 12px;
  justify-items:center;
  text-align:center;
}
#alMemberArea.al-tanks .al-tanks__emptyIcon{
  width: 58px;
  height: 58px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background:
    radial-gradient(circle at 30% 30%, rgba(92,168,146,.30), transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(44,107,74,.22), transparent 55%),
    rgba(15,23,42,.03);
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
#alMemberArea.al-tanks .al-tanks__emptyTitle{
  font-weight: 900;
  letter-spacing: -.02em;
  font-size: 16px;
  line-height: 1.1;
}
#alMemberArea.al-tanks .al-tanks__emptySub{
  font-size: 13px;
  line-height: 1.35;
  max-width: 44ch;
}
#alMemberArea.al-tanks .al-tanks__emptyActions{
  display:grid;
  gap: 10px;
  width: 100%;
  max-width: 420px;
  margin-top: 4px;
  justify-items: stretch;
}
#alMemberArea.al-tanks .al-tanks__emptyBtn{
  min-height: 44px;
  border-radius: 16px;
  width: 100%;
}
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__empty{
    padding: 20px;
    border-radius: 20px;
  }
  #alMemberArea.al-tanks .al-tanks__emptyActions{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    gap: 10px;
    max-width: 520px;
    margin-inline: auto;
  }
  #alMemberArea.al-tanks .al-tanks__emptyBtn{
    min-height: 40px;
    border-radius: 14px;
    width: auto;
    min-width: 180px;
    padding-inline: 14px;
  }
  #alMemberArea.al-tanks .al-tanks__emptyActions .al-tanks__emptyBtn.al-btn--ghost{
    flex-basis: 100%;
    max-width: 420px;
  }
}

#alMemberArea.al-tanks.is-public .al-tanksSurface--publiclog [data-log-has-items]{
  display: grid;
  gap: 14px;
}

#alMemberArea.al-tanks.is-public .al-tanksSurface--publiclog .al-tanks__empty{
  border: 1px dashed rgba(15,23,42,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,248,251,.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 12px 26px rgba(15,23,42,.05);
}

#alMemberArea.al-tanks.is-public .al-tanksSurface--publiclog #alTanksFeedStatus{
  margin-top: 12px;
}

#alMemberArea.al-tanks.is-public .al-tanksSurface--publiclog #alTanksLoadMore{
  margin-top: 14px;
}

/* =========================================================
   11) Overview Grid (tiles)
========================================================= */
#alMemberArea.al-tanks .al-tanks__overviewCard .al-card-body{ padding-top: 10px; }
#alMemberArea.al-tanks .al-tanks__overviewHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
}
#alMemberArea.al-tanks .al-tanks__overviewTitle{ margin:0; }
#alMemberArea.al-tanks .al-tanks__overviewSub{ font-size: 13px; }

#alMemberArea.al-tanks .al-tanks__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width:1024px){
  #alMemberArea.al-tanks .al-tanks__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanks__grid{ grid-template-columns: 1fr; }
}

#alMemberArea.al-tanks .al-tankTile{
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.07);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  text-decoration:none;
  color:inherit;
  box-shadow:
    0 16px 36px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

#alMemberArea.al-tanks .al-tankTile:hover{
  transform: translateY(-3px);
  border-color: rgba(37,99,235,.16);
  box-shadow:
    0 22px 46px rgba(15,23,42,.09),
    inset 0 1px 0 rgba(255,255,255,.74);
}

#alMemberArea.al-tanks .al-tankTile.is-active{
  border-color: rgba(37,99,235,.26);
  box-shadow:
    0 24px 50px rgba(37,99,235,.14),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#alMemberArea.al-tanks .al-tankTile__media{
  position:relative;
  aspect-ratio: 1.34 / 1;
  background:#0F172A;
}

#alMemberArea.al-tanks .al-tankTile__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition: transform .35s ease;
}
#alMemberArea.al-tanks .al-tankTile:hover .al-tankTile__img{
  transform: scale(1.04);
}

#alMemberArea.al-tanks .al-tankTile__mediaShade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to top, rgba(2,6,23,.76) 0%, rgba(2,6,23,.20) 42%, rgba(2,6,23,.05) 74%, rgba(2,6,23,.02) 100%);
}

#alMemberArea.al-tanks .al-tankTile__mediaTop{
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

#alMemberArea.al-tanks .al-tankTile__status,
#alMemberArea.al-tanks .al-tankTile__visibility{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#alMemberArea.al-tanks .al-tankTile__status{
  color:#fff;
  background: rgba(37,99,235,.88);
  border:1px solid rgba(255,255,255,.14);
}

#alMemberArea.al-tanks .al-tankTile__visibility{
  color:rgba(255,255,255,.92);
  background: rgba(15,23,42,.42);
  border:1px solid rgba(255,255,255,.12);
}

#alMemberArea.al-tanks .al-tankTile__body{
  padding:16px 16px 17px;
}

#alMemberArea.al-tanks .al-tankTile__kicker{
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}

#alMemberArea.al-tanks .al-tankTile__name{
  margin:0 0 12px;
  font-size:20px;
  line-height:1.05;
  letter-spacing:-.03em;
  font-weight:950;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tankTile__meta{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

#alMemberArea.al-tanks .al-tankTileMeta{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(15,23,42,.06);
  border-radius:14px;
  background:#fff;
}

#alMemberArea.al-tanks .al-tankTileMeta__label{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#alMemberArea.al-tanks .al-tankTileMeta__value{
  font-size:13px;
  font-weight:800;
  color:#0F172A;
  text-align:right;
}

#alMemberArea.al-tanks .al-tankTile__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-tankTile__open{
  font-size:13px;
  font-weight:900;
  letter-spacing:-.01em;
  color:#1D4ED8;
}

#alMemberArea.al-tanks .al-tankTile__arrow{
  font-size:16px;
  line-height:1;
  color:#1D4ED8;
}

/* =========================================================
   13) Overlay system — unified modals + sheets
========================================================= */

#alMemberArea.al-tanks{
  --al-overlay-vh: var(--al-vh, 100dvh);
  --al-overlay-safe-bottom: calc(12px + env(safe-area-inset-bottom));
  --al-overlay-body-bottom: calc(96px + env(safe-area-inset-bottom));
}

/* ---------- Root overlays ---------- */
#alMemberArea.al-tanks .al-modal,
#alMemberArea.al-tanks .al-sheet{
  position: fixed;
  inset: 0;
  z-index: 999999;
}

#alMemberArea.al-tanks .al-modal[hidden],
#alMemberArea.al-tanks .al-sheet[hidden]{
  display: none !important;
}

/* ---------- Backdrops ---------- */
#alMemberArea.al-tanks .al-modal__backdrop,
#alMemberArea.al-tanks .al-sheet__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,.42);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* ---------- Shared panel ---------- */
#alMemberArea.al-tanks .al-modal__panel,
#alMemberArea.al-tanks .al-sheet__panel{
  position: absolute;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 18px 48px rgba(15,23,42,.18);
}

/* ---------- Shared head ---------- */
#alMemberArea.al-tanks .al-modal__head,
#alMemberArea.al-tanks .al-sheet__head{
  flex: 0 0 auto;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

#alMemberArea.al-tanks .al-modal__title,
#alMemberArea.al-tanks .al-sheet__title{
  font-weight: 900;
  letter-spacing: -.01em;
}

/* ---------- Shared body ---------- */
#alMemberArea.al-tanks .al-modal__body,
#alMemberArea.al-tanks .al-sheet__body{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* Modal body defaults */
#alMemberArea.al-tanks .al-modal__body{
  padding: 14px 14px var(--al-overlay-body-bottom);
}

/* Sheet body defaults */
#alMemberArea.al-tanks .al-sheet__body{
  padding: 12px 12px var(--al-overlay-body-bottom);
  display: grid;
  gap: 12px;
  align-content: start;
}

/* ---------- Shared footer ---------- */
#alMemberArea.al-tanks .al-modal__foot,
#alMemberArea.al-tanks .al-sheet__foot{
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

#alMemberArea.al-tanks .al-modal__foot{
  gap: 10px;
  padding: 12px 14px var(--al-overlay-safe-bottom);
}

#alMemberArea.al-tanks .al-sheet__foot{
  padding: 10px 12px var(--al-overlay-safe-bottom);
}

/* ---------- Desktop ---------- */
@media (min-width: 1024px){
  #alMemberArea.al-tanks .al-modal,
  #alMemberArea.al-tanks .al-sheet{
    display: grid;
    align-items: center;
    justify-items: center;
    padding: 24px;
  }

  #alMemberArea.al-tanks .al-modal__panel,
  #alMemberArea.al-tanks .al-sheet__panel{
    position: relative;
    inset: auto;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    width: min(720px, calc(100vw - 48px));
    max-width: min(720px, calc(100vw - 48px));
    height: auto;
    max-height: min(84vh, calc(100dvh - 48px));
    border-radius: 22px;
    border-bottom: 1px solid rgba(15,23,42,.08);
  }

  #alMemberArea.al-tanks .al-modal__panel{
    width: min(680px, calc(100vw - 48px));
    max-width: min(680px, calc(100vw - 48px));
    max-height: min(82vh, calc(100dvh - 48px));
  }

  #alMemberArea.al-tanks .al-addsheet .al-sheet__panel{
    width: min(520px, calc(100vw - 48px));
    max-width: min(520px, calc(100vw - 48px));
    max-height: min(70vh, calc(100dvh - 48px));
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 1023px){
  #alMemberArea.al-tanks .al-modal,
  #alMemberArea.al-tanks .al-sheet{
    display: grid;
    align-items: end;
    justify-items: stretch;
    padding: 0;
  }

  #alMemberArea.al-tanks .al-modal__panel,
  #alMemberArea.al-tanks .al-sheet__panel{
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    transform: none;
    width: 100%;
    max-width: 100%;
    height: var(--al-overlay-vh);
    max-height: var(--al-overlay-vh);
    min-height: 0;
    border-radius: 22px 22px 0 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }

  #alMemberArea.al-tanks .al-modal__head,
  #alMemberArea.al-tanks .al-sheet__head{
    padding-top: calc(10px + env(safe-area-inset-top));
  }
}

/* ---------- Mobile footer buttons ---------- */
#alMemberArea.al-tanks .al-modal__foot .al-btn{
  flex: 0 0 auto;
  min-width: 104px;
}

@media (max-width: 520px){
  #alMemberArea.al-tanks .al-modal__foot{
    justify-content: stretch;
  }

  #alMemberArea.al-tanks .al-modal__foot .al-btn{
    flex: 1 1 0;
    min-width: 0;
  }
}

/* ---------- Small shared overrides ---------- */
#alMemberArea.al-tanks .al-addsheet .al-sheet__body{
  padding: 10px 12px var(--al-overlay-body-bottom);
  gap: 10px;
  align-content: start;
}

/* =========================================================
   14) Forms (inputs, rows, validation) — modern, compact
========================================================= */
#alMemberArea.al-tanks .al-form{
  display:grid;
  gap: 12px;
}
#alMemberArea.al-tanks .al-formRow{
  display:grid;
  gap: 8px;
}
#alMemberArea.al-tanks .al-label{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -.01em;
  color: rgba(15,23,42,.80);
}
#alMemberArea.al-tanks .al-help{
  font-size: 12px;
  color: rgba(15,23,42,.62);
  line-height: 1.3;
}

#alMemberArea.al-tanks .al-input,
#alMemberArea.al-tanks .al-select,
#alMemberArea.al-tanks .al-textarea{
  width: 100%;
  min-height: 44px;
  border-radius: 14px;

  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.98);
  color: rgba(15,23,42,.92);

  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
#alMemberArea.al-tanks .al-textarea{
  min-height: 120px;
  resize: vertical;
  line-height: 1.35;
}

#alMemberArea.al-tanks .al-input:focus,
#alMemberArea.al-tanks .al-select:focus,
#alMemberArea.al-tanks .al-textarea:focus{ outline:none; }

#alMemberArea.al-tanks .al-input:focus-visible,
#alMemberArea.al-tanks .al-select:focus-visible,
#alMemberArea.al-tanks .al-textarea:focus-visible{
  border-color: rgba(92,168,146,.55);
  box-shadow: 0 0 0 4px rgba(92,168,146,.18);
}

#alMemberArea.al-tanks .al-input[aria-invalid="true"],
#alMemberArea.al-tanks .al-select[aria-invalid="true"],
#alMemberArea.al-tanks .al-textarea[aria-invalid="true"]{
  border-color: rgba(220,38,38,.55);
  box-shadow: 0 0 0 4px rgba(220,38,38,.12);
}
#alMemberArea.al-tanks .al-error{
  font-size: 12px;
  font-weight: 700;
  color: rgba(185,28,28,.95);
}

#alMemberArea.al-tanks .al-formGrid2{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width:720px){
  #alMemberArea.al-tanks .al-formGrid2{ grid-template-columns: 1fr 1fr; }
}

/* =========================================================
   15) Buttons (harmonize with AL DS, tanks-specific polish)
========================================================= */
#alMemberArea.al-tanks .al-btn{
  border-radius: 16px;
  min-height: 44px;
  padding: 10px 14px;
  font-weight: 900;
  letter-spacing: -.01em;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-btn{
    min-height: 40px;
    border-radius: 14px;
    padding: 9px 14px;
  }
}

#alMemberArea.al-tanks .al-btn--primary{
  background:
    radial-gradient(120% 120% at 20% 10%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(180deg, #2C6B4A 0%, #2A6046 55%, #214F3A 100%);
  border: 1px solid rgba(0,0,0,.12);
  color:#fff;
  box-shadow: 0 14px 34px rgba(44,107,74,.22), inset 0 1px 0 rgba(255,255,255,.14);
}
#alMemberArea.al-tanks .al-btn--primary:hover{
  box-shadow: 0 18px 44px rgba(44,107,74,.26), inset 0 1px 0 rgba(255,255,255,.16);
}
#alMemberArea.al-tanks .al-btn--ghost{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(0,0,0,.10);
  color: rgba(15,23,42,.86);
}
#alMemberArea.al-tanks .al-btn--ghost:hover{ background: rgba(15,23,42,.05); }

#alMemberArea.al-tanks .al-btn:focus{ outline:none; }
#alMemberArea.al-tanks .al-btn:focus-visible{ box-shadow: 0 0 0 4px rgba(92,168,146,.22); }

/* Icon buttons (small) */
#alMemberArea.al-tanks .al-iconBtn{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.96);
  display:grid;
  place-items:center;
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
  user-select:none;
}
#alMemberArea.al-tanks .al-iconBtn::before{
  content:"";
  width: 18px;
  height: 18px;
  background: rgba(15,23,42,.86);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
#alMemberArea.al-tanks .al-iconBtn:hover{ background: rgba(15,23,42,.03); }
#alMemberArea.al-tanks .al-iconBtn:focus{ outline:none; }
#alMemberArea.al-tanks .al-iconBtn:focus-visible{ box-shadow: 0 0 0 4px rgba(92,168,146,.22); }

/* =========================================================
   16) Tables (tests / data) — responsive-friendly
========================================================= */
#alMemberArea.al-tanks .al-tableWrap{
  width: 100%;
  overflow:auto;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
}
#alMemberArea.al-tanks table.al-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 520px;
}
#alMemberArea.al-tanks table.al-table th,
#alMemberArea.al-tanks table.al-table td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  font-size: 13px;
}
#alMemberArea.al-tanks table.al-table th{
  position: sticky;
  top: 0;
  background: rgba(255,255,255,.96);
  z-index: 1;
  text-align: left;
  font-weight: 950;
  color: rgba(15,23,42,.80);
}
#alMemberArea.al-tanks table.al-table tr:last-child td{ border-bottom: 0; }
#alMemberArea.al-tanks table.al-table td{ color: rgba(15,23,42,.86); }
#alMemberArea.al-tanks table.al-table tr:hover td{ background: rgba(15,23,42,.02); }

/* =========================================================
   17) Toast / Inline notice (scoped)
========================================================= */
#alMemberArea.al-tanks .al-toast{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(10px + var(--al-tanks-bottom-safe));
  z-index: 99999;

  width: min(560px, calc(100vw - 24px));
  border-radius: 18px;

  padding: 12px 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.96);

  box-shadow: 0 22px 70px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 10px;
}
#alMemberArea.al-tanks .al-toast__msg{
  font-size: 13px;
  line-height: 1.3;
  color: rgba(15,23,42,.86);
}
#alMemberArea.al-tanks .al-toast__actions{
  display:inline-flex;
  gap: 8px;
  align-items:center;
}
#alMemberArea.al-tanks .al-toast__close{
  width: 36px;
  height: 36px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(15,23,42,.02);
  cursor:pointer;
}
#alMemberArea.al-tanks .al-toast__close:hover{ background: rgba(15,23,42,.05); }

/* Inline notice card (inside flow) */
#alMemberArea.al-tanks .al-notice{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(15,23,42,.02);
  padding: 12px 12px;
}
#alMemberArea.al-tanks .al-notice.is-success{
  background: rgba(44,107,74,.06);
  border-color: rgba(44,107,74,.18);
}
#alMemberArea.al-tanks .al-notice.is-danger{
  background: rgba(220,38,38,.06);
  border-color: rgba(220,38,38,.18);
}

/* =========================================================
   18) Accessibility & Motion polish
========================================================= */
@media (prefers-reduced-motion: reduce){
  #alMemberArea.al-tanks *,
  #alMemberArea.al-tanks *::before,
  #alMemberArea.al-tanks *::after{
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* Improve tap behavior on mobile */
@media (pointer:coarse){
  #alMemberArea.al-tanks a,
  #alMemberArea.al-tanks button{ touch-action: manipulation; }
}


/* =========================================================
   20) Print (hide chrome that makes no sense)
========================================================= */
@media print{
  #alMemberArea.al-tanks .al-tanks-pill--fab,
  #alMemberArea.al-tanks .al-tanks-fabCluster,
  #alMemberArea.al-tanks .al-menu,
  #alMemberArea.al-tanks .al-sheet,
  #alMemberArea.al-tanks .al-modal,
  #alMemberArea.al-tanks .al-toast{
    display:none !important;
  }
}

/* =========================================================
   Tanks — FAB Pill (2026 • FINAL • INTEGRATED)
   + Switch-Kombi (FAB + Switch Addon)
   Aus deiner alten tanks.css extrahiert & zusammengefasst
========================================================= */

/* (Optional, aber in deinem File relevant fürs FAB-Positioning) */
:root{
  --al-tanks-bottom-safe: calc(var(--al-bottom-nav-h, 80px) + env(safe-area-inset-bottom));
}

/* =========================================================
   FAB Container / Housing
========================================================= */
#alMemberArea.al-tanks .al-tanks-pill.al-tanks-pill--fab{
  position: fixed !important;
  right: 12px !important;
  bottom: calc(14px + var(--al-bottom-nav-h, 80px) + env(safe-area-inset-bottom)) !important;
  z-index: 9999 !important;

  display: none !important;
  align-items: center !important;
  justify-content: flex-end !important;

  /* shared embossed housing */
  padding: 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.60)) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.14),
    0 6px 16px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.80),
    inset 0 -1px 0 rgba(15,23,42,.06) !important;

  margin: 0 !important;
  overflow: visible !important;
  isolation: isolate !important;
  -webkit-tap-highlight-color: transparent !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (max-width:1023px){
  #alMemberArea.al-tanks.is-owner .al-tanks-pill.al-tanks-pill--fab{ display: inline-flex !important; }
}
@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks-pill.al-tanks-pill--fab{ display: none !important; }
}
#alMemberArea.al-tanks.is-public .al-tanks-pill.al-tanks-pill--fab{ display:none !important; }

/* =========================================================
   Switch (inset addon)
========================================================= */
#alMemberArea.al-tanks .al-tanks-pill__switch{
  appearance: none !important;
  border: 0 !important;
  padding: 0 !important;

  /* do NOT nuke margins with shorthand */
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 2px !important;

  background: transparent !important;
  font: inherit !important;
  color: inherit !important;

  display: inline-grid !important;
  place-items: center !important;

  flex: 0 0 auto !important;
  width: clamp(58px, 16vw, 86px) !important;
  height: 48px !important;
  border-radius: 999px !important;

  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.92)) !important;
  border: 1px solid rgba(15,23,42,.10) !important;

  box-shadow:
    inset 0 2px 6px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.70),
    0 6px 14px rgba(0,0,0,.08) !important;

  position: relative !important;
  z-index: 1 !important;

  cursor: pointer !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

#alMemberArea.al-tanks .al-tanks-pill__switch:focus{ outline:none !important; }
#alMemberArea.al-tanks .al-tanks-pill__switch:focus-visible{
  box-shadow:
    inset 0 2px 6px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.70),
    0 6px 14px rgba(0,0,0,.08),
    0 0 0 4px rgba(92,168,146,.20) !important;
}

#alMemberArea.al-tanks .al-tanks-pill__switchIcon{
  width: 21px !important;
  height: 21px !important;
  display: block !important;

  background: rgba(31,75,55,.70) !important;
  mask: url('/wp-content/mu-plugins/al-members/assets/icons/switch.svg') center/contain no-repeat !important;
  -webkit-mask: url('/wp-content/mu-plugins/al-members/assets/icons/switch.svg') center/contain no-repeat !important;

  /* visually centered away from the join */
  transform: translateX(-10px) !important;
  opacity: .92 !important;
}

/* =========================================================
   Primary action pill (overlaps switch)
========================================================= */
#alMemberArea.al-tanks .al-tanks-pill__actions{
  appearance: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  font: inherit !important;
  color: inherit !important;

  position: relative !important;
  z-index: 2 !important;

  height: 48px !important;

  /* feels like one combined control */
  margin-left: -40px !important;

  align-items: center !important;

  /* give label space */
  grid-template-columns: 34px 1fr 14px !important;

  /* compact */
  width: clamp(188px, 48vw, 226px) !important;
  max-width: calc(100vw - 24px) !important;

  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-left-color: transparent !important;

  background:
    radial-gradient(120% 160% at 20% 16%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, #2E7453 0%, #275E45 55%, #1F4A37 100%) !important;

  box-shadow:
    0 16px 44px rgba(0,0,0,.16),
    0 6px 16px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.10) !important;

  cursor: pointer !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* NOTE: In deiner alten Datei ist ::after hier 2x definiert.
   Ich lasse es exakt so drin (inkl. Überschreibung), damit du 1:1 vergleichen kannst. */

/* cover area where switch sits under */
#alMemberArea.al-tanks .al-tanks-pill__actions::after{
  content:"";
  position:absolute;
  left: 0;
  top: 0;
  bottom: 0;

  width: 44px;

  background:
    radial-gradient(120% 160% at 20% 16%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, #2E7453 0%, #275E45 55%, #1F4A37 100%);

  border-radius: 999px;
  pointer-events:none;
}

#alMemberArea.al-tanks .al-tanks-pill__actions::before{
  content:"";
  position:absolute;
  inset: 1px;
  border-radius: 999px;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 60%);
  opacity: .78;
}

/* subtle seam where the pill overlaps the switch (OVERWRITES ::after above in deiner Datei) */
#alMemberArea.al-tanks .al-tanks-pill__actions::after{
  content:"";
  position:absolute;
  top: 10px;
  bottom: 10px;
  width: 1px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  opacity: .55;
  pointer-events:none;
}

/* =========================================================
   Label
========================================================= */
#alMemberArea.al-tanks .al-tanks-pill__actions .al-tanks-pill__label{
  grid-column: 2 !important;
  justify-self: center !important;

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

  width: 100% !important;
  max-width: 100% !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;

  color: rgba(255,255,255,.98) !important;

  font-weight: 780 !important;
  font-size: 13.25px !important;
  letter-spacing: -0.005em !important;
  line-height: 1 !important;

  padding: 0 6px !important;
  pointer-events: none !important;
}

/* Focus */
#alMemberArea.al-tanks .al-tanks-pill__actions:focus{ outline:none !important; }
#alMemberArea.al-tanks .al-tanks-pill__actions:focus-visible{
  box-shadow:
    0 16px 44px rgba(0,0,0,.16),
    0 6px 16px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 0 0 4px rgba(92,168,146,.20) !important;
}

/* =========================================================
   Small phones (≤480px)
========================================================= */
@media (max-width:480px){
  #alMemberArea.al-tanks .al-tanks-pill.al-tanks-pill--fab{
    padding: 6px !important;
  }

  #alMemberArea.al-tanks .al-tanks-pill__switch{
    width: 75px !important;
    height: 46px !important;
  }

  #alMemberArea.al-tanks .al-tanks-pill__actions{
    height: 46px !important;
    margin-left: -34px !important;

    grid-template-columns: 34px 1fr 12px !important;

    width: clamp(180px, 62vw, 214px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  #alMemberArea.al-tanks .al-tanks-pill__actions .al-tanks-pill__label{
    font-size: 12.75px !important;
    font-weight: 780 !important;
    padding: 0 6px !important;
    letter-spacing: -0.005em !important;
  }
}

/* =========================================================
   Motion
========================================================= */
@media (prefers-reduced-motion: no-preference){
  #alMemberArea.al-tanks .al-tanks-pill__actions,
  #alMemberArea.al-tanks .al-tanks-pill__switch{
    transition: transform .14s ease, filter .14s ease, box-shadow .14s ease !important;
  }
  #alMemberArea.al-tanks .al-tanks-pill__actions:hover{
    filter: brightness(1.02) saturate(1.02) !important;
  }
  #alMemberArea.al-tanks .al-tanks-pill__actions:active,
  #alMemberArea.al-tanks .al-tanks-pill__switch:active{
    transform: translateY(1px) scale(.992) !important;
  }
}

/* =========================================================
   FAB Label transition during page transitions (bei dir separat)
========================================================= */
.al-tanks-pill__label[data-fab-label]{
  transition: opacity .18s ease, transform .18s ease;
  will-change: opacity, transform;
}
#alMemberArea.al-tanks.is-leaving .al-tanks-pill__label[data-fab-label]{
  opacity:.0;
  transform: translateY(2px);
}

/* =========================================================
   Tanks — Tasks filter chips (mobile-first, scroll + snap)
   Targets: .al-row that contains buttons [data-action="tasks-filter"]
========================================================= */

/* the chip bar */
#alMemberArea.al-tanks .al-row:has([data-action="tasks-filter"]){
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  /* horizontal scroll */
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;

  /* keep in one line */
  flex-wrap: nowrap !important;

  /* spacing + container feel */
  padding: 10px 12px !important;
  border-radius: 999px !important;
  background: rgba(15,23,42,.035) !important;
  border: 1px solid rgba(15,23,42,.08) !important;

  /* scroll snap */
  scroll-snap-type: x mandatory !important;
  scroll-padding-left: 12px !important;

  /* hide scrollbar (cross-ish) */
  scrollbar-width: none !important;
}
#alMemberArea.al-tanks .al-row:has([data-action="tasks-filter"])::-webkit-scrollbar{
  display: none !important;
}

/* each chip */
#alMemberArea.al-tanks .al-row:has([data-action="tasks-filter"]) > .al-btn{
  flex: 0 0 auto !important;
  scroll-snap-align: start !important;

  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;

  border: 1px solid rgba(15,23,42,.10) !important;
  background: rgba(255,255,255,.70) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 8px 18px rgba(15,23,42,.06) !important;

  white-space: nowrap !important;
}

/* active chip */
#alMemberArea.al-tanks .al-row:has([data-action="tasks-filter"]) > .al-btn[aria-pressed="true"]{
  background: rgba(44,107,74,.10) !important; /* uses your accent vibe */
  border-color: rgba(44,107,74,.28) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.80),
    0 10px 24px rgba(15,23,42,.10) !important;
}

/* optional: make inactive chips a touch calmer */
#alMemberArea.al-tanks .al-row:has([data-action="tasks-filter"]) > .al-btn[aria-pressed="false"]{
  opacity: .92 !important;
}

/* =========================================================
   Premium edge fade (apply to parent card area)
   If your row sits inside a card, this gives modern "scroll hint"
========================================================= */
#alMemberArea.al-tanks .al-card:has(.al-row:has([data-action="tasks-filter"])){
  position: relative !important;
}

#alMemberArea.al-tanks .al-card:has(.al-row:has([data-action="tasks-filter"]))::before,
#alMemberArea.al-tanks .al-card:has(.al-row:has([data-action="tasks-filter"]))::after{
  content: "" !important;
  position: absolute !important;
  top: 62px !important;            /* adjust if needed */
  height: 56px !important;         /* covers chip bar */
  width: 24px !important;
  pointer-events: none !important;
  z-index: 3 !important;
}
#alMemberArea.al-tanks .al-card:has(.al-row:has([data-action="tasks-filter"]))::before{
  left: 0 !important;
  background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)) !important;
}
#alMemberArea.al-tanks .al-card:has(.al-row:has([data-action="tasks-filter"]))::after{
  right: 0 !important;
  background: linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0)) !important;
}

/* =========================================================
   Optional: subtle edge fade hint (if nav sits in a card)
========================================================= */
#alMemberArea.al-tanks .al-card:has(nav.al-subtabs){
  position: relative !important;
}
#alMemberArea.al-tanks .al-card:has(nav.al-subtabs)::before,
#alMemberArea.al-tanks .al-card:has(nav.al-subtabs)::after{
  content:"" !important;
  position:absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 62px !important;     /* tweak if needed */
  width: 22px !important;
  height: 54px !important;
  pointer-events:none !important;
  z-index: 5 !important;
}
#alMemberArea.al-tanks .al-card:has(nav.al-subtabs)::before{
  background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)) !important;
}
#alMemberArea.al-tanks .al-card:has(nav.al-subtabs)::after{
  left: auto !important;
  right: 0 !important;
  background: linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0)) !important;
}

.al-taskList{
  display:grid;
  gap:12px;
}

.al-taskList{
  display:grid;
  gap:12px;
}

.al-taskItem{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:15px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    background .18s ease,
    opacity .18s ease;
}

.al-taskItem.is-overdue{
  border-color:rgba(220,38,38,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(254,242,242,.88) 100%);
  box-shadow:0 10px 24px rgba(220,38,38,.06);
}

.al-taskItem.is-suggested{
  background:rgba(239,246,255,.72);
}

.al-taskItem__reason{
  display:none;
}

.al-taskItem.is-suggested{
  background:rgba(239,246,255,.78);
}

.al-taskItem.is-recommended{
  border-color:rgba(59,130,246,.22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(239,246,255,.88) 100%);
  box-shadow:
    0 12px 28px rgba(59,130,246,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.al-taskItem.is-completing{
  pointer-events:none;
}

.al-taskItem.is-completed{
  opacity:.74;
  transform:scale(.985);
  border-color:rgba(16,185,129,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(236,253,245,.90) 100%);
  box-shadow:
    0 10px 24px rgba(16,185,129,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.al-taskItem.is-skipped{
  opacity:.68;
  transform:scale(.985);
  border-color:rgba(15,23,42,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.96) 100%);
  box-shadow:0 8px 18px rgba(15,23,42,.03);
}

.al-taskItem.is-completed .al-taskItem__title,
.al-taskItem.is-skipped .al-taskItem__title,
.al-taskItem.is-completed .al-taskItem__meta,
.al-taskItem.is-skipped .al-taskItem__meta{
  opacity:.88;
}

.al-taskItem.is-completing .al-taskItem__actions .al-btn{
  pointer-events:none;
}

.al-taskItem__main{
  min-width:0;
  flex:1 1 auto;
}

.al-taskItem__top{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px 10px;
}

.al-taskItem__titleRow{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.al-taskItem__title{
  font-weight:900;
  color:var(--al-text);
  line-height:1.15;
  letter-spacing:-.01em;
}

.al-taskItem__recommended{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  background:rgba(59,130,246,.12);
  color:#2563eb;
  border:1px solid rgba(59,130,246,.16);
}

.al-taskItem__badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.al-taskItem__meta{
  margin-top:7px;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}

.al-taskItem__reason{
  display:none;
}

.al-taskItem__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.al-taskItem__actions .al-btn{
  min-width:0;
}

.al-taskItem__actions .al-btn--primary{
  order:1;
}

.al-taskItem__actions .al-btn--ghost{
  order:2;
}

@media (max-width: 720px){
  .al-tasksToday__body{
    flex-direction:column;
    align-items:flex-start;
  }

  .al-taskItem{
    flex-direction:column;
    gap:12px;
  }

  .al-taskItem__actions{
    width:100%;
    justify-content:flex-start;
  }

  .al-taskItem__actions .al-btn{
    flex:1 1 calc(50% - 4px);
  }

  .al-taskItem__actions .al-btn:only-child{
    flex:1 1 100%;
  }
}

@media (max-width: 720px){
  .al-taskItem{
    flex-direction:column;
  }

  .al-taskItem__actions{
    width:100%;
    justify-content:flex-start;
  }
}

/* =========================================================
   AB HIER NEUES CSS
========================================================= */

.al-tasksToday{
  margin-bottom:14px;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}

.al-tasksToday__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.al-tasksToday__kicker{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:800;
}

.al-tasksToday__title{
  font-size:22px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-0.04em;
  color:var(--al-text);
}

.al-tasksToday__stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.al-tasksToday__body{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.al-tasksToday__taskTitle{
  font-weight:900;
  color:var(--al-text);
  line-height:1.15;
}

.al-tasksToday__taskMeta{
  margin-top:4px;
  font-size:13px;
}

.al-taskList{
  display:grid;
  gap:12px;
}

.al-taskItem{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:#fff;
}

.al-taskItem.is-overdue{
  border-color:rgba(220,38,38,.20);
  background:rgba(254,242,242,.65);
}

.al-taskItem.is-suggested{
  background:rgba(239,246,255,.72);
}

.al-taskItem__main{
  min-width:0;
  flex:1 1 auto;
}

.al-taskItem__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.al-taskItem__title{
  font-weight:900;
  color:var(--al-text);
  line-height:1.15;
}

.al-taskItem__badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.al-taskItem__meta{
  margin-top:6px;
  font-size:13px;
}

.al-taskItem__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

@media (max-width: 720px){
  .al-tasksToday__body{
    flex-direction:column;
    align-items:flex-start;
  }

  .al-taskItem{
    flex-direction:column;
  }

  .al-taskItem__actions{
    width:100%;
    justify-content:flex-start;
  }
}


.al-tanks__heroTop,
.al-tanks__heroMain,
.al-tanks__heroMeta{
  pointer-events: auto;
}

#alMemberArea.al-tanks .al-plantSearchResults{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#alMemberArea.al-tanks .al-plantSearchItem{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 999px;
  background: #fff;
  padding: 6px 10px;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

#alMemberArea.al-tanks .al-plantSearchItem:hover{
  background: rgba(15,23,42,.02);
}

#alMemberArea.al-tanks .al-plantSearchItem.is-active{
  border-color: rgba(92,168,146,.85);
  box-shadow: 0 0 0 3px rgba(92,168,146,.14);
  background: rgba(92,168,146,.06);
}

#alMemberArea.al-tanks .al-plantSearchItem__thumb--mini,
#alMemberArea.al-tanks .al-plantSearchItem__thumb{
  width: 30px !important;
  height: 30px !important;
  min-width: 30px;
  max-width: 30px !important;
  flex: 0 0 30px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

#alMemberArea.al-tanks .al-plantSearchItem__main{
  min-width: 0;
}

#alMemberArea.al-tanks .al-plantSearchItem__main strong{
  display: block;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


#alMemberArea.al-tanks .al-plantSearchItem__thumb--placeholder{
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(15,23,42,.08);
}

#alMemberArea.al-tanks .al-plantSearchItem{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

#alMemberArea.al-tanks .al-plantSearchItem__main{
  min-width: 0;
  flex: 1;
}

#alMemberArea.al-tanks .al-chip--plantSelection{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.96);
  color: rgba(15,23,42,.78);
  font-size: 13px;
  line-height: 1.2;
}

#alMemberArea.al-tanks .al-dataCard__empty{
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.35;
}

#alMemberArea.al-tanks .al-dataCard__list:not(:empty) + .al-dataCard__empty{
  display: none;
}

/* =========================================================
   AB HIER REFACTORING
========================================================= */


#alMemberArea.al-tanks .al-tanksTopbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin: 4px 0 14px;
  padding: 4px 0 2px;
}

#alMemberArea.al-tanks .al-tanksTopbar__left,
#alMemberArea.al-tanks .al-tanksTopbar__right{
  display:flex;
  align-items:center;
  gap:10px;
}

#alMemberArea.al-tanks .al-tanksTopbar__back{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:0 2px;
  color: rgba(15,23,42,.78);
  text-decoration:none;
  font-weight:800;
  letter-spacing:-.01em;
}

#alMemberArea.al-tanks .al-tanksTopbar__back:hover{
  color: rgba(15,23,42,.96);
}

#alMemberArea.al-tanks .al-tanksTopbar__btn{
  min-height:40px !important;
  border-radius:12px !important;
  padding-inline:14px !important;
}

#alMemberArea.al-tanks .al-tanks__panel .al-card{
  border-radius: 20px;
  border: 1px solid rgba(15,23,42,.08);
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  box-shadow:
    0 8px 24px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.7);
}

#alMemberArea.al-tanks .al-tanks__panel .al-card-head,
#alMemberArea.al-tanks .al-tanks__panel .al-sectionHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-tanks__panel h2,
#alMemberArea.al-tanks .al-tanks__panel h3{
  letter-spacing:-.025em;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tanks__panel .muted{
  color:#64748B;
}

#alMemberArea.al-tanks .al-tanksWorkspace{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
  align-items:start;
}

@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanksWorkspace{
    grid-template-columns:minmax(0,1fr) 320px;
    gap:24px;
  }
}

#alMemberArea.al-tanks .al-tanksWorkspace__main,
#alMemberArea.al-tanks .al-tanksWorkspace__side{
  min-width:0;
}

#alMemberArea.al-tanks .al-tanks__main{
  display:grid;
  gap:16px;
  align-content:start;
}

#alMemberArea.al-tanks .al-tanksSurface{
  border-radius:24px;
  border:1px solid rgba(15,23,42,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    0 14px 36px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.68);
  overflow:hidden;
}

#alMemberArea.al-tanks .al-tanksSurface__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:22px 22px 16px;
  border-bottom:1px solid rgba(15,23,42,.06);
}


#alMemberArea.al-tanks .al-tanksSurface__titleWrap{
  min-width:0;
}

#alMemberArea.al-tanks .al-tanksSurface__eyebrow{
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}

#alMemberArea.al-tanks .al-tanksSurface__title{
  margin:0;
  font-size: clamp(20px, 3vw, 28px);
  line-height:1.04;
  letter-spacing:-.03em;
  font-weight:950;
}

#alMemberArea.al-tanks .al-tanksSurface__sub{
  margin-top:8px;
  max-width:60ch;
}

#alMemberArea.al-tanksSurface__actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.al-tanksSurface__actions[hidden]{
  display:none !important;
}

#alMemberArea.al-tanks .al-tanksSurface__body{
  padding:20px 22px 22px;
}

#alMemberArea.al-tanks .al-tanksLoadMore{
  display:flex;
  justify-content:center;
  margin-top:18px;
}

#alMemberArea.al-tanks .al-tanks__snapshotGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

#alMemberArea.al-tanks .al-tanksMetric{
  border:1px solid rgba(15,23,42,.06);
  border-radius:16px;
  background:#fff;
  padding:12px 13px;
}

#alMemberArea.al-tanks .al-tanksMetric__label{
  font-size:12px;
  margin-bottom:6px;
}

#alMemberArea.al-tanks .al-tanksMetric__value{
  font-size:15px;
  font-weight:900;
  color:#0F172A;
  letter-spacing:-.02em;
}

#alMemberArea.al-tanks .al-tanksMetricBar{
  margin-top:14px;
}

#alMemberArea.al-tanks .al-tanksMetricBar__label{
  margin-bottom:8px;
  font-size:12px;
}

#alMemberArea.al-tanks .al-tanksFilters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 22px 18px;
}

#alMemberArea.al-tanks .al-tasksFilter{
  appearance:none;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:rgba(15,23,42,.72);
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:
    border-color .14s ease,
    background-color .14s ease,
    color .14s ease,
    transform .14s ease;
}

#alMemberArea.al-tanks .al-tasksFilter:hover{
  transform:translateY(-1px);
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tasksFilter.is-active,
#alMemberArea.al-tanks .al-tasksFilter[aria-pressed="true"]{
  border-color:rgba(37,99,235,.18);
  background:rgba(37,99,235,.08);
  color:#1D4ED8;
}

#alMemberArea.al-tanks .al-tanksInsightsLayout{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

@media (min-width:960px){
  #alMemberArea.al-tanks .al-tanksInsightsLayout{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

#alMemberArea.al-tanks .al-tanksInsight{
  border:1px solid rgba(15,23,42,.07);
  border-radius:20px;
  background:#fff;
  padding:16px;
}

#alMemberArea.al-tanks .al-tanksInsight__label{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}

#alMemberArea.al-tanks .al-tanksInsight__value{
  font-size: clamp(24px, 3.4vw, 34px);
  line-height:1.02;
  letter-spacing:-.04em;
  font-weight:950;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tanksInsight__valueSm{
  margin-top:10px;
  font-size:18px;
  font-weight:900;
  color:#0F172A;
  letter-spacing:-.02em;
}

#alMemberArea.al-tanks .al-tanksInsight__sub{
  margin-top:8px;
}

#alMemberArea.al-tanks .al-tankReadingSummary{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.07);
  border-radius:24px;
  padding:20px;
  background:
    radial-gradient(140% 120% at 100% 0%, rgba(59,130,246,.10) 0%, rgba(59,130,246,0) 48%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 10px 26px rgba(15,23,42,.04);
}

#alMemberArea.al-tanks .al-tankReadingSummary__eyebrow{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#alMemberArea.al-tanks .al-tankReadingSummary__text{
  margin-top:10px;
  max-width:100%;
  font-size:clamp(20px, 3vw, 26px);
  line-height:1.14;
  letter-spacing:-.035em;
  font-weight:900;
  color:#0F172A;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#alMemberArea.al-tanks .al-tankReadingSummary__support{
  display:none;
}

#alMemberArea.al-tanks .al-tankReadingSummary__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

#alMemberArea.al-tanks .al-tankReadingSummary__chip{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.86);
  color:rgba(15,23,42,.78);
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}

#alMemberArea.al-tanks .al-tankReadingIndicators{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

#alMemberArea.al-tanks .al-tankIndicator{
  border:1px solid rgba(15,23,42,.06);
  border-radius:16px;
  padding:10px 12px;
  background:rgba(255,255,255,.86);
}

#alMemberArea.al-tanks .al-tankIndicator__label{
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(15,23,42,.54);
}

#alMemberArea.al-tanks .al-tankIndicator__value{
  margin-top:8px;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tankIndicatorDots{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:10px;
}

#alMemberArea.al-tanks .al-tankIndicatorDots__dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(15,23,42,.14);
}

#alMemberArea.al-tanks .al-tankIndicatorDots__dot.is-on{
  background:#0F172A;
}

#alMemberArea.al-tanks .al-tankIndicatorBar{
  position:relative;
  height:8px;
  margin-top:10px;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  overflow:hidden;
}

#alMemberArea.al-tanks .al-tankIndicatorBar__fill{
  position:absolute;
  inset:0 auto 0 0;
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg, #1d4ed8 0%, #0f766e 100%);
}

#alMemberArea.al-tanks .al-tankReadingPrimary{
  display:grid;
  gap:12px;
  margin-top:16px;
}

#alMemberArea.al-tanks .al-tankReadingPrimary .al-tankSignalCard:first-child{
  padding:16px 16px 14px;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}

#alMemberArea.al-tanks .al-tankReadingPrimary .al-tankSignalCard:first-child .al-tankSignalCard__title{
  font-size:18px;
}

#alMemberArea.al-tanks .al-tankSignalCard{
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  padding:14px 14px 12px;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.035);
}

#alMemberArea.al-tanks .al-tankSignalCard.is-up{
  border-color:rgba(15,23,42,.10);
  background:
    radial-gradient(130% 120% at 100% 0%, rgba(16,185,129,.10) 0%, rgba(16,185,129,0) 48%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.98) 100%);
}

#alMemberArea.al-tanks .al-tankSignalCard.is-down{
  background:
    radial-gradient(130% 120% at 100% 0%, rgba(245,158,11,.10) 0%, rgba(245,158,11,0) 48%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.98) 100%);
}

#alMemberArea.al-tanks .al-tankSignalCard__head{
  display:flex;
  align-items:center;
  gap:8px;
}

#alMemberArea.al-tanks .al-tankSignalCard__indicator{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:rgba(15,23,42,.07);
  font-size:13px;
  font-weight:900;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tankSignalCard__label{
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.04em;
  color:rgba(15,23,42,.72);
}

#alMemberArea.al-tanks .al-tankSignalCard__title{
  margin-top:10px;
  font-size:17px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tankSignalCard__micro{
  margin-top:6px;
  font-size:13px;
  line-height:1.4;
  color:rgba(15,23,42,.68);
}

#alMemberArea.al-tanks .al-tankSignalCard__details{
  margin-top:10px;
}

#alMemberArea.al-tanks .al-tankSignalCard__details summary{
  list-style:none;
  cursor:pointer;
  font-size:12px;
  font-weight:800;
  color:rgba(15,23,42,.62);
}

#alMemberArea.al-tanks .al-tankSignalCard__details summary::-webkit-details-marker{
  display:none;
}

#alMemberArea.al-tanks .al-tankSignalCard__detailBody,
#alMemberArea.al-tanks .al-tankSignalStrip__detailBody{
  margin-top:10px;
  font-size:13px;
  line-height:1.55;
  color:rgba(15,23,42,.74);
}

#alMemberArea.al-tanks .al-tankSignalCard__detailWhy,
#alMemberArea.al-tanks .al-tankSignalStrip__detailWhy{
  margin-top:8px;
  font-size:12px;
  line-height:1.5;
  color:rgba(15,23,42,.58);
}

#alMemberArea.al-tanks .al-tankSignalCard__link{
  margin-top:10px;
  padding:0;
  border:0;
  background:none;
  font-size:12px;
  font-weight:800;
  color:#1D4ED8;
  cursor:pointer;
}

#alMemberArea.al-tanks .al-tankReadingSecondary{
  display:grid;
  gap:8px;
  margin-top:12px;
}

#alMemberArea.al-tanks .al-tankSignalStrip{
  border:1px solid rgba(15,23,42,.06);
  border-radius:16px;
  background:rgba(255,255,255,.94);
  padding:0 12px;
}

#alMemberArea.al-tanks .al-tankSignalStrip__summary{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  cursor:pointer;
  list-style:none;
}

#alMemberArea.al-tanks .al-tankSignalStrip__summary::-webkit-details-marker{
  display:none;
}

#alMemberArea.al-tanks .al-tankSignalStrip__indicator{
  font-size:13px;
  font-weight:900;
  color:#0F172A;
  flex:0 0 auto;
}

#alMemberArea.al-tanks .al-tankSignalStrip__label{
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tankSignalStrip__micro{
  margin-left:auto;
  font-size:12px;
  line-height:1.2;
  color:rgba(15,23,42,.58);
  text-align:right;
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanksSurface__head{
    padding:18px 16px 14px;
  }

  #alMemberArea.al-tanks .al-tanksSurface__body{
    padding:16px;
  }

  #alMemberArea.al-tanks .al-tanksFilters{
    padding:0 16px 16px;
  }

  #alMemberArea.al-tanks .al-tanks__snapshotGrid{
    grid-template-columns:1fr;
  }

  #alMemberArea.al-tanks .al-tankReadingSummary{
    padding:18px;
    border-radius:22px;
  }

  #alMemberArea.al-tanks .al-tankReadingSummary__text{
    font-size:20px;
  }

  #alMemberArea.al-tanks .al-tankReadingIndicators{
    grid-template-columns:1fr;
  }
}

#alMemberArea.al-tanks .al-dataSection__hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding: 0 0 14px;
  margin: 0 0 16px;
  border-bottom: 1px solid rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-dataSection__kicker{
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}

#alMemberArea.al-tanks .al-dataSection__title{
  margin:0;
  font-size: clamp(18px, 2.6vw, 24px);
  line-height:1.06;
  letter-spacing:-.025em;
  font-weight:950;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-dataSection__sub{
  margin-top:8px;
  max-width:62ch;
}

#alMemberArea.al-tanks .al-dataSection__actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
}

#alMemberArea.al-tanks .al-dataSection__actions[hidden],
#alMemberArea.al-tanks .al-dataEmpty[hidden],
#alMemberArea.al-tanks .al-setupBlock[hidden]{
  display:none !important;
}

#alMemberArea.al-tanks .al-dataCards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

#alMemberArea.al-tanks .al-dataCards--3,
#alMemberArea.al-tanks .al-dataCards--4{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

@media (min-width:900px){
  #alMemberArea.al-tanks .al-dataCards--3{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #alMemberArea.al-tanks .al-dataCards--4{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

#alMemberArea.al-tanks .al-dataCard{
  position:relative;
  border:1px solid rgba(15,23,42,.07);
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  padding:16px 16px 15px;
  box-shadow:
    0 8px 22px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
}

#alMemberArea.al-tanks .al-dataCard::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background: rgba(37,99,235,.12);
}

#alMemberArea.al-tanks .al-dataCard__label{
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748B;
}

#alMemberArea.al-tanks .al-dataCard__value{
  margin-top:10px;
  font-size:18px;
  line-height:1.12;
  letter-spacing:-.025em;
  font-weight:950;
  color:#0F172A;
  overflow-wrap:anywhere;
}

#alMemberArea.al-tanks .al-dataEmpty{
  margin-top:16px;
  padding:18px;
  border:1px dashed rgba(15,23,42,.10);
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(248,250,252,.95) 0%, rgba(255,255,255,.98) 100%);
}

#alMemberArea.al-tanks .al-dataEmpty__title{
  font-size:16px;
  font-weight:900;
  letter-spacing:-.02em;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-dataEmpty__sub{
  margin-top:6px;
  max-width:56ch;
}

#alMemberArea.al-tanks .al-dataEmpty__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

#alMemberArea.al-tanks .al-plantsWorkspace{
  display:grid;
  gap:16px;
}

#alMemberArea.al-tanks .al-setupGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

@media (min-width:960px){
  #alMemberArea.al-tanks .al-setupGrid{
    grid-template-columns:1.1fr .9fr;
    align-items:start;
  }
}

#alMemberArea.al-tanks .al-setupBlock{
  border:1px solid rgba(15,23,42,.07);
  border-radius:20px;
  background:#fff;
  padding:16px;
  box-shadow:
    0 8px 22px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks .al-setupBlock__head{
  padding:0 0 12px;
  margin:0 0 14px;
  border-bottom:1px solid rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-setupBlock__head h3{
  margin:0;
  font-size:18px;
  line-height:1.08;
  letter-spacing:-.02em;
  font-weight:900;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-setupMetrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

#alMemberArea.al-tanks .al-setupMetric{
  border:1px solid rgba(15,23,42,.06);
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  padding:12px 13px;
}

#alMemberArea.al-tanks .al-setupMetric__label{
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748B;
}

#alMemberArea.al-tanks .al-setupGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

@media (min-width:960px){
  #alMemberArea.al-tanks .al-setupGrid{
    grid-template-columns:1.1fr .9fr;
    align-items:start;
  }
}

#alMemberArea.al-tanks .al-setupBlock{
  border:1px solid rgba(15,23,42,.07);
  border-radius:20px;
  background:#fff;
  padding:16px;
  box-shadow:
    0 8px 22px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks .al-setupBlock__head{
  padding:0 0 12px;
  margin:0 0 14px;
  border-bottom:1px solid rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-setupBlock__head h3{
  margin:0;
  font-size:18px;
  line-height:1.08;
  letter-spacing:-.02em;
  font-weight:900;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-setupBlock__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#alMemberArea.al-tanks .al-setupBlock__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-shrink:0;
}

#alMemberArea.al-tanks .al-setupMetrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

#alMemberArea.al-tanks .al-setupMetric{
  border:1px solid rgba(15,23,42,.06);
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  padding:12px 13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks .al-setupMetric--missing{
  border-color:rgba(59,130,246,.16);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(59,130,246,.08), rgba(59,130,246,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    0 8px 20px rgba(59,130,246,.05),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#alMemberArea.al-tanks .al-setupMetric__label{
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748B;
}

#alMemberArea.al-tanks .al-setupMetric__value{
  margin-top:8px;
  font-size:17px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.02em;
  color:#0F172A;
  overflow-wrap:anywhere;
}

#alMemberArea.al-tanks .al-setupMetric--missing .al-setupMetric__value{
  color:#1d4ed8;
}

#alMemberArea.al-tanks .al-setupMetric__hint{
  margin-top:8px;
  font-size:12.5px;
  line-height:1.45;
}

#alMemberArea.al-tanks .al-setupNotes{
  min-height:72px;
  line-height:1.55;
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-setupMetrics{
    grid-template-columns:1fr;
  }
}

#alMemberArea.al-tanks .al-setupNotes{
  font-size:14px;
  color:rgba(15,23,42,.72);
}

#alMemberArea.al-tanks .al-setupMetric__hint,
#alMemberArea.al-tanks .al-setupNotes{
  max-width:40ch;
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-setupMetric{
    padding:13px 14px;
    border-radius:18px;
  }

  #alMemberArea.al-tanks .al-setupMetric__value{
    font-size:16px;
  }
}

#alMemberArea.al-tanks .al-waterBlock{
  border:1px solid rgba(15,23,42,.07);
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  box-shadow:
    0 8px 22px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks .al-waterBlock__head{
  padding:14px 16px 12px;
  border-bottom:1px solid rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-waterBlock__head h4{
  margin:0;
  font-size:16px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.02em;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-waterBlock__body{
  padding:14px 16px 16px;
}

#alMemberArea.al-tanks .al-tanksOverviewRail{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-bottom:18px;
}

@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanksOverviewRail{
    grid-template-columns: 1fr;
    align-items:stretch;
  }
}

#alMemberArea.al-tanks .al-tanksOverviewRail__stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanksOverviewRail__stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px){
  #alMemberArea.al-tanks .al-tanksOverviewRail__stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
}

#alMemberArea.al-tanks .al-tanksOverviewStat{
  border:1px solid rgba(15,23,42,.07);
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  padding:16px;
  box-shadow:
    0 10px 26px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks .al-tanksOverviewStat--primary{
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(37,99,235,.08), rgba(37,99,235,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
}

#alMemberArea.al-tanks .al-tanksOverviewStat__label{
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#alMemberArea.al-tanks .al-tanksOverviewStat__value{
  margin-top:10px;
  font-size:28px;
  line-height:1.02;
  font-weight:950;
  letter-spacing:-.04em;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tanksOverviewStat__value--text{
  font-size:20px;
  line-height:1.08;
}

#alMemberArea.al-tanks .al-tanksOverviewStat__meta{
  margin-top:8px;
  font-size:13px;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum{
  border:1px solid rgba(15,23,42,.07);
  border-radius:22px;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(37,99,235,.10), rgba(37,99,235,0) 56%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,252,.99) 100%);
  padding:18px;
  box-shadow:
    0 14px 34px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__title{
  font-size:18px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.02em;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__sub{
  margin-top:6px;
  max-width:40ch;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__score{
  flex:0 0 auto;
  font-size:24px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  color:#1D4ED8;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.82);
  color:#0F172A;
  font-size:12px;
  font-weight:800;
  letter-spacing:-.01em;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__chip--strong{
  background:rgba(16,185,129,.10);
  border-color:rgba(16,185,129,.20);
  color:#047857;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__chip--steady{
  background:rgba(37,99,235,.10);
  border-color:rgba(37,99,235,.18);
  color:#1D4ED8;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__chip--attention{
  background:rgba(245,158,11,.12);
  border-color:rgba(245,158,11,.22);
  color:#B45309;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__chip--early{
  background:rgba(148,163,184,.12);
  border-color:rgba(148,163,184,.20);
  color:#475569;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__bar{
  height:10px;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  overflow:hidden;
  margin-top:16px;
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__bar > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background: linear-gradient(90deg, #2563EB, #60A5FA);
}

#alMemberArea.al-tanks .al-tanksOverviewMomentum__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  flex-wrap:wrap;
}

#alMemberArea.al-tanks .al-tanksOverviewHero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.07);
  border-radius:28px;
  background:
    radial-gradient(1000px 280px at 100% 0%, rgba(59,130,246,.12) 0%, rgba(59,130,246,0) 58%),
    radial-gradient(800px 220px at 0% 100%, rgba(16,185,129,.06) 0%, rgba(16,185,129,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,252,.99) 100%);
  box-shadow:
    0 20px 46px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
  padding:20px;
  margin-bottom:20px;
}

#alMemberArea.al-tanks .al-tanksOverviewHero__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

#alMemberArea.al-tanks .al-tanksOverviewHero__eyebrow{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

#alMemberArea.al-tanks .al-tanksOverviewHero__title{
  margin:4px 0 0;
  font-size: clamp(28px, 4vw, 40px);
  line-height:1.02;
  letter-spacing:-.05em;
  font-weight:950;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tanksOverviewHero__sub{
  margin-top:8px;
  max-width:58ch;
}

#alMemberArea.al-tanks .al-tanksOverviewHero__main{
  border:1px solid rgba(15,23,42,.06);
  border-radius:22px;
  background:
    linear-gradient(135deg, rgba(59,130,246,.08), rgba(255,255,255,.88) 38%, rgba(255,255,255,.92) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 10px 24px rgba(15,23,42,.04);
  padding:18px;
}

#alMemberArea.al-tanks .al-tanksOverviewHero__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
@media (max-width:720px){
  #alMemberArea.al-tanks .al-tanksOverviewHero__stats{
    grid-template-columns:1fr;
  }
}

#alMemberArea.al-tanks .al-tanksOverviewMiniStat{
  border:1px solid rgba(15,23,42,.06);
  border-radius:18px;
  background:#fff;
  padding:14px 15px;
}

#alMemberArea.al-tanks .al-tanksOverviewMiniStat__label{
  display:block;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748B;
}

#alMemberArea.al-tanks .al-tanksOverviewMiniStat__value{
  display:block;
  margin-top:8px;
  font-size:22px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tanksOverviewSectionHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin: 4px 0 14px;
}

#alMemberArea.al-tanks .al-tanksOverviewSectionHead__eyebrow{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  margin-bottom:4px;
}

#alMemberArea.al-tanks .al-tanksOverviewSectionHead__title{
  margin:0;
  font-size: clamp(24px, 3.2vw, 32px);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:950;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tanksOverviewSectionHead__sub{
  margin-top:6px;
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanksOverviewHero{
    border-radius:22px;
    padding:16px;
  }

  #alMemberArea.al-tanks .al-tanksOverviewHero__top{
    flex-direction:column;
    align-items:flex-start;
  }

  #alMemberArea.al-tanks .al-tanksOverviewHero__title{
    font-size:30px;
  }

  #alMemberArea.al-tanks .al-tanksOverviewMomentum{
    border-radius:20px;
    padding:16px;
  }

  #alMemberArea.al-tanks .al-tanksOverviewStat{
    border-radius:18px;
    padding:14px;
  }

  #alMemberArea.al-tanks .al-tankTile{
    border-radius:20px;
  }

  #alMemberArea.al-tanks .al-tankTile__body{
    padding:14px 14px 16px;
  }

  #alMemberArea.al-tanks .al-tankTile__name{
    font-size:18px;
  }
}

#alMemberArea.al-tanks .al-tanksSurface__titleWrap{
  min-width:0;
  flex:1 1 auto;
}

#alMemberArea.al-tanks .al-tanksSurface__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  flex:0 0 auto;
  min-width:0;
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanksSurface__head{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding:18px 16px 14px;
  }

  #alMemberArea.al-tanks .al-tanksSurface__actions{
    width:100%;
    justify-content:flex-start;
  }

  #alMemberArea.al-tanks .al-tanksSurface__actions .al-btn{
    min-width:0 !important;
    width:auto !important;
    max-width:100%;
  }
}

#alMemberArea.al-tanks :is(.al-btn-primary,.al-btn--primary,.button.alt){
  background: linear-gradient(180deg, #2563EB 0%, #1D4ED8 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(37,99,235,.92) !important;
  box-shadow:
    0 10px 24px rgba(37,99,235,.20),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanksSurface__actions .al-btn--primary{
    min-height:38px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    font-size:13px !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    box-shadow:
      0 8px 18px rgba(37,99,235,.16),
      inset 0 1px 0 rgba(255,255,255,.14) !important;
  }

  #alMemberArea.al-tanks .al-tanksSurface__actions .al-btn--ghost{
    min-height:38px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }
}

/* =========================================================
   Care & Routine Sheet
========================================================= */
#alMemberArea.al-tanks #alCareRoutineSheet .al-sheet__panel{
  width: 100%;
  max-width: 100%;
}

#alMemberArea.al-tanks #alCareRoutineSheet .al-sheet__body{
  gap: 12px;
  padding: 12px 12px var(--al-overlay-body-bottom);
}



#alMemberArea.al-tanks #alCareRoutineSheet .al-field{
  display: grid;
  gap: 8px;
}

#alMemberArea.al-tanks #alCareRoutineSheet .al-field__label{
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.01em;
  color: #0F172A;
}

#alMemberArea.al-tanks #alCareRoutineSheet .al-select,
#alMemberArea.al-tanks #alCareRoutineSheet select.al-select{
  appearance: none;
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    0 6px 16px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.72);
  color: #0F172A;
  font-size: 14px;
  font-weight: 700;
}

#alMemberArea.al-tanks #alCareRoutineSheet .al-select:focus,
#alMemberArea.al-tanks #alCareRoutineSheet select.al-select:focus{
  outline: none;
  border-color: rgba(37,99,235,.42);
  box-shadow:
    0 0 0 4px rgba(37,99,235,.10),
    0 6px 16px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.72);
}

@media (min-width: 1024px){
  #alMemberArea.al-tanks #alCareRoutineSheet .al-sheet__panel{
    width: min(560px, calc(100vw - 48px));
  }
}


@media (max-width: 640px){
  #alMemberArea.al-tanks #alCareRoutineSheet .al-sheet__body{
    gap: 12px;
    padding: 12px 12px var(--al-overlay-body-bottom);
  }
}

#alMemberArea.al-tanks .al-addsheet__item{
  appearance:none;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  width:100%;
  min-height:60px;
  padding:12px 13px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    0 6px 16px rgba(15,23,42,.035),
    inset 0 1px 0 rgba(255,255,255,.72);
  text-align:left;
}

#alMemberArea.al-tanks .al-addsheet__label{
  font-weight:900;
  letter-spacing:-.02em;
  color:#0F172A;
  line-height:1.15;
}

#alMemberArea.al-tanks .al-addsheet__hint{
  font-size:12px;
  line-height:1.25;
  color:#64748B;
}

#alMemberArea.al-tanks #alTanksTypeSheet .al-sheet__body{
  display:grid;
  grid-auto-rows:max-content;
  align-content:start;
  gap:10px;
}

#alMemberArea.al-tanks #alTanksTypeSheet .al-addsheet__list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  align-content:start;
}

#alMemberArea.al-tanks #alTanksTypeSheet .al-addsheet__item{
  min-height:58px;
  padding:12px 13px;
  border-radius:16px;
}

#alMemberArea.al-tanks #alTanksTypeSheet [data-repeat-last]{
  border-color: rgba(37,99,235,.16);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(37,99,235,.08) 0%, rgba(37,99,235,0) 56%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.98) 100%);
}

#alMemberArea.al-tanks #alTanksTypeSheet [data-repeat-last] .al-addsheet__label{
  color:#1D4ED8;
}

#alMemberArea.al-tanks #alTanksTypeSheet [data-repeat-divider]{
  display:none !important;
}



#alMemberArea.al-tanks nav.al-subtabs{
  display:flex;
  align-items:center;
  gap:8px;
  overflow:auto;
  margin:0 0 12px !important;
  padding:4px;
  border-radius:16px;
  background: rgba(15,23,42,.04);
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

#alMemberArea.al-tanks nav.al-subtabs::-webkit-scrollbar{
  display:none;
}

#alMemberArea.al-tanks nav.al-subtabs .al-subtab{
  flex:0 0 auto !important;
  scroll-snap-align:start !important;
  position:relative !important;
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid transparent !important;
  background: transparent !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  color:#475569 !important;
}

#alMemberArea.al-tanks nav.al-subtabs .al-subtab.is-active,
#alMemberArea.al-tanks nav.al-subtabs .al-subtab[aria-selected="true"]{
  background:#fff !important;
  border-color:rgba(15,23,42,.08) !important;
  color:#0F172A !important;
  box-shadow:0 6px 18px rgba(15,23,42,.08) !important;
}

#alMemberArea.al-tanks nav.al-subtabs .al-subtab::after{
  display:none !important;
}

@media (max-width:640px){
  #alMemberArea.al-tanks nav.al-subtabs{
    gap:6px !important;
    margin:0 0 10px !important;
  }

  #alMemberArea.al-tanks nav.al-subtabs .al-subtab{
    min-height:36px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }

  #alMemberArea.al-tanks .al-card:has(nav.al-subtabs){
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* =========================================================
   TANKS — MENUS
========================================================= */
#alMemberArea.al-tanks{
  position: relative;
}

#alMemberArea.al-tanks .al-menu__item.is-danger{
  color: #B91C1C;
}

#alMemberArea.al-tanks .al-menu__item.is-danger:hover{
  background: rgba(185,28,28,.08);
}

#alMemberArea.al-tanks .al-menu__divider{
  height: 1px;
  margin: 6px;
  background: rgba(15,23,42,.08);
}

/* =========================================================
   TANKS — CHIP SYSTEM
========================================================= */
#alMemberArea.al-tanks .al-chip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(15,23,42,.04);
  color: #0F172A;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.01em;
  white-space: nowrap;
}

#alMemberArea.al-tanks .al-chip.muted{
  color: #0F172A;
  opacity: 1;
}

#alMemberArea.al-tanks .al-chip--primary{
  background: rgba(37,99,235,.10);
  border-color: rgba(37,99,235,.18);
  color: #1D4ED8;
}

#alMemberArea.al-tanks .al-chip--success{
  background: rgba(22,163,74,.10);
  border-color: rgba(22,163,74,.18);
  color: #15803D;
}

#alMemberArea.al-tanks .al-chip--plantSelection{
  width: 100%;
  min-height: 40px;
  justify-content: flex-start;
  padding: 0 14px;
  border-radius: 14px;
  white-space: normal;
  line-height: 1.3;
  background: rgba(248,250,252,.9);
}

/* =========================================================
   TANKS — HERO CARD CONTROLS
========================================================= */
#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__cardControls{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 6;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  pointer-events: auto;
}

#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__cardCtrl{
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(15,23,42,.44);
  box-shadow: 0 8px 20px rgba(2,6,23,.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
  transition: transform .14s ease, background-color .14s ease, border-color .14s ease, box-shadow .14s ease;
  pointer-events: auto;
  text-decoration: none;
}

#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__cardCtrl::before{
  content: "";
  width: 16px;
  height: 16px;
  background: rgba(255,255,255,.96);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  border: 0;
  box-shadow: none;
  pointer-events: none;
}

#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__cardCtrl:hover,
#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__cardCtrl:focus-visible{
  background: rgba(15,23,42,.62);
  border-color: rgba(255,255,255,.22);
  transform: translateY(-1px);
  outline: none;
}

#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__cardCtrl:active{
  transform: translateY(0);
}

@media (max-width: 640px){
  #alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__cardCtrl{
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    border-radius: 11px;
  }

  #alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__cardCtrl::before{
    width: 15px;
    height: 15px;
  }
}

#alMemberArea.al-tanks .al-tanksInsightsLayout .al-btn{
  max-width: 100%;
}

/* =========================
   MENUS
========================= */
#alMemberArea.al-tanks .al-menu{
  position: fixed;
  min-width: 220px;
  max-width: min(280px, calc(100vw - 20px));
  padding: 8px;
  border-radius: 18px;
    background: rgba(255,255,255,.98);
  border: 1px solid rgba(15,23,42,.10);

  box-shadow:
    0 24px 60px rgba(15,23,42,.18),
    0 8px 24px rgba(15,23,42,.12);
  overflow: hidden;
  z-index: 1100;
  transform-origin: top right;
  will-change: top, left;
 
}

@media (max-width:767px){
  #alMemberArea.al-tanks .al-menu{
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    min-width: 0;
    max-width: none;
    width: auto;
    border-radius: 20px 20px 0 0;
    margin: 0;
    padding: 10px;
    transform-origin: bottom center;
  }
}

#alMemberArea.al-tanks .al-menu[hidden]{
  display: none !important;
}

#alMemberArea.al-tanks .al-menu__groupLabel{
  padding: 8px 10px 6px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(15,23,42,.48);
}

#alMemberArea.al-tanks .al-menu__item{
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 46px;
  padding: 12px 12px;
  margin: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #0F172A;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -.01em;
  text-align: left;
  box-shadow: none;
  cursor: pointer;
  white-space: normal;
  pointer-events: auto;
}

#alMemberArea.al-tanks .al-menu__item:hover,
#alMemberArea.al-tanks .al-menu__item:focus-visible{
  background: rgba(15,23,42,.05);
  color: #0F172A;
  outline: none;
}

#alMemberArea.al-tanks .al-menu__item.is-danger{
  color: #B91C1C;
}

#alMemberArea.al-tanks .al-menu__item.is-danger:hover,
#alMemberArea.al-tanks .al-menu__item.is-danger:focus-visible{
  background: rgba(185,28,28,.08);
  color: #B91C1C;
}

#alMemberArea.al-tanks .al-menu__divider{
  height: 1px;
  margin: 8px 4px;
  background: rgba(15,23,42,.08);
}

#alMemberArea.al-tanks .al-sheet__item--tank{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 64px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.84);
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
  text-align: left;
}

#alMemberArea.al-tanks .al-sheet__item--tank[aria-current="true"]{
  background: rgba(37,99,235,.08);
  border-color: rgba(37,99,235,.18);
}

#alMemberArea.al-tanks .al-sheet__itemmeta{
  display: grid;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
}

#alMemberArea.al-tanks .al-sheet__itembadge{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(15,23,42,.04);
  color: #0F172A;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

#alMemberArea.al-tanks .al-sheet__item--tank[aria-current="true"] .al-sheet__itembadge{
  background: rgba(37,99,235,.12);
  border-color: rgba(37,99,235,.20);
  color: #1D4ED8;
}

#alMemberArea.al-tanks .al-tanks__cardControls{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 8;
  display: inline-flex;
  gap: 8px;
  pointer-events: auto;
}

#alMemberArea.al-tanks .al-tanks__cardCtrl{
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(15,23,42,.44);
  box-shadow: 0 8px 20px rgba(2,6,23,.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
  transition: transform .14s ease, background-color .14s ease, border-color .14s ease;
  pointer-events: auto;
  overflow: hidden;
}

#alMemberArea.al-tanks .al-tanks__cardCtrl > *{
  pointer-events: none;
}

@media (max-width: 767px){
  #alMemberArea.al-tanks .al-tanks__cardCtrl{
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    border-radius: 11px;
  }
}

#alMemberArea.al-tanks .al-tanks__cardCtrl:hover,
#alMemberArea.al-tanks .al-tanks__cardCtrl:focus-visible{
  background: rgba(15,23,42,.54);
  border-color: rgba(255,255,255,.22);
  transform: translateY(-1px);
  outline: none;
}

#alMemberArea.al-tanks .al-tanks__cardCtrl::before{
  content: "";
  width: 16px;
  height: 16px;
  background: rgba(255,255,255,.96);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  border: 0;
  box-shadow: none;
  pointer-events: none;
}

#alMemberArea.al-tanks .al-tanks__hero{
  position: relative;
  overflow: hidden;
}

#alMemberArea.al-tanks .al-tanks__heroMeta{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-self: flex-start;
  position: relative;
  z-index: 4;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto;
}

#alMemberArea.al-tanks .al-tanks__heroMeta > *{
  pointer-events: auto;
}

#alMemberArea.al-tanks .al-tanks__hero::before,
#alMemberArea.al-tanks .al-tanks__hero::after{
  pointer-events: none;
}

/* =====================================================
   OVERVIEW FOUNDATION
===================================================== */
#alMemberArea.al-tanks .al-tanks__overviewDashboard{
  display:grid;
  gap:16px;
  margin-bottom:20px;
}

#alMemberArea.al-tanks .al-tanks__overviewStatsGrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
}

#alMemberArea.al-tanks .al-tanks__statCard{
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  background:#fff;
  padding:16px;
  min-width:0;
}

#alMemberArea.al-tanks .al-tanks__statLabel{
  font-size:13px;
  margin-bottom:8px;
}

#alMemberArea.al-tanks .al-tanks__statValue{
  font-size:30px;
  line-height:1;
  font-weight:900;
  letter-spacing:-0.03em;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-tanks__statValue--text{
  font-size:20px;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-tanks__statMeta{
  margin-top:8px;
  font-size:13px;
  line-height:1.45;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressCard{
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(56,132,255,.04) 0%, rgba(56,132,255,.01) 100%);
  padding:18px;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressTitle{
  font-size:18px;
  font-weight:900;
  color:var(--al-text);
  line-height:1.1;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressSub{
  margin-top:4px;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressScore{
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:-0.03em;
  color:var(--al-text);
  flex:0 0 auto;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressBar{
  margin-top:14px;
  height:10px;
  border-radius:999px;
  background:rgba(0,0,0,.06);
  overflow:hidden;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressBar > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
}

#alMemberArea.al-tanks .al-tanks__overviewProgressFooter{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

#alMemberArea.al-tanks .al-tanks__overviewSectionHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:6px 0 14px;
}

#alMemberArea.al-tanks .al-tanks__overviewSectionTitle{
  margin:0;
  font-size:18px;
  line-height:1.1;
}

#alMemberArea.al-tanks .al-tanks__overviewSectionSub{
  margin-top:4px;
}

#alMemberArea.al-tanks .al-tanks__overviewChecklist{
  margin-top:16px;
  display:grid;
  gap:10px;
}

#alMemberArea.al-tanks .al-tanks__overviewChecklistItem{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:var(--al-text);
  font-weight:700;
}

#alMemberArea.al-tanks .al-tanks__overviewChecklistDot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#3b82f6;
  margin-top:.45em;
  flex:0 0 auto;
}

#alMemberArea.al-tanks .al-tanks__overviewEmpty--onboarding{
  padding:8px 0 4px;
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__overviewStatsGrid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  #alMemberArea.al-tanks .al-tanks__statCard{
    padding:14px;
    border-radius:16px;
  }

  #alMemberArea.al-tanks .al-tanks__statValue{
    font-size:26px;
  }

  #alMemberArea.al-tanks .al-tanks__statValue--text{
    font-size:18px;
    white-space:normal;
  }

  #alMemberArea.al-tanks .al-tanks__overviewProgressCard{
    padding:16px;
    border-radius:16px;
  }

  #alMemberArea.al-tanks .al-tanks__overviewProgressHead{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  #alMemberArea.al-tanks .al-tanks__overviewProgressScore{
    font-size:22px;
  }
}

@media (max-width:639px){
  #alMemberArea.al-tanks .al-tanks__overviewStatsGrid{
    grid-template-columns:minmax(0,1fr);
  }
}

@media (max-width:1023px){

  /* =========================
     HERO STAGE (Mobile) — FIXED HEIGHT + centered contain
     - Stage has real height (so 100% children work)
     - Upload image + fallback behave identical (no crop)
  ========================== */

  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage{

    /* ✅ SINGLE SOURCE OF TRUTH: real height */
    height: clamp(180px, 24vh, 240px) !important;
    max-height: none !important;
    min-height: 180px !important;

    /* (optional) keep nice proportions for very short viewports */
    /* height: clamp(190px, 28vh, 300px) !important; */

    position: relative !important;
    overflow: hidden !important;

    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.08) !important;

    background: #111 !important;
    isolation: isolate !important;
  }

  /* IMPORTANT: card + inner MUST fill the stage */
  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-card{
    position: relative !important;
    height: 100% !important;
    min-height: 100% !important;
    border-radius: inherit !important;

    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-inner{
    position: relative !important;
    height: 100% !important;
    min-height: 100% !important;

    display: block !important;
    padding: 0 !important;
  }

  /* MEDIA LAYER */
  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-media{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;

    background: #111 !important; /* letterbox fill */
  }

  /* UPLOADED IMAGE (NO CROP, centered as a whole) */
  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-img{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    height: 100% !important;

    transform: translate(-50%, -50%) !important;
    transform-origin: center center !important;

    object-fit: contain !important;      /* ✅ no crop */
    object-position: center center !important;
    display: block !important;

    /* ✅ makes it feel less "tiny" without cropping */
    scale: 1.08 !important;
  }

  /* PLACEHOLDER (same behavior as upload) */
  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-placeholder{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;

    background-color: #111 !important;
    background-image: url('/wp-content/al-members/assets/images/AquariumPlaceholder.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;  /* ✅ no crop */

    /* ✅ same "feel" as scale above, but for background-image */
    background-size: 108% auto !important;

    opacity: .58 !important;
    filter: grayscale(12%) saturate(.85) contrast(.98) !important;
  }

  /* If tanks.css injects ::before with 145% zoom, kill it here */
  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-placeholder::before{
    background-size: contain !important;
    background-position: center center !important;
  }

  /* OVERLAY */
  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage::after{
    content:"";
    position:absolute;
    inset: 0;
    z-index: 1;
    pointer-events:none;
    background:
      radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,0) 35%, rgba(0,0,0,.22) 100%),
      linear-gradient(to top, rgba(0,0,0,.38), rgba(0,0,0,0) 58%);
  }

  /* TOP-RIGHT CONTROLS pinned */
  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__cardControls{
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 8 !important;
    pointer-events: auto !important;
  }


  /* BODY pinned to bottom */
body.page-id-35316 #alMemberArea.al-tanks
section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-overlay{
  position: absolute !important;
  inset: 0 !important;
  z-index: 6 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 10px calc(12px + env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.page-id-35316 #alMemberArea.al-tanks
section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-overlay *{
  pointer-events: auto !important;
}

body.page-id-35316 #alMemberArea.al-tanks
section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-body{
  max-width: 100%;
  overflow: visible;
}

  /* Meta row (chips) */
  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__heroMeta{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }
  
  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__chip{
    white-space: nowrap !important;
  }

  body.page-id-35316 #alMemberArea.al-tanks
  section.al-tanks__hero.al-tanks__hero--stage .al-tanks__tankname{
    text-shadow: 0 2px 12px rgba(0,0,0,.35) !important;
  }

}
#alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty{
  background:
    radial-gradient(120% 140% at 12% 0%, rgba(59,130,246,.18) 0%, rgba(59,130,246,0) 48%),
    radial-gradient(90% 120% at 100% 100%, rgba(16,185,129,.10) 0%, rgba(16,185,129,0) 52%),
    linear-gradient(135deg, #06101d 0%, #08172a 48%, #0b1220 100%);
  border-color: rgba(255,255,255,.08);
  box-shadow:
    0 18px 40px rgba(2,6,23,.22),
    inset 0 1px 0 rgba(255,255,255,.08);
}

#alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty::after{
  background:
    radial-gradient(120% 120% at 50% 20%, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 46%),
    linear-gradient(180deg, rgba(2,6,23,.12) 0%, rgba(2,6,23,.24) 24%, rgba(2,6,23,.68) 100%);
}

#alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__hero-placeholder{
  background-color: transparent !important;
  background-image:
    radial-gradient(circle at 20% 18%, rgba(59,130,246,.22) 0, rgba(59,130,246,0) 22%),
    radial-gradient(circle at 82% 78%, rgba(16,185,129,.12) 0, rgba(16,185,129,0) 20%),
    linear-gradient(135deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 100%) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
  filter: none !important;
}

#alMemberArea.al-tanks .al-tanks__heroCta--empty{
  align-self: flex-start;
  width: min(100%, 460px);
  gap: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.07) 100%);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    0 18px 40px rgba(2,6,23,.18),
    inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__heroCta.al-tanks__heroCta--subtle.al-tanks__heroCta--empty{
    align-self: center;
    width: auto;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 12px;
    gap: 10px;
  }
}

#alMemberArea.al-tanks .al-tanks__heroCtaBadge{
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 22px;
  padding: 0 8px;
  margin-bottom: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.74);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#alMemberArea.al-tanks .al-tanks__heroCtaTitle{
  display: block;
  font-size: 17px;
  line-height: 1.08;
  color: #fff;
  font-weight: 900;
  letter-spacing: -.03em;
}

#alMemberArea.al-tanks .al-tanks__heroCtaSub{
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,.76);
  max-width: 34ch;
}

#alMemberArea.al-tanks .al-tanks__heroCta--empty .al-tanks__heroEmptyInlineBtn{
  min-height: 38px;
  padding-inline: 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  border-color: rgba(255,255,255,.96);
  color: #0f172a;
  box-shadow:
    0 10px 22px rgba(2,6,23,.18),
    inset 0 1px 0 rgba(255,255,255,.7);
}

#alMemberArea.al-tanks .al-tanks__heroCta--empty .al-tanks__heroEmptyInlineBtn:hover{
  background: #fff;
  border-color: #fff;
}

@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty{
    min-height: 240px;
    height: 240px;
  }

  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__hero-overlay{
    padding: 18px 20px;
  }

  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__tankname{
    max-width: min(92%, 620px);
  }
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty{
    min-height: 236px;
    height: 236px;
  }

  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__hero-overlay{
    padding: 12px 12px calc(14px + env(safe-area-inset-bottom));
  }

  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__heroTop{
    justify-content: flex-start;
  }

  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__heroIdentity{
    align-items: flex-start;
  }

  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__titleRow{
    justify-content: flex-start;
  }

  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__tankname{
    max-width: calc(100% - 56px);
    font-size: 24px;
    line-height: 1.04;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #alMemberArea.al-tanks .al-tanks__heroCta--empty{
    width: 100%;
    max-width: none;
    align-items: flex-start;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
  }

  #alMemberArea.al-tanks .al-tanks__heroCta--empty .al-tanks__heroEmptyInlineBtn{
    width: 100%;
    justify-content: center;
  }

  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__heroMeta{
    gap: 6px;
  }

  #alMemberArea.al-tanks .al-tanks__hero.al-tanks__hero--stage.is-cover-empty .al-tanks__chip{
    font-size: 12px;
    padding: 0 10px;
  }
}

/* =====================================================
   TANKS OVERVIEW — HIGH-END UI LAYER
   Ergänzt den neuen Overview-Block visuell
===================================================== */

#alMemberArea.al-tanks .al-tanks__overview{
  margin-bottom: 18px;
}

#alMemberArea.al-tanks .al-tanks__overviewCard{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 20px;
  background:
    radial-gradient(1200px 420px at 100% -10%, rgba(59,130,246,.09) 0%, rgba(59,130,246,0) 55%),
    radial-gradient(900px 320px at -10% 0%, rgba(16,185,129,.05) 0%, rgba(16,185,129,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    0 16px 36px rgba(15, 23, 42, 0.07),
    0 3px 10px rgba(15, 23, 42, 0.03),
    inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#alMemberArea.al-tanks .al-tanks__overviewCard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0) 28%),
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 32%);
}

#alMemberArea.al-tanks .al-tanks__overviewHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom: 2px;
}

#alMemberArea.al-tanks .al-tanks__overviewTitleWrap{
  min-width: 0;
}

#alMemberArea.al-tanks .al-tanks__overviewTitle{
  margin: 0;
  font-size: clamp(24px, 2.6vw, 32px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 950;
  color: var(--al-text);
}

#alMemberArea.al-tanks .al-tanks__overviewSub{
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.45;
  max-width: 640px;
}

#alMemberArea.al-tanks .al-tanks__overviewActions{
  display:flex;
  align-items:center;
  gap:10px;
  flex: 0 0 auto;
}

#alMemberArea.al-tanks .al-tanks__overviewActions .al-btn{
  min-height: 42px;
  border-radius: 999px;
  padding-inline: 16px;
  font-weight: 800;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}

/* =========================
   DASH / STATS
========================= */

#alMemberArea.al-tanks .al-tanks__overviewDash{
  margin-bottom: 20px !important;
}

#alMemberArea.al-tanks .al-tanks__overviewStats{
  gap: 14px !important;
}

#alMemberArea.al-tanks .al-tanks__statCard{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(248,250,252,.96) 100%);
  padding: 18px 18px 16px;
  box-shadow:
    0 14px 32px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.7);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

#alMemberArea.al-tanks .al-tanks__statCard::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(59,130,246,.95), rgba(96,165,250,.35));
  opacity:.9;
}

#alMemberArea.al-tanks .al-tanks__statCard:hover{
  transform: none;
  box-shadow:
    0 14px 32px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.7);
  border-color: rgba(15, 23, 42, 0.06);
}

#alMemberArea.al-tanks .al-tanks__statCard .muted{
  font-size: 12px;
  letter-spacing: .01em;
  text-transform: uppercase;
  font-weight: 800;
  opacity: .78;
}

#alMemberArea.al-tanks .al-tanks__statCard > div[style*="font-size:28px"],
#alMemberArea.al-tanks .al-tanks__statCard > div[style*="font-size:18px"]{
  color: var(--al-text);
  letter-spacing: -0.04em;
}

/* =========================
   ACTIVE TANK SPOTLIGHT
========================= */

#alMemberArea.al-tanks .al-tanks__overviewSpotlight{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 26px;
  background:
    radial-gradient(900px 260px at 100% 0%, rgba(59,130,246,.12) 0%, rgba(59,130,246,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(247,250,252,.98) 100%);
  box-shadow:
    0 18px 42px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks .al-tanks__overviewSpotlight::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0) 32%);
}

#alMemberArea.al-tanks .al-tanks__overviewSpotlightInner{
  position: relative;
  z-index: 1;
  padding: 18px;
  gap: 18px !important;
}

#alMemberArea.al-tanks .al-tanks__overviewSpotlightMedia{
  position: relative;
}

#alMemberArea.al-tanks .al-tanks__overviewSpotlightMedia img,
#alMemberArea.al-tanks .al-tanks__overviewSpotlightMedia > div{
  box-shadow:
    0 18px 38px rgba(15,23,42,.10),
    0 2px 8px rgba(15,23,42,.05);
}

#alMemberArea.al-tanks .al-tanks__overviewSpotlightBody{
  min-width: 0;
}

#alMemberArea.al-tanks .al-tanks__overviewSpotlightBody > .muted:first-child{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 800;
  opacity: .78;
}

#alMemberArea.al-tanks .al-tanks__overviewSpotlightBody > div[style*="font-size:22px"]{
  letter-spacing: -0.04em;
}

#alMemberArea.al-tanks .al-tanks__overviewSpotlight .al-btn{
  min-height: 44px;
  border-radius: 999px;
  padding-inline: 18px;
  font-weight: 850;
  box-shadow: 0 12px 28px rgba(59,130,246,.18);
}

/* =========================
   SECTION HEAD
========================= */

#alMemberArea.al-tanks .al-tanks__overviewSectionHead{
  margin: 4px 0 14px !important;
}

#alMemberArea.al-tanks .al-tanks__overviewSectionHead > div > div:first-child{
  letter-spacing: -0.03em;
}

/* =========================
   TANK GRID / TILE UPGRADE
========================= */

#alMemberArea.al-tanks .al-tanks__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

#alMemberArea.al-tanks .al-tankTile{
  position: relative;
  display:flex;
  flex-direction:column;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,.06);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    0 16px 34px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.72);
  text-decoration: none;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

#alMemberArea.al-tanks .al-tankTile:hover{
  transform: translateY(-3px);
  border-color: rgba(59,130,246,.14);
  box-shadow:
    0 22px 42px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.74);
}

#alMemberArea.al-tanks .al-tankTile.is-active{
  border-color: rgba(59,130,246,.28);
  box-shadow:
    0 24px 46px rgba(59,130,246,.12),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#alMemberArea.al-tanks .al-tankTile__media{
  position: relative;
  aspect-ratio: 1.42 / 1;
  overflow: hidden;
  background: #0f172a;
}

#alMemberArea.al-tanks .al-tankTile__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to top, rgba(15,23,42,.20), rgba(15,23,42,0) 42%);
}

#alMemberArea.al-tanks .al-tankTile__img,
#alMemberArea.al-tanks .al-tankTile__ph{
  width:100%;
  height:100%;
  display:block;
}

#alMemberArea.al-tanks .al-tankTile__img{
  object-fit: cover;
  transition: transform .35s ease;
}

#alMemberArea.al-tanks .al-tankTile:hover .al-tankTile__img{
  transform: scale(1.04);
}

#alMemberArea.al-tanks .al-tankTile__badge{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
  color: #fff;
  background: rgba(59,130,246,.92);
  box-shadow: 0 10px 22px rgba(59,130,246,.28);
}

#alMemberArea.al-tanks .al-tankTile__body{
  padding: 16px 16px 18px;
}

#alMemberArea.al-tanks .al-tankTile__name{
  font-size: 18px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--al-text);
  margin-bottom: 10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-tankTile__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

#alMemberArea.al-tanks .al-tankTile__chip{
  display:inline-flex;
  align-items:center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.045);
  border: 1px solid rgba(15,23,42,.05);
  font-size: 12px;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

#alMemberArea.al-tanks .al-tankTile__chip strong{
  color: var(--al-text);
  font-weight: 900;
}

/* =========================
   EMPTY STATE
========================= */

#alMemberArea.al-tanks .al-tanks__overviewEmpty{
  position: relative;
  overflow: hidden;
  border: 1px dashed rgba(59,130,246,.22);
  border-radius: 24px;
  padding: 26px;
  background:
    radial-gradient(800px 220px at 100% 0%, rgba(59,130,246,.09) 0%, rgba(59,130,246,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.98) 100%);
}

#alMemberArea.al-tanks .al-tanks__overviewEmpty::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0) 36%);
}

#alMemberArea.al-tanks .al-tanks__overviewEmpty > *{
  position: relative;
  z-index: 1;
}

#alMemberArea.al-tanks .al-tanks__overviewChecklist ul{
  color: var(--al-text);
}

#alMemberArea.al-tanks .al-tanks__overviewEmpty .al-btn{
  min-height: 44px;
  border-radius: 999px;
  padding-inline: 18px;
  font-weight: 850;
  box-shadow: 0 12px 28px rgba(59,130,246,.16);
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1100px){
  #alMemberArea.al-tanks .al-tanks__overviewStats{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }

  #alMemberArea.al-tanks .al-tanks__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px){
  #alMemberArea.al-tanks .al-tanks__overviewCard{
    border-radius: 24px;
  }

  #alMemberArea.al-tanks .al-tanks__overviewHead{
    flex-direction: column;
    align-items: flex-start;
  }

  #alMemberArea.al-tanks .al-tanks__overviewActions{
    width: 100%;
  }

  #alMemberArea.al-tanks .al-tanks__overviewActions .al-btn{
    width: 100%;
    justify-content: center;
  }

  #alMemberArea.al-tanks .al-tanks__overviewStats{
    grid-template-columns: 1fr !important;
  }

  #alMemberArea.al-tanks .al-tanks__overviewSpotlightInner{
    grid-template-columns: 1fr !important;
  }

  #alMemberArea.al-tanks .al-tanks__overviewSpotlightMedia{
    max-width: 160px;
  }

  #alMemberArea.al-tanks .al-tanks__grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px){
  #alMemberArea.al-tanks .al-tanks__overviewCard{
    border-radius: 22px;
  }

  #alMemberArea.al-tanks .al-tanks__overviewTitle{
    font-size: 24px;
  }

  #alMemberArea.al-tanks .al-tanks__overviewSub{
    font-size: 13px;
  }

  #alMemberArea.al-tanks .al-tanks__statCard{
    border-radius: 18px;
    padding: 16px;
  }

  #alMemberArea.al-tanks .al-tanks__overviewSpotlight{
    border-radius: 20px;
  }

  #alMemberArea.al-tanks .al-tanks__overviewSpotlightInner{
    padding: 14px;
  }

  #alMemberArea.al-tanks .al-tankTile{
    border-radius: 20px;
  }

  #alMemberArea.al-tanks .al-tankTile__body{
    padding: 14px 14px 16px;
  }

  #alMemberArea.al-tanks .al-tankTile__name{
    font-size: 17px;
  }

  #alMemberArea.al-tanks .al-tankTile__chip{
    min-height: 28px;
    font-size: 11px;
    padding: 0 9px;
  }
}

.al-tasksToday{
  margin-bottom:14px;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}

.al-tasksToday__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.al-tasksToday__kicker{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:800;
}

.al-tasksToday__title{
  font-size:22px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-0.04em;
  color:var(--al-text);
}

.al-tasksToday__stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.al-tasksToday__body{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.al-tasksToday__taskTitle{
  font-weight:900;
  color:var(--al-text);
  line-height:1.15;
}

.al-tasksToday__taskMeta{
  margin-top:4px;
  font-size:13px;
}

.al-taskList{
  display:grid;
  gap:12px;
}

.al-taskItem.is-overdue{
  border-color:rgba(220,38,38,.20);
  background:rgba(254,242,242,.65);
}

.al-taskItem.is-suggested{
  background:rgba(239,246,255,.72);
}

.al-taskItem__main{
  min-width:0;
  flex:1 1 auto;
}

.al-taskItem__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.al-taskItem__title{
  font-weight:900;
  color:var(--al-text);
  line-height:1.15;
}

.al-taskItem__badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.al-taskItem__meta{
  margin-top:6px;
  font-size:13px;
  font-weight:700;
}

.al-taskItem__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

@media (max-width: 720px){
  .al-tasksToday__body{
    flex-direction:column;
    align-items:flex-start;
  }

  .al-taskItem{
    flex-direction:column;
  }

  .al-taskItem__actions{
    width:100%;
    justify-content:flex-start;
  }
}

#alMemberArea.al-tanks .al-tanks__overviewProgressCard{
  padding: 16px 18px;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressTitle{
  font-size: 16px;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressScore{
  font-size: 20px;
  opacity: .88;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressBar{
  height: 8px;
  margin-top: 12px;
}

#alMemberArea.al-tanks .al-tanks__overviewProgressSub,
#alMemberArea.al-tanks .al-tanks__overviewProgressFooter .muted{
  font-size: 13px;
}

#alMemberArea.al-tanks .al-tanks__overviewTasksHero{
  transform: translateZ(0);
  transition: all .25s ease;
}

#alMemberArea.al-tanks .al-tanks__overviewTasksHero:hover{
  transform: none;
}

#alMemberArea.al-tanks .al-chip--accent{
  background: rgba(59,130,246,.12);
  color: #2563eb;
  border-color: rgba(59,130,246,.18);
}
#alMemberArea.al-tanks .al-tanks__overviewTasksMiniStats{
  opacity: .8;
}

#alMemberArea.al-tanks .al-tanks__overviewMiniStat{
  background: rgba(255,255,255,.6);
}

#alMemberArea.al-tanks .al-tanks__overviewProgressCard{
  opacity: .9;
}

/* =====================================================
   TANK CARDS — BIG SCOPE UPGRADE
===================================================== */

#alMemberArea.al-tanks .al-tanks__grid--enhanced{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

#alMemberArea.al-tanks .al-tankTile--enhanced{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(15,23,42,.07);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    0 18px 40px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
  text-decoration:none;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

#alMemberArea.al-tanks .al-tankTile--enhanced:hover{
  transform:translateY(-4px);
  border-color:rgba(59,130,246,.16);
  box-shadow:
    0 24px 48px rgba(15,23,42,.085),
    inset 0 1px 0 rgba(255,255,255,.74);
}

#alMemberArea.al-tanks .al-tankTile--enhanced.is-active{
  border-color:rgba(59,130,246,.28);
  box-shadow:
    0 26px 52px rgba(59,130,246,.14),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#alMemberArea.al-tanks .al-tankTile--enhanced .al-tankTile__media{
  position:relative;
  aspect-ratio:1.34 / 1;
  overflow:hidden;
  background:#0f172a;
}

#alMemberArea.al-tanks .al-tankTile--enhanced .al-tankTile__img,
#alMemberArea.al-tanks .al-tankTile--enhanced .al-tankTile__ph{
  width:100%;
  height:100%;
  display:block;
}

#alMemberArea.al-tanks .al-tankTile--enhanced .al-tankTile__img{
  object-fit:cover;
  transition:transform .4s ease;
}

#alMemberArea.al-tanks .al-tankTile--enhanced:hover .al-tankTile__img{
  transform:scale(1.045);
}

#alMemberArea.al-tanks .al-tankTile--enhanced .al-tankTile__ph{
  background-color:#0f172a;
  background-size:cover !important;
  background-position:center !important;
  opacity:.82;
}

#alMemberArea.al-tanks .al-tankTile__mediaShade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to top, rgba(2,6,23,.72) 0%, rgba(2,6,23,.18) 42%, rgba(2,6,23,.04) 72%, rgba(2,6,23,.02) 100%);
}

#alMemberArea.al-tanks .al-tankTile__mediaTop{
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

#alMemberArea.al-tanks .al-tankTile__mediaTopLeft,
#alMemberArea.al-tanks .al-tankTile__mediaTopRight{
  display:flex;
  align-items:flex-start;
  min-width:0;
}

#alMemberArea.al-tanks .al-tankTile__mediaTopRight{
  margin-left:auto;
}

#alMemberArea.al-tanks .al-tankTile__badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(59,130,246,.95);
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 10px 22px rgba(59,130,246,.28);
}

#alMemberArea.al-tanks .al-tankTile__vis{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:12px;
  font-weight:800;
}

#alMemberArea.al-tanks .al-tankTile__mediaBottom{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:2;
  min-width:0;
}

#alMemberArea.al-tanks .al-tankTile__mediaKicker{
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
  color:rgba(255,255,255,.72);
  margin-bottom:8px;
}

#alMemberArea.al-tanks .al-tankTile__mediaName{
  font-size:24px;
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:950;
  color:#fff;
  text-shadow:0 8px 24px rgba(0,0,0,.28);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-tankTile__mediaSub{
  margin-top:7px;
  font-size:13px;
  line-height:1.4;
  color:rgba(255,255,255,.82);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-tankTile--enhanced .al-tankTile__body{
  padding:16px 16px 14px;
  display:grid;
  gap:14px;
}

#alMemberArea.al-tanks .al-tankTile__metaRow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

#alMemberArea.al-tanks .al-tankTile__metaItem{
  min-width:0;
  border:1px solid rgba(15,23,42,.05);
  border-radius:16px;
  background:rgba(15,23,42,.025);
  padding:10px 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58);
}

#alMemberArea.al-tanks .al-tankTile__metaLabel{
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:800;
  color:rgba(15,23,42,.5);
  margin-bottom:8px;
}

#alMemberArea.al-tanks .al-tankTile__metaValue{
  font-size:15px;
  line-height:1.15;
  font-weight:900;
  color:var(--al-text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-tankTile__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:40px;
  padding:0 2px;
}

#alMemberArea.al-tanks .al-tankTile__footerText{
  font-size:14px;
  line-height:1;
  font-weight:850;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-tankTile__footerArrow{
  font-size:18px;
  line-height:1;
  font-weight:900;
  color:rgba(59,130,246,.92);
  transform:translateX(0);
  transition:transform .18s ease;
}

#alMemberArea.al-tanks .al-tankTile--enhanced:hover .al-tankTile__footerArrow{
  transform:translateX(3px);
}

/* active card extra polish */
#alMemberArea.al-tanks .al-tankTile--enhanced.is-active .al-tankTile__footerText{
  color:#2563eb;
}

#alMemberArea.al-tanks .al-tankTile--enhanced.is-active::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
  z-index:3;
}

/* responsive */
@media (max-width: 1180px){
  #alMemberArea.al-tanks .al-tanks__grid--enhanced{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 760px){
  #alMemberArea.al-tanks .al-tanks__grid--enhanced{
    grid-template-columns:1fr;
    gap:14px;
  }

  #alMemberArea.al-tanks .al-tankTile--enhanced{
    border-radius:22px;
  }

  #alMemberArea.al-tanks .al-tankTile--enhanced .al-tankTile__media{
    aspect-ratio:1.5 / 1;
  }

  #alMemberArea.al-tanks .al-tankTile__mediaName{
    font-size:21px;
  }

  #alMemberArea.al-tanks .al-tankTile__mediaSub{
    font-size:12px;
  }

  #alMemberArea.al-tanks .al-tankTile__metaRow{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 520px){
  #alMemberArea.al-tanks .al-tankTile--enhanced .al-tankTile__body{
    padding:14px 14px 12px;
    gap:12px;
  }

  #alMemberArea.al-tanks .al-tankTile__metaRow{
    grid-template-columns:1fr;
  }

  #alMemberArea.al-tanks .al-tankTile__mediaBottom{
    left:12px;
    right:12px;
    bottom:12px;
  }

  #alMemberArea.al-tanks .al-tankTile__mediaName{
    font-size:19px;
  }

  #alMemberArea.al-tanks .al-tankTile__vis,
  #alMemberArea.al-tanks .al-tankTile__badge{
    min-height:28px;
    padding:0 9px;
    font-size:11px;
  }
}

/* =========================================
   SMART PLACEHOLDER (HIGH-END)
========================================= */

#alMemberArea.al-tanks .al-tankTile__ph{
  position:relative;
  width:100%;
  height:100%;
  display:block;
}

#alMemberArea.al-tanks .al-tankTile__phOverlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(255,255,255,.18), transparent 50%),
    radial-gradient(120% 80% at 100% 100%, rgba(0,0,0,.25), transparent 60%);
}
#alMemberArea.al-tanks .al-tankTile--enhanced.is-active{
  transform: translateY(-2px);
  border-color: rgba(59,130,246,.35);
  box-shadow:
    0 28px 60px rgba(59,130,246,.18),
    inset 0 1px 0 rgba(255,255,255,.8);
}

#alMemberArea.al-tanks .al-tankTile--enhanced.is-active .al-tankTile__mediaShade{
  background:
    linear-gradient(to top, rgba(2,6,23,.55), rgba(2,6,23,.1));
}

#alMemberArea.al-tanks .al-tankTile--enhanced:hover .al-tankTile__mediaName{
  transform: translateY(-1px);
}

#alMemberArea.al-tanks .al-tankTile__mediaName{
  transition: transform .2s ease;
}
/* =========================================
   DETAIL HERO UPGRADE
========================================= */

#alMemberArea.al-tanks .al-tanks__hero-overlay{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:12px;
}

#alMemberArea.al-tanks .al-tanks__heroTop{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

#alMemberArea.al-tanks .al-tanks__heroIdentity{
  min-width:0;
}

#alMemberArea.al-tanks .al-tanks__tankname{
  display:block;
  font-size:clamp(24px, 3vw, 40px);
  line-height:1.02;
  letter-spacing:-0.04em;
  font-weight:950;
  color:#fff;
  text-shadow:0 8px 30px rgba(0,0,0,.35);
}

#alMemberArea.al-tanks .al-tanks__heroSubline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:8px;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.4;
}

#alMemberArea.al-tanks .al-tanks__heroDot{
  opacity:.6;
}

#alMemberArea.al-tanks .al-tanks__heroActions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

#alMemberArea.al-tanks .al-tanks__heroActions .al-btn{
  min-height:42px;
  border-radius:999px;
  padding-inline:16px;
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__heroTop{
    display:block;
  }

  #alMemberArea.al-tanks .al-tanks__heroSubline{
    margin-top:6px;
    font-size:13px;
  }

  #alMemberArea.al-tanks .al-tanks__tankname{
    font-size:clamp(18px, 5vw, 28px);
  }
}

/* =========================================
   HERO SIGNALS
========================================= */

#alMemberArea.al-tanks .al-tanks__heroSignals{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:10px;
  width:100%;
}

#alMemberArea.al-tanks .al-tanks__heroSignal{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  min-height:54px;
  flex:0 0 auto;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

#alMemberArea.al-tanks .al-tanks__heroSignalLabel{
  display:block;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:800;
  color:rgba(255,255,255,.64);
  margin-bottom:7px;
}

#alMemberArea.al-tanks .al-tanks__heroSignalValue{
  display:block;
  font-size:15px;
  line-height:1.15;
  font-weight:900;
  color:#fff;
  letter-spacing:-0.02em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__heroSignals{
    display:none;
  }
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanks__heroSignal{
    flex:0 0 auto;
    max-width:none;
    min-width:0;
    min-height:46px;
    padding:8px 9px;
  }

  #alMemberArea.al-tanks .al-tanks__heroSignalLabel{
    margin-bottom:5px;
    font-size:10px;
  }

#alMemberArea.al-tanks .al-tanks__heroSignalLabel{
  display:block;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:800;
  color:rgba(255,255,255,.64);
  margin-bottom:7px;
}

#alMemberArea.al-tanks .al-tanks__heroSignalValue{
  display:block;
  font-size:15px;
  line-height:1.15;
  font-weight:900;
  color:#fff;
  letter-spacing:-0.02em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__heroSignals{
    gap:8px;
  }

  #alMemberArea.al-tanks .al-tanks__heroSignal{
    flex:0 0 calc(50% - 4px);
    max-width:calc(50% - 4px);
    min-width:0;
    min-height:48px;
    border-radius:14px;
    padding:9px 10px;
  }

  #alMemberArea.al-tanks .al-tanks__heroSignalValue{
    font-size:14px;
  }
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanks__heroSignal{
    flex:0 0 calc(50% - 4px);
    max-width:calc(50% - 4px);
    min-width:0;
    min-height:46px;
    padding:8px 9px;
  }

  #alMemberArea.al-tanks .al-tanks__heroSignalLabel{
    margin-bottom:5px;
    font-size:10px;
  }

  #alMemberArea.al-tanks .al-tanks__heroSignalValue{
    font-size:13px;
  }

  #alMemberArea.al-tanks .al-tanks__heroSignal.al-tanks__heroSignal--hideMobile{
    display:none !important;
  }
}

/* =========================================
   DATA TAB — REAL FOUNDATION
========================================= */

#alMemberArea.al-tanks .al-dataSection{
  display:grid;
  gap:16px;
}

#alMemberArea.al-tanks .al-dataSection__hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border:1px solid rgba(15,23,42,.06);
  border-radius:22px;
  background:
    radial-gradient(900px 240px at 100% 0%, rgba(59,130,246,.08) 0%, rgba(59,130,246,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    0 14px 34px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.7);
}

#alMemberArea.al-tanks .al-dataSection__kicker{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:800;
}

#alMemberArea.al-tanks .al-dataSection__title{
  margin:4px 0 0;
  font-size:24px;
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:950;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-dataSection__sub{
  margin-top:8px;
  max-width:720px;
  line-height:1.55;
}

#alMemberArea.al-tanks .al-dataSection__actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
}

#alMemberArea.al-tanks .al-dataCards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

#alMemberArea.al-tanks .al-dataCards--3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#alMemberArea.al-tanks .al-dataCards--4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

#alMemberArea.al-tanks .al-dataCard{
  min-width:0;
  padding:16px;
  border:1px solid rgba(15,23,42,.06);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:
    0 10px 24px rgba(15,23,42,.03),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks .al-dataCard__label{
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:800;
  color:rgba(15,23,42,.54);
  margin-bottom:10px;
}

#alMemberArea.al-tanks .al-dataCard__value{
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:950;
  color:var(--al-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#alMemberArea.al-tanks .al-dataEmpty{
  padding:18px;
  border:1px dashed rgba(15,23,42,.10);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(248,250,252,.92) 100%);
}

#alMemberArea.al-tanks .al-dataEmpty__title{
  font-size:18px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.03em;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-dataEmpty__sub{
  margin-top:8px;
  max-width:760px;
  line-height:1.55;
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-dataSection__hero{
    flex-direction:column;
    align-items:flex-start;
  }

  #alMemberArea.al-tanks .al-dataSection__actions{
    width:100%;
  }

  #alMemberArea.al-tanks .al-dataSection__actions .al-btn{
    width:100%;
    justify-content:center;
  }

  #alMemberArea.al-tanks .al-dataCards,
  #alMemberArea.al-tanks .al-dataCards--3,
  #alMemberArea.al-tanks .al-dataCards--4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}



@media (max-width:640px){
  #alMemberArea.al-tanks .al-dataSection__title{
    font-size:21px;
  }

#alMemberArea.al-tanks .al-dataCards,
  #alMemberArea.al-tanks .al-dataCards--3,
  #alMemberArea.al-tanks .al-dataCards--4{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #alMemberArea.al-tanks .al-dataCard{
    padding:12px;
  }

  #alMemberArea.al-tanks .al-dataCard__value{
    font-size:16px;
    line-height:1.15;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
}

  #alMemberArea.al-tanks .al-dataCard{
    padding:14px;
    border-radius:16px;
  }

  #alMemberArea.al-tanks .al-dataEmpty{
    padding:16px;
    border-radius:18px;
  }
}

/* =========================================
   SETUP INTELLIGENCE
========================================= */

#alMemberArea.al-tanks .al-setupStatus{
  margin-bottom:16px;
  padding:18px;
  border:1px solid rgba(15,23,42,.06);
  border-radius:22px;
  background:
    radial-gradient(900px 240px at 100% 0%, rgba(59,130,246,.08) 0%, rgba(59,130,246,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:
    0 14px 34px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.7);
}

#alMemberArea.al-tanks .al-setupStatus__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

#alMemberArea.al-tanks .al-setupStatus__title{
  margin-top:4px;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:950;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-setupStatus__score{
  flex:0 0 auto;
  font-size:24px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-setupStatus__bar{
  margin-top:14px;
  height:10px;
  border-radius:999px;
  background:rgba(15,23,42,.07);
  overflow:hidden;
}

#alMemberArea.al-tanks .al-setupStatus__bar > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
}

#alMemberArea.al-tanks .al-setupStatus__sub{
  margin-top:10px;
  line-height:1.5;
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-setupStatus{
    padding:16px;
    border-radius:18px;
  }

  #alMemberArea.al-tanks .al-setupStatus__head{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  #alMemberArea.al-tanks .al-setupStatus__score{
    font-size:22px;
  }
}

#alMemberArea.al-tanks .al-setupStatus__score{
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-setupStatus__sub{
  max-width:62ch;
}

#alMemberArea.al-tanks .al-setupStatus__bar > span{
  transition:width .22s ease;
}

#alMemberArea.al-tanks .al-tanks__hero-overlay{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:10px;
}

#alMemberArea.al-tanks .al-tanks__heroTop{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:16px;
}

#alMemberArea.al-tanks .al-tanks__heroIdentity{
  min-width:0;
}

#alMemberArea.al-tanks .al-tanks__titleRow{
  min-width:0;
}

#alMemberArea.al-tanks .al-tanks__tankname{
  display:block;
  font-size:clamp(24px, 3vw, 40px);
  line-height:1.02;
  letter-spacing:-0.04em;
  font-weight:950;
  color:#fff;
  text-shadow:0 8px 30px rgba(0,0,0,.35);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#alMemberArea.al-tanks .al-tanks__heroSubline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:8px;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.4;
}

#alMemberArea.al-tanks .al-tanks__heroDot{
  opacity:.55;
}

#alMemberArea.al-tanks .al-tanks__heroActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}

#alMemberArea.al-tanks .al-tanks__heroActions .al-btn{
  min-height:42px;
  border-radius:999px;
  padding-inline:16px;
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-tanks__heroCta--subtle{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  width:auto;
  max-width:max-content;
  padding:0;
  background:none;
  border:0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}

#alMemberArea.al-tanks .al-tanks__heroEmptyInlineBtn{
  min-height:34px;
  border-radius:999px;
}

@media (max-width: 1023px){
  #alMemberArea.al-tanks .al-tanks__heroTop{
    grid-template-columns:minmax(0,1fr);
    align-items:end;
    gap:12px;
  }

  #alMemberArea.al-tanks .al-tanks__tankname{
    font-size:clamp(20px, 6vw, 30px);
  }

  #alMemberArea.al-tanks .al-tanks__heroSubline{
    font-size:13px;
    margin-top:6px;
  }

  #alMemberArea.al-tanks .al-tanks__heroActions{
    display:none;
  }
}

@media (max-width: 1023px){

  #alMemberArea.al-tanks .al-tanks__heroTop{
    grid-template-columns:minmax(0,1fr);
    align-items:end;
    gap:12px;
    text-align:center; /* 🔥 wichtig */
  }

  #alMemberArea.al-tanks .al-tanks__heroIdentity{
    display:flex;
    flex-direction:column;
    align-items:center; /* 🔥 sorgt für echtes Centering */
  }

  #alMemberArea.al-tanks .al-tanks__titleRow{
    width:100%;
    display:flex;
    justify-content:center;
  }

  #alMemberArea.al-tanks .al-tanks__tankname{
    font-size:clamp(20px, 6vw, 30px);
    text-align:center; /* fallback + wichtig bei ellipsis */
  }

  #alMemberArea.al-tanks .al-tanks__heroSubline{
    font-size:13px;
    margin-top:6px;
    justify-content:center; /* falls du sie später wieder nutzt */
  }

  #alMemberArea.al-tanks .al-tanks__heroActions{
    display:none;
  }
}

/* =========================================
   HERO CTA SUBTLE
========================================= */
#alMemberArea.al-tanks .al-tanks__heroCta--subtle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

#alMemberArea.al-tanks .al-tanks__chip--visibility{
  border-color:rgba(255,255,255,.18);
}

#alMemberArea.al-tanks .al-tanks__chip--visibility-public{
  color:#f4fff8;
  background:linear-gradient(180deg, rgba(47,180,116,.32) 0%, rgba(25,122,78,.22) 100%);
  border-color:rgba(98,210,152,.45);
  box-shadow:0 0 0 1px rgba(98,210,152,.16) inset;
}

#alMemberArea.al-tanks .al-tanks__chip--visibility-private{
  color:rgba(255,255,255,.92);
  background:linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.08) 100%);
  border-color:rgba(255,255,255,.16);
}

#alMemberArea.al-tanks .al-tanks__heroCta--subtle{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

@media (max-width:1023px){

  /* 🔥 Container */
  #alMemberArea.al-tanks .al-tanks__heroCta.al-tanks__heroCta--subtle.al-tanks__heroCta--empty{
    align-self:center;
    justify-content:center;   /* ❗ KEY FIX */
    text-align:center;
    gap:10px;
  }

  /* 🔥 Text */
  #alMemberArea.al-tanks .al-tanks__heroCta--empty .al-tanks__heroCtaText{
    align-items:center;
    text-align:center;
  }

  /* 🔥 BUTTON (DEIN PUNKT) */
  #alMemberArea.al-tanks .al-tanks__heroEmptyInlineBtn{
    margin-left:auto;
    margin-right:auto;
    display:flex;
    justify-content:center;
  }

}

@media (min-width:1024px){

  #alMemberArea.al-tanks .al-tanks__heroCta.al-tanks__heroCta--subtle.al-tanks__heroCta--empty{
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
  }

  #alMemberArea.al-tanks .al-tanks__heroCtaText{
    text-align: center;
    align-items: center;
  }

}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__heroCta.al-tanks__heroCta--subtle.al-tanks__heroCta--empty{
    align-self: center;
    width: auto;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    text-align: center;
  }

  #alMemberArea.al-tanks .al-tanks__heroCta.al-tanks__heroCta--subtle.al-tanks__heroCta--empty .al-tanks__heroCtaText{
    align-items: center;
    text-align: center;
  }
}

#alMemberArea.al-tanks .al-tanks__heroCtaText{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

#alMemberArea.al-tanks .al-tanks__heroCtaText strong{
  font-size:13px;
  line-height:1.15;
  color:#fff;
  font-weight:900;
}

#alMemberArea.al-tanks .al-tanks__heroCtaText span{
  font-size:12px;
  line-height:1.4;
  color:rgba(255,255,255,.72);
}

/* =========================================================
   Public Tank Showcase
========================================================= */
#alMemberArea.al-tanks .al-publicTankPage{
  display:grid;
  gap:14px;
}

#alMemberArea.al-tanks.is-public .al-publicTankHero{
  min-height:clamp(240px, 48vw, 420px);
  overflow:hidden;
  box-shadow:
    0 28px 70px rgba(15,23,42,.14),
    inset 0 1px 0 rgba(255,255,255,.14);
}

#alMemberArea.al-tanks.is-public .al-publicTankHero .al-tanks__hero-inner{
  min-height:inherit;
}

#alMemberArea.al-tanks.is-public .al-publicTankHero .al-tanks__hero-bg{
  object-fit:cover;
  transform:scale(1.08);
}

#alMemberArea.al-tanks.is-public .al-publicTankHero .al-tanks__hero-img{
  object-fit:cover;
  transform:scale(var(--al-cover-scale, 1));
}

#alMemberArea.al-tanks.is-public .al-publicTankSurface{
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(66, 153, 120, .08), rgba(66, 153, 120, 0) 50%),
    radial-gradient(120% 160% at 100% 100%, rgba(59,130,246,.06), rgba(59,130,246,0) 48%),
    linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(248,250,252,.985) 100%);
  box-shadow:
    0 18px 48px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.78);
}

#alMemberArea.al-tanks.is-public .al-publicTankSurface::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.24) 25%, transparent 25%),
    linear-gradient(225deg, rgba(255,255,255,.14) 25%, transparent 25%);
  background-size:22px 22px;
}

#alMemberArea.al-tanks.is-public .al-publicTankSurface--snapshot .al-tanksSurface__body{
  padding-top:12px;
}

#alMemberArea.al-tanks .al-publicTankSignals{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

#alMemberArea.al-tanks .al-publicTankSignal{
  min-width:0;
  border:1px solid rgba(15,23,42,.07);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,247,250,.98) 100%);
  padding:14px 15px;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}

#alMemberArea.al-tanks .al-publicTankSignal__label{
  display:block;
  font-size:11px;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(15,23,42,.56);
}

#alMemberArea.al-tanks .al-publicTankSignal__value{
  display:block;
  margin-top:10px;
  font-size:18px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.03em;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-publicTankZones{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

#alMemberArea.al-tanks .al-publicTankZones .al-plantZone{
  border:1px solid rgba(15,23,42,.07);
  border-radius:20px;
  padding:14px;
  background:
    radial-gradient(120% 150% at 0% 0%, rgba(66,153,120,.08), rgba(66,153,120,0) 54%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,247,250,.98) 100%);
  box-shadow:0 14px 28px rgba(15,23,42,.05);
}

#alMemberArea.al-tanks.is-public .al-publicTankSurface .al-dataCard,
#alMemberArea.al-tanks.is-public .al-publicTankSurface .al-setupMetric,
#alMemberArea.al-tanks.is-public .al-publicTankSurface .al-waterInsight{
  border:1px solid rgba(15,23,42,.07);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,247,250,.98) 100%);
  box-shadow:0 12px 26px rgba(15,23,42,.05);
}

#alMemberArea.al-tanks .al-publicTankPlant{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,247,250,.98) 100%);
  border:1px solid rgba(15,23,42,.06);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}

#alMemberArea.al-tanks .al-publicTankPlant--link{
  width:100%;
  appearance:none;
  text-align:left;
  cursor:pointer;
  font:inherit;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#alMemberArea.al-tanks .al-publicTankPlant--link:hover,
#alMemberArea.al-tanks .al-publicTankPlant--link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(66,153,120,.24);
  box-shadow:0 18px 32px rgba(15,23,42,.08);
}

#alMemberArea.al-tanks .al-publicTankPlant__main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

#alMemberArea.al-tanks .al-publicTankPlant__thumb{
  width:52px;
  height:52px;
  flex:0 0 52px;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg, rgba(228,239,235,.9) 0%, rgba(244,247,250,.95) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

#alMemberArea.al-tanks .al-publicTankPlant__thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

#alMemberArea.al-tanks .al-publicTankPlant__thumbFallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  color:rgba(15,23,42,.48);
}

#alMemberArea.al-tanks .al-publicTankPlant__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

#alMemberArea.al-tanks .al-publicTankPlant__name{
  min-width:0;
  font-weight:700;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-publicTankPlant__meta{
  font-size:12px;
  line-height:1.35;
  color:rgba(15,23,42,.58);
}

#alMemberArea.al-tanks .al-publicTankPlant__side{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
}

#alMemberArea.al-tanks .al-publicTankPlant__qty{
  flex:0 0 auto;
  font-size:12px;
  line-height:1;
  font-weight:800;
  color:rgba(15,23,42,.62);
  border-radius:999px;
  padding:6px 9px;
  background:rgba(15,23,42,.05);
}

#alMemberArea.al-tanks .al-publicTankPlant__cta{
  font-size:12px;
  line-height:1;
  font-weight:900;
  color:var(--al-brand);
}

#alMemberArea.al-tanks .al-publicTankHardscape{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:12px;
}

#alMemberArea.al-tanks .al-publicTankDosing{
  display:grid;
  gap:12px;
  margin-top:14px;
}

#alMemberArea.al-tanks .al-publicTankMetaRow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

#alMemberArea.al-tanks .al-publicTankMetaRow .al-tanks__chip{
  color:var(--al-text);
  border-color:rgba(15,23,42,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(244,247,250,.96) 100%);
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}

#alMemberArea.al-tanks .al-publicTankLog{
  display:block;
}

#alMemberArea.al-tanks .al-publicTankLog__summary{
  list-style:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:22px 22px 0;
  cursor:pointer;
}

#alMemberArea.al-tanks .al-publicTankLog__summary::-webkit-details-marker{
  display:none;
}

#alMemberArea.al-tanks .al-publicTankLog__toggle{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  font-size:12px;
  font-weight:800;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-publicTankLog[open] .al-publicTankLog__toggle{
  background:rgba(15,23,42,.04);
}

#alMemberArea.al-tanks .al-publicTankUnavailable{
  overflow:hidden;
}

#alMemberArea.al-tanks.is-public.is-public-unavailable [data-public-showcase]{
  display:none !important;
}

#alMemberArea.al-tanks.is-public.is-public-unavailable [data-public-unavailable]{
  display:block !important;
}

#alMemberArea.al-tanks .al-publicTankUnavailable__panel{
  border:1px dashed rgba(15,23,42,.12);
  border-radius:18px;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(59,130,246,.08), rgba(59,130,246,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
  padding:18px;
  box-shadow:0 18px 36px rgba(15,23,42,.05);
}

#alMemberArea.al-tanks .al-publicTankUnavailable__title{
  font-size:18px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.03em;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-publicTankUnavailable__text{
  margin-top:8px;
  max-width:50ch;
  color:rgba(15,23,42,.72);
}

/* =========================================================
   Visibility Sheet
========================================================= */
#alMemberArea.al-tanks .al-visibilityIntro{
  margin-bottom:14px;
  line-height:1.5;
}

#alMemberArea.al-tanks .al-visibilityList{
  display:grid;
  gap:12px;
}

#alMemberArea.al-tanks .al-visibilityRow{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:14px;
  padding:14px 15px;
  border:1px solid rgba(15,23,42,.06);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
}

#alMemberArea.al-tanks .al-visibilityRow__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

#alMemberArea.al-tanks .al-visibilityRow__label{
  font-size:15px;
  line-height:1.2;
  font-weight:900;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-visibilityRow__sub{
  line-height:1.45;
}

#alMemberArea.al-tanks .al-visibilityToggle{
  position:relative;
  flex:0 0 auto;
  width:52px;
  height:32px;
}

#alMemberArea.al-tanks .al-visibilityToggle input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
}

#alMemberArea.al-tanks .al-visibilityToggle i{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:rgba(148,163,184,.36);
  transition:background .18s ease, box-shadow .18s ease;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.07);
}

#alMemberArea.al-tanks .al-visibilityToggle i::before{
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 6px 14px rgba(15,23,42,.18);
  transition:transform .18s ease;
}

#alMemberArea.al-tanks .al-visibilityToggle input:checked + i{
  background:linear-gradient(180deg, #2f8e66 0%, #1f6f53 100%);
}

#alMemberArea.al-tanks .al-visibilityToggle input:checked + i::before{
  transform:translateX(20px);
}

#alMemberArea.al-tanks .al-visibilityToggle input:focus-visible + i{
  outline:2px solid rgba(47,142,102,.42);
  outline-offset:2px;
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-publicTankHero{
    min-height:260px;
  }

  #alMemberArea.al-tanks .al-publicTankZones,
  #alMemberArea.al-tanks .al-publicTankHardscape{
    grid-template-columns:1fr;
  }

  #alMemberArea.al-tanks .al-publicTankPlant{
    align-items:flex-start;
  }
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-publicTankSignals{
    grid-template-columns:1fr;
  }

  #alMemberArea.al-tanks .al-publicTankLog__summary{
    flex-direction:column;
    align-items:stretch;
    padding:18px 16px 0;
  }

  #alMemberArea.al-tanks .al-publicTankLog__toggle{
    width:max-content;
  }

  #alMemberArea.al-tanks .al-visibilityRow{
    grid-template-columns:minmax(0, 1fr) auto;
    padding:13px 14px;
    border-radius:16px;
  }
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__heroSummary{
    margin-top:8px;
    font-size:13px;
    line-height:1.45;
  }

  #alMemberArea.al-tanks .al-tanks__heroFocus{
    width:100%;
    padding:12px;
    border-radius:16px;
  }

  #alMemberArea.al-tanks .al-tanks__heroFocusTitle{
    font-size:18px;
  }

  #alMemberArea.al-tanks .al-tanks__heroCta--subtle:not(.al-tanks__heroCta--empty){
    flex-direction:column;
    align-items:flex-start;
  }

  #alMemberArea.al-tanks .al-tanks__heroCta--subtle:not(.al-tanks__heroCta--empty) .al-btn{
    width:100%;
    justify-content:center;
  }
}



/* =========================================================
   Water tests — compact recent test rows
========================================================= */
#alMemberArea.al-tanks .al-waterTestsList{
  display: grid;
  gap: 10px;
}

#alMemberArea.al-tanks .al-waterTestRow{
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 8px 20px rgba(15,23,42,.04);
}

#alMemberArea.al-tanks .al-waterTestRow__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

#alMemberArea.al-tanks .al-waterTestRow__date{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -.01em;
  color: rgba(15,23,42,.74);
}

#alMemberArea.al-tanks .al-waterTestRow__metrics{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
}

#alMemberArea.al-tanks .al-waterMetric{
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 14px;
  background: rgba(15,23,42,.02);
  padding: 10px 12px;
}

#alMemberArea.al-tanks .al-waterMetric__label{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(15,23,42,.56);
  margin-bottom: 4px;
}

#alMemberArea.al-tanks .al-waterMetric__value{
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.03em;
  color: #0F172A;
}

@media (max-width: 720px){
  #alMemberArea.al-tanks .al-waterTestRow__metrics{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

#alMemberArea.al-tanks .al-card:has(nav.al-subtabs){
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =========================================================
   Data surface — remove stacked vertical spacing on mobile
========================================================= */
@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanksSurface--data .al-tanksSurface__body{
    padding-top: 12px !important;   /* kompakter */
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 14px !important;
  }

  #alMemberArea.al-tanks .al-tanksSurface--data nav.al-subtabs{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    margin-left: -4px !important;
    margin-right: -4px !important;
  }
}

#alMemberArea.al-tanks .al-tanksSignalsList{
  display:grid;
  gap:8px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(15,23,42,.08);
}

#alMemberArea.al-tanks .al-tanksSignalsList__item{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

#alMemberArea.al-tanks .al-tanksSignalsList__dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:currentColor;
  opacity:.55;
  margin-top:6px;
  flex:0 0 auto;
}

#alMemberArea.al-tanks .al-tanksSignalsList__text{
  font-size:13px;
  line-height:1.45;
  color:#0f172a;
}

#alMemberArea.al-tanks .al-tankTile__progress{
  margin-top:14px;
}

#alMemberArea.al-tanks .al-tankTile__progressTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

#alMemberArea.al-tanks .al-tankTile__progressLabel{
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  color:rgba(15,23,42,.64);
  text-transform:uppercase;
  letter-spacing:.04em;
}

#alMemberArea.al-tanks .al-tankTile__progressValue{
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  color:#0f172a;
}

#alMemberArea.al-tanks .al-tankTile__progressBar{
  position:relative;
  height:8px;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  overflow:hidden;
}

#alMemberArea.al-tanks .al-tankTile__progressBar > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(59,130,246,.85), rgba(16,185,129,.85));
}

#alMemberArea.al-tanks .al-tankTile__story{
  margin-top:14px;
  padding:12px 13px;
  border-radius:16px;
  background:rgba(248,250,252,.86);
  border:1px solid rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-tankTile__storyLabel{
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:rgba(15,23,42,.56);
  margin-bottom:4px;
}

#alMemberArea.al-tanks .al-tankTile__storyValue{
  font-size:13px;
  line-height:1.4;
  font-weight:800;
  color:#0f172a;
}

#alMemberArea.al-tanks .al-tankTile__footMeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  margin-top:14px;
  font-size:12px;
  line-height:1.35;
  color:rgba(15,23,42,.62);
}

#alMemberArea.al-tanks .al-tanks__priorityBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 9px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

@media (max-width: 640px){
  #alMemberArea.al-tanks .al-tanksNextStep__meta{
    align-items: flex-start;
  }

  #alMemberArea.al-tanks .al-tanks__priorityBadge{
    align-self: flex-start;
    width: auto;
  }
}

#alMemberArea.al-tanks .al-tanks__priorityBadge--urgent{
  background:rgba(239,68,68,.88);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}

#alMemberArea.al-tanks .al-tanks__priorityBadge--high{
  background:rgba(245,158,11,.88);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}

#alMemberArea.al-tanks .al-tanks__priorityBadge--normal{
  background:rgba(37,99,235,.88);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}

#alMemberArea.al-tanks .al-tanks__priorityBadge--low{
  background:rgba(15,23,42,.72);
  color:#fff;
  border-color:rgba(255,255,255,.14);
}

#alMemberArea.al-tanks .al-tanksInsight__valueWrap{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

#alMemberArea.al-tanks .al-tanks__overviewNextTaskTitleRow{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:2px;
}

/* =====================================================
   TANK MODAL — compact name + cover manager
===================================================== */
#alMemberArea.al-tanks .al-tankmodal{
  position: fixed;
  width: auto;
  max-width: none;
}

#alMemberArea.al-tanks .al-tankmodal__head{
  padding:18px 18px 14px;
}

#alMemberArea.al-tanks .al-tankmodal__title{
  letter-spacing:-.03em;
}

#alMemberArea.al-tanks .al-tankmodal__sub{
  margin-top:4px;
  font-size:13px;
}

#alMemberArea.al-tanks .al-tankmodal__body{
  display:grid;
  gap:14px;
  padding:16px 18px 18px;
}

#alMemberArea.al-tanks .al-tankmodal__section{
  display:grid;
  gap:10px;
}

#alMemberArea.al-tanks .al-tankmodal__section--cover{
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(248,250,252,.92) 0%, rgba(255,255,255,.98) 100%);
}

#alMemberArea.al-tanks .al-tankmodal__labelRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

#alMemberArea.al-tanks .al-tankmodal__hint{
  margin-top:3px;
  font-size:13px;
  line-height:1.4;
}

#alMemberArea.al-tanks .al-tankmodal__coverCard{
  display:grid;
  gap:10px;
}

#alMemberArea.al-tanks .al-tankmodal__coverEmpty{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:74px;
  padding:12px 14px;
  border:1px dashed rgba(15,23,42,.14);
  border-radius:16px;
  background:rgba(255,255,255,.78);
}

#alMemberArea.al-tanks .al-tankmodal__coverEmptyIcon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(37,99,235,.08);
  font-size:18px;
  flex:0 0 auto;
}

#alMemberArea.al-tanks .al-tankmodal__coverEmptyTitle{
  font-weight:900;
  letter-spacing:-.02em;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tankmodal__coverEmptySub{
  margin-top:2px;
  font-size:13px;
}

#alMemberArea.al-tanks .al-tankmodal__preview{
  display:grid;
  grid-template-columns:96px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:#fff;
}

#alMemberArea.al-tanks .al-tankmodal__previewImg{
  width:96px;
  height:64px;
  object-fit:cover;
  border-radius:12px;
  display:block;
  background:#E5E7EB;
}

#alMemberArea.al-tanks .al-tankmodal__previewMeta{
  min-width:0;
}

#alMemberArea.al-tanks .al-tankmodal__previewLabel{
  font-weight:900;
  letter-spacing:-.02em;
  color:#0F172A;
}

#alMemberArea.al-tanks .al-tankmodal__previewHint{
  margin-top:3px;
  font-size:13px;
  line-height:1.4;
}

#alMemberArea.al-tanks .al-tankmodal__previewActions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

#alMemberArea.al-tanks .al-tankmodal__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding-top:6px;
}

#alMemberArea.al-tanks .al-tankmodal{
  position: fixed;
  width: auto;
  max-width: none;
}

#alMemberArea.al-tanks .al-tankmodal .al-modal__panel{
  width: min(620px, calc(100vw - 40px));
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tankmodal{
    width: 100%;
    max-width: 100%;
  }

  #alMemberArea.al-tanks .al-tankmodal .al-modal__panel{
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tankmodal{
    width:100%;
    max-width:100%;
  }
  
  #alMemberArea.al-tanks .al-tankmodal__head{
    padding:16px 14px 12px;
  }

  #alMemberArea.al-tanks .al-tankmodal__body{
    padding:14px;
    gap:12px;
  }

  #alMemberArea.al-tanks .al-tankmodal__section--cover{
    padding:12px;
    border-radius:16px;
  }

  #alMemberArea.al-tanks .al-tankmodal__labelRow{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:12px;
  }
  
  #alMemberArea.al-tanks .al-tankmodal__preview{
    grid-template-columns:72px minmax(0,1fr);
    align-items:start;
  }

  #alMemberArea.al-tanks .al-tankmodal__previewImg{
    width:72px;
    height:52px;
    border-radius:10px;
  }

  #alMemberArea.al-tanks .al-tankmodal__previewActions{
    grid-column:1 / -1;
    justify-content:flex-start;
    padding-top:2px;
  }

  #alMemberArea.al-tanks .al-tankmodal__actions{
    padding-top:4px;
  }
}

/* =====================================================
   COVER ADJUSTER
===================================================== */
#alMemberArea.al-tanks .al-coveradjust{
  width:100%;
  max-width:100%;
  max-height:none;
  border-radius:18px;
  overflow:hidden;
}

#alMemberArea.al-tanks .al-coveradjust__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

#alMemberArea.al-tanks .al-coveradjust__sub{
  margin-top:4px;
  font-size:13px;
}

#alMemberArea.al-tanks .al-coveradjust__body{
  display:grid;
  gap:18px;
}

#alMemberArea.al-tanks .al-coveradjust__stage{
  display:grid;
  gap:12px;
}

#alMemberArea.al-tanks .al-coveradjust__viewport{
  position:relative;
  width:100%;
  aspect-ratio: 12 / 5;
  min-height:180px;
  overflow:hidden;
  border-radius:16px;
  background:#0f172a;
  border:1px solid rgba(15,23,42,.08);
  cursor:grab;
  touch-action:none;
}

#alMemberArea.al-tanks .al-coveradjust__viewport.is-dragging{
  cursor:grabbing;
}

#alMemberArea.al-tanks .al-coveradjust__bg,
#alMemberArea.al-tanks .al-coveradjust__image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

#alMemberArea.al-tanks .al-coveradjust__bg{
  object-fit:cover;
  object-position:50% 50%;
  transform:scale(1.12);
  filter:blur(22px) saturate(.88) brightness(.58);
  opacity:.95;
}

#alMemberArea.al-tanks .al-coveradjust__image{
  object-fit:contain;
  object-position:50% 50%;
  transform:scale(var(--al-cover-adjust-scale, 1));
  transform-origin:center center;
}

#alMemberArea.al-tanks .al-coveradjust__controls{
  display:grid;
  gap:12px;
}

#alMemberArea.al-tanks .al-coveradjust__field{
  display:grid;
  gap:8px;
}

#alMemberArea.al-tanks .al-coveradjust__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#alMemberArea.al-tanks .al-coveradjust__footActions{
  display:flex;
  align-items:center;
  gap:10px;
}

#alMemberArea.al-tanks .al-tanks__hero-media{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#0b1220;
}

#alMemberArea.al-tanks .al-coveradjust__viewport{
  background:#0b1220;
}

@media (max-width: 640px){
  #alMemberArea.al-tanks .al-coveradjust{
    width:100%;
    max-width:100%;
  }

  #alMemberArea.al-tanks .al-coveradjust__viewport{
    aspect-ratio: 12 / 5;
    min-height:180px;
    border-radius:16px;
  }

  #alMemberArea.al-tanks .al-coveradjust__foot{
    flex-direction:column;
    align-items:stretch;
  }

  #alMemberArea.al-tanks .al-coveradjust__footActions{
    justify-content:stretch;
  }

  #alMemberArea.al-tanks .al-coveradjust__footActions .al-btn{
    flex:1 1 auto;
  }
}

#alMemberArea.al-tanks #alTankCoverEmpty{
  display:none !important;
}

#alMemberArea.al-tanks .al-tankmodal__preview{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:#fff;
}

#alMemberArea.al-tanks .al-tankmodal__previewImg{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:12px;
  display:block;
}

#alMemberArea.al-tanks .al-tankmodal__previewMeta{
  min-width:0;
}

#alMemberArea.al-tanks .al-tankmodal__previewLabel{
  margin:0;
  font-weight:700;
  line-height:1.2;
}

#alMemberArea.al-tanks .al-tankmodal__previewHint{
  display:none !important;
}

#alMemberArea.al-tanks .al-tankmodal__previewActions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

#alMemberArea.al-tanks .al-coveradjust{
  margin-top:12px;
}

@media (max-width: 640px){
  #alMemberArea.al-tanks .al-tankmodal__preview{
    grid-template-columns:64px minmax(0,1fr);
  }

  #alMemberArea.al-tanks .al-tankmodal__previewActions{
    grid-column:1 / -1;
    justify-content:flex-start;
  }

  #alMemberArea.al-tanks .al-tankmodal__previewImg{
    width:64px;
    height:64px;
  }
}

#alMemberArea.al-tanks .al-btn.is-busy{
  position:relative;
  pointer-events:none;
  opacity:.78;
}

#alMemberArea.al-tanks .al-btn.is-busy::after{
  content:"";
  width:12px;
  height:12px;
  margin-left:8px;
  border-radius:999px;
  border:2px solid currentColor;
  border-right-color:transparent;
  display:inline-block;
  vertical-align:-2px;
  animation: al-btn-spin .65s linear infinite;
}

@keyframes al-btn-spin{
  to { transform: rotate(360deg); }
}

.al-plantItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.al-plantItem__main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.al-plantItem__remove{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  flex:0 0 32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  cursor:pointer;
  color:rgba(15,23,42,.5);
  transition:background .16s ease,color .16s ease,transform .16s ease;
}

.al-plantItem__remove svg{
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  flex:0 0 16px;
  display:block;
  overflow:visible;
  pointer-events:none;
}

.al-plantItem__remove:hover{
  background:rgba(15,23,42,.06);
  color:rgba(220,38,38,.92);
}

.al-plantItem__remove:active{
  transform:scale(.94);
}

#alMemberArea.al-tanks .al-tanks__nextStep{
  margin: 10px 0 16px;
}

#alMemberArea.al-tanks .al-tanksNextStep{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(59,130,246,.08), rgba(59,130,246,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.99) 100%);
  box-shadow:
    0 12px 30px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#alMemberArea.al-tanks .al-tanksNextStep__copy{
  min-width:0;
  flex:1 1 auto;
  max-width:720px;
}

#alMemberArea.al-tanks .al-tanksNextStep__eyebrow{
  margin-bottom:6px;
  font-size:12px;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}

#alMemberArea.al-tanks .al-tanksNextStep__title{
  font-size:clamp(20px, 2vw, 28px);
  line-height:1.05;
  letter-spacing:-.03em;
  font-weight:900;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-tanksNextStep__sub{
  margin-top:8px;
  max-width:62ch;
  font-size:14px;
  line-height:1.55;
}

#alMemberArea.al-tanks .al-tanksNextStep__meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  flex:0 0 auto;
}

#alMemberArea.al-tanks .al-tanksNextStep__meta .al-btn{
  min-height:44px;
  border-radius:999px;
  padding-inline:18px;
  white-space:nowrap;
}

@media (min-width:1024px){
  #alMemberArea.al-tanks .al-tanks__nextStep{
    margin: 12px 0 18px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep{
    padding:20px 22px;
    gap:20px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep__meta{
    min-width:190px;
  }
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__nextStep{
    margin: 8px 0 14px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding:14px;
    border-radius:18px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep__title{
    font-size:22px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep__sub{
    font-size:14px;
    line-height:1.5;
  }

  #alMemberArea.al-tanks .al-tanksNextStep__meta{
    align-items:stretch;
    gap:10px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep__meta .al-btn{
    width:100%;
  }
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-tanks__nextStep{
    margin: 8px 0 12px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep{
    gap:10px;
    padding:12px;
    border-radius:16px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep__eyebrow{
    margin-bottom:5px;
    font-size:11px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep__title{
    font-size:20px;
    line-height:1.08;
  }

  #alMemberArea.al-tanks .al-tanksNextStep__sub{
    margin-top:6px;
    font-size:13px;
  }

  #alMemberArea.al-tanks .al-tanksNextStep__meta .al-btn{
    min-height:42px;
  }
}

#alMemberArea.al-tanks .al-tanks__overviewSetup{
  margin:0 0 14px;
}

#alMemberArea.al-tanks .al-overviewSetup{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

#alMemberArea.al-tanks .al-overviewSetup__copy{
  min-width:0;
  flex:1 1 auto;
}

#alMemberArea.al-tanks .al-overviewSetup__title{
  margin:0;
  font-size:clamp(18px, 1.6vw, 24px);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:900;
  color:var(--al-text);
}

#alMemberArea.al-tanks .al-overviewSetup__sub{
  margin-top:8px;
  max-width:58ch;
  font-size:14px;
  line-height:1.55;
}

#alMemberArea.al-tanks .al-overviewSetup__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  margin-top:12px;
}

#alMemberArea.al-tanks .al-overviewSetup__summary,
#alMemberArea.al-tanks .al-overviewSetup__missing{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(248,250,252,.92);
  font-size:12.5px;
  line-height:1.3;
}

#alMemberArea.al-tanks .al-overviewSetup__summary{
  color:#0f172a;
  font-weight:800;
}

#alMemberArea.al-tanks .al-overviewSetup__missing{
  color:#64748b;
}

#alMemberArea.al-tanks .al-overviewSetup__bar{
  margin-top:12px;
  height:8px;
  border-radius:999px;
  background:rgba(15,23,42,.07);
  overflow:hidden;
}

#alMemberArea.al-tanks .al-overviewSetup__bar > span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
  transition:width .22s ease;
}

#alMemberArea.al-tanks .al-overviewSetup__actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  flex:0 0 auto;
}

#alMemberArea.al-tanks .al-overviewSetup__score{
  font-size:24px;
  line-height:1;
  letter-spacing:-.04em;
  font-weight:950;
  color:var(--al-text);
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-overviewSetup__actions .al-btn{
  min-height:42px;
  border-radius:999px;
  padding-inline:18px;
  white-space:nowrap;
}

@media (max-width:1023px){
  #alMemberArea.al-tanks .al-tanks__overviewSetup{
    margin:0 0 12px;
  }

  #alMemberArea.al-tanks .al-overviewSetup{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  #alMemberArea.al-tanks .al-overviewSetup__actions{
    align-items:stretch;
  }

  #alMemberArea.al-tanks .al-overviewSetup__actions .al-btn{
    width:100%;
  }
}

@media (max-width:640px){
  #alMemberArea.al-tanks .al-overviewSetup__title{
    font-size:20px;
  }

  #alMemberArea.al-tanks .al-overviewSetup__sub{
    font-size:13px;
    margin-top:6px;
  }

  #alMemberArea.al-tanks .al-overviewSetup__meta{
    margin-top:10px;
    gap:8px;
  }

  #alMemberArea.al-tanks .al-overviewSetup__summary,
  #alMemberArea.al-tanks .al-overviewSetup__missing{
    width:100%;
    justify-content:flex-start;
  }

  #alMemberArea.al-tanks .al-overviewSetup__score{
    font-size:22px;
  }
}

.al-plantItem__main{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  text-align:left;
  cursor:pointer;
}

/* =========================================
   Aquarium > Plants / Hardscape
========================================= */

#alMemberArea.al-tanks .al-dataSection__switchRow{
  display:flex;
  justify-content:flex-start;
  margin:0 0 14px;
}

#alMemberArea.al-tanks .al-segmentSwitch{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:#f8fafc;
}

#alMemberArea.al-tanks .al-segmentSwitch__item{
  appearance:none;
  border:0;
  background:transparent;
  color:#64748b;
  font-weight:700;
  font-size:14px;
  line-height:1;
  padding:10px 14px;
  border-radius:999px;
  cursor:pointer;
}

#alMemberArea.al-tanks .al-segmentSwitch__item.is-active{
  background:#fff;
  color:#0f172a;
  box-shadow:0 1px 2px rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-aquariumSubpanel[hidden]{
  display:none !important;
}

/* Shared shell */
#alMemberArea.al-tanks .al-plantsPanelShell{
  padding:14px;
  border:1px solid rgba(15,23,42,.05);
  border-radius:22px;
  background:linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);
  box-shadow:0 8px 24px rgba(15,23,42,.035);
}

#alMemberArea.al-tanks .al-plantsPanelHeader{
  margin:0 0 12px;
}

#alMemberArea.al-tanks .al-dataSection__hero--compact.al-dataSection__hero--plants{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0;
  padding:0 0 10px;
  border:0;
  background:transparent;
  box-shadow:none;
}

#alMemberArea.al-tanks .al-dataSection__hero--plants .al-dataSection__title{
  margin:0 0 4px;
}

#alMemberArea.al-tanks .al-dataSection__hero--plants .al-dataSection__sub{
  max-width:560px;
}

/* Summary */
#alMemberArea.al-tanks .al-plantSummary{
  margin:0 0 10px;
  padding:10px 0 0;
  border:0;
  border-top:1px solid rgba(15,23,42,.06);
  border-radius:0;
  background:transparent;
}

#alMemberArea.al-tanks .al-plantSummary__row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
}

#alMemberArea.al-tanks .al-plantSummary__meta{
  font-size:14px;
  font-weight:700;
  color:#1e293b;
}

#alMemberArea.al-tanks .al-plantSummary__issue[hidden]{
  display:none !important;
}

#alMemberArea.al-tanks .al-plantSummary__issue{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(245,158,11,.14);
  color:#8a6116;
  font-weight:700;
  font-size:12px;
}

/* Zones */
#alMemberArea.al-tanks .al-plantZones{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px 20px;
}

@media (min-width: 1280px){
  #alMemberArea.al-tanks .al-plantZones{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

/* Zone = light group, not full heavy card */
#alMemberArea.al-tanks .al-plantZone{
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

#alMemberArea.al-tanks .al-plantZone__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
  padding:0;
  border:0;
  background:transparent;
}

#alMemberArea.al-tanks .al-plantZone__title{
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#667085;
}

#alMemberArea.al-tanks .al-plantZone__count{
  font-size:14px;
  font-weight:700;
  color:#0f172a;
}

#alMemberArea.al-tanks .al-plantZone__list{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:0;
}

#alMemberArea.al-tanks .al-plantZone__empty{
  padding:2px 0 0;
  font-size:13px;
  line-height:1.45;
}

/* subtle group separator on single-column layouts */
@media (max-width: 1100px){
  #alMemberArea.al-tanks .al-plantZone + .al-plantZone{
    border-top:1px solid rgba(15,23,42,.06);
    padding-top:14px;
  }
}

/* Plant row = list item, not mini-card */
#alMemberArea.al-tanks .al-plantRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:8px 10px;
  border:1px solid rgba(15,23,42,.05);
  border-radius:14px;
  background:#fff;
  box-shadow:none;
}

#alMemberArea.al-tanks .al-plantRow__main{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  text-align:left;
  cursor:pointer;
  min-width:0;
}

#alMemberArea.al-tanks .al-plantRow__media{
  width:42px;
  height:42px;
  border-radius:10px;
  overflow:hidden;
  background:#f1f5f9;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 42px;
}

#alMemberArea.al-tanks .al-plantRow__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#alMemberArea.al-tanks .al-plantRow__placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  font-size:20px;
}

#alMemberArea.al-tanks .al-plantRow__content{
  min-width:0;
}

#alMemberArea.al-tanks .al-plantRow__titleRow{
  min-width:0;
}

#alMemberArea.al-tanks .al-plantRow__title{
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  color:#0f172a;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

#alMemberArea.al-tanks .al-plantRow__subtitle{
  margin-top:2px;
  font-size:12px;
  line-height:1.3;
  color:#667085;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

#alMemberArea.al-tanks .al-plantRow__badges{
  margin-top:4px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

#alMemberArea.al-tanks .al-plantStatus{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  line-height:1;
}

#alMemberArea.al-tanks .al-plantStatus--ok{
  background:rgba(34,197,94,.10);
  color:#166534;
}

#alMemberArea.al-tanks .al-plantStatus--attention{
  background:rgba(245,158,11,.14);
  color:#92400e;
}

#alMemberArea.al-tanks .al-plantStatus--warning{
  background:rgba(239,68,68,.10);
  color:#991b1b;
}

#alMemberArea.al-tanks .al-plantRow__rail{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
  gap:6px;
  min-width:34px;
}

#alMemberArea.al-tanks .al-plantRow__qty{
  font-size:12px;
  font-weight:700;
  color:#475569;
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-plantRow__remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:#334155;
}

/* Empty state */
#alMemberArea.al-tanks .al-dataEmpty[data-plants-empty]{
  margin-top:12px;
}

/* Hardscape standalone */
#alMemberArea.al-tanks .al-setupBlock--standalone{
  margin-top:0;
}

/* Responsive */
@media (max-width: 1100px){
  #alMemberArea.al-tanks .al-plantZones{
    grid-template-columns:1fr;
    gap:14px;
  }
}

@media (max-width: 720px){
  #alMemberArea.al-tanks .al-segmentSwitch{
    width:100%;
  }

  #alMemberArea.al-tanks .al-segmentSwitch__item{
    flex:1 1 0;
    text-align:center;
  }

  #alMemberArea.al-tanks .al-plantsPanelShell{
    padding:12px;
    border-radius:18px;
  }

  #alMemberArea.al-tanks .al-dataSection__hero--compact.al-dataSection__hero--plants{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    padding:0 0 10px;
  }

  #alMemberArea.al-tanks .al-dataSection__hero--plants .al-dataSection__actions{
    width:100%;
  }

  #alMemberArea.al-tanks .al-dataSection__hero--plants .al-dataSection__actions .al-btn{
    width:auto;
  }

  #alMemberArea.al-tanks .al-plantSummary{
    padding-top:8px;
    margin-bottom:8px;
  }

  #alMemberArea.al-tanks .al-plantSummary__meta{
    font-size:13px;
  }

  #alMemberArea.al-tanks .al-plantSummary__issue{
    font-size:11px;
    padding:3px 8px;
  }

  #alMemberArea.al-tanks .al-plantZone__head{
    margin-bottom:8px;
  }

  #alMemberArea.al-tanks .al-plantZone__list{
    gap:7px;
  }

  #alMemberArea.al-tanks .al-plantRow{
    padding:7px 8px;
    gap:7px;
    border-radius:12px;
  }

  #alMemberArea.al-tanks .al-plantRow__main{
    grid-template-columns:40px minmax(0,1fr);
    gap:9px;
  }

  #alMemberArea.al-tanks .al-plantRow__media{
    width:40px;
    height:40px;
    border-radius:10px;
    flex-basis:40px;
  }

  #alMemberArea.al-tanks .al-plantRow__title{
    font-size:13px;
  }

  #alMemberArea.al-tanks .al-plantRow__subtitle{
    font-size:11px;
  }

  #alMemberArea.al-tanks .al-plantRow__qty{
    font-size:11px;
  }

  #alMemberArea.al-tanks .al-plantRow__remove{
    width:28px;
    height:28px;
    border-radius:9px;
  }
}

@media (max-width: 767px){
  #alMemberArea.al-tanks #alTanksSettingsMenu,
  #alMemberArea.al-tanks #alTanksMoreMenu{
    background:
      linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(236,242,248,.985) 100%) !important;
    border: 1px solid rgba(15,23,42,.22) !important;
    box-shadow:
      0 34px 90px rgba(15,23,42,.34),
      0 14px 32px rgba(15,23,42,.18),
      0 0 0 1px rgba(255,255,255,.72) inset !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  }

  #alMemberArea.al-tanks #alTanksSettingsMenu .al-menu__groupLabel,
  #alMemberArea.al-tanks #alTanksMoreMenu .al-menu__groupLabel{
    color: rgba(15,23,42,.66) !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
  }

  #alMemberArea.al-tanks #alTanksSettingsMenu .al-menu__item,
  #alMemberArea.al-tanks #alTanksMoreMenu .al-menu__item{
    background:
      linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(243,247,251,.94) 100%) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    border-radius: 16px !important;
    box-shadow:
      0 8px 18px rgba(15,23,42,.08),
      inset 0 1px 0 rgba(255,255,255,.92) !important;
  }

  #alMemberArea.al-tanks #alTanksSettingsMenu .al-menu__item:hover,
  #alMemberArea.al-tanks #alTanksSettingsMenu .al-menu__item:focus-visible,
  #alMemberArea.al-tanks #alTanksMoreMenu .al-menu__item:hover,
  #alMemberArea.al-tanks #alTanksMoreMenu .al-menu__item:focus-visible{
    background:
      linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(233,239,246,.98) 100%) !important;
    box-shadow:
      0 12px 24px rgba(15,23,42,.12),
      inset 0 1px 0 rgba(255,255,255,.96) !important;
  }

  #alMemberArea.al-tanks #alTanksSettingsMenu .al-menu__item + .al-menu__item,
  #alMemberArea.al-tanks #alTanksMoreMenu .al-menu__item + .al-menu__item{
    margin-top: 8px;
  }

  #alMemberArea.al-tanks #alTanksSettingsMenu .al-menu__divider,
  #alMemberArea.al-tanks #alTanksMoreMenu .al-menu__divider{
    background: rgba(15,23,42,.16) !important;
    margin: 10px 4px !important;
  }
}

@media (max-width: 767px){
  #alMemberArea.al-tanks.is-menu-open::before{
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1090;
    background: rgba(15,23,42,.26);
    pointer-events: none;
  }

  #alMemberArea.al-tanks.is-menu-open #alTanksSettingsMenu,
  #alMemberArea.al-tanks.is-menu-open #alTanksMoreMenu{
    z-index: 1100 !important;
    box-shadow:
      0 36px 90px rgba(15,23,42,.34),
      0 14px 34px rgba(15,23,42,.18),
      0 0 0 1px rgba(255,255,255,.70) inset !important;
    border-color: rgba(15,23,42,.22) !important;
  }
}

#alMemberArea.al-tanks .al-menu__item + .al-menu__item{
  margin-top: 8px;
}

#alMemberArea.al-tanks #alTanksSettingsMenu .al-menu__item,
#alMemberArea.al-tanks #alTanksMoreMenu .al-menu__item{
  display: flex;
  align-items: center;
  gap: 10px;
}

#alMemberArea.al-tanks .al-menu__itemIcon{
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
}

#alMemberArea.al-tanks .al-menu__itemIcon svg{
  width: 18px;
  height: 18px;
  display: block;
}

#alMemberArea.al-tanks .al-menu__itemLabel{
  display: inline-flex;
  align-items: center;
}

#alMemberArea.al-tanks .al-plantRow{
  transition:
    opacity .18s ease,
    transform .18s ease;
}

#alMemberArea.al-tanks .al-plantRow.is-removing{
  opacity: 0;
  transform: translateY(6px);
}
#alMemberArea.al-tanks .al-sheet__sub{
  margin-top:3px;
  font-size:13px;
  line-height:1.35;
}

#alMemberArea.al-tanks .al-sheet--composer .al-sheet__panel,
#alMemberArea.al-tanks .al-sheet--appearance .al-sheet__panel{
  max-width:680px;
  overflow:hidden;
}

#alMemberArea.al-tanks .al-composerForm,
#alMemberArea.al-tanks .al-appearanceForm{
  gap:18px;
}

#alMemberArea.al-tanks .al-photoDrop{
  width:100%;
  border:1px dashed rgba(15,23,42,.22);
  border-radius:22px;
  min-height:310px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,250,248,.92));
  padding:0;
  overflow:hidden;
  cursor:pointer;
  color:inherit;
}

#alMemberArea.al-tanks .al-photoDrop:hover,
#alMemberArea.al-tanks .al-photoDrop:focus-visible,
#alMemberArea.al-tanks .al-photoDrop.is-dragging{
  border-color:rgba(14,116,144,.45);
  box-shadow:0 18px 45px rgba(15,23,42,.12);
  outline:none;
}

#alMemberArea.al-tanks .al-photoDrop__media{
  display:grid;
  gap:8px;
  text-align:center;
  padding:28px;
}

#alMemberArea.al-tanks .al-photoDrop__title{
  font-weight:800;
  font-size:18px;
}

#alMemberArea.al-tanks .al-photoDrop img{
  width:100%;
  height:100%;
  min-height:310px;
  object-fit:cover;
}

#alMemberArea.al-tanks .al-photoComposer__actions,
#alMemberArea.al-tanks .al-carePhoto__preview{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

#alMemberArea.al-tanks .al-carePhoto{
  display:grid;
  gap:12px;
}

#alMemberArea.al-tanks .al-carePhoto__preview img{
  width:88px;
  height:88px;
  object-fit:cover;
  border-radius:16px;
  box-shadow:0 12px 30px rgba(15,23,42,.12);
}

#alMemberArea.al-tanks .al-chipField{
  border:0;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

#alMemberArea.al-tanks .al-chipField legend{
  width:100%;
  margin-bottom:2px;
}

#alMemberArea.al-tanks .al-chipField label,
#alMemberArea.al-tanks .al-visibilityChoice label,
#alMemberArea.al-tanks .al-toggleRow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  border:1px solid rgba(15,23,42,.11);
  border-radius:999px;
  padding:9px 13px;
  background:#fff;
  font-weight:700;
  cursor:pointer;
}

#alMemberArea.al-tanks .al-chipField input,
#alMemberArea.al-tanks .al-visibilityChoice input,
#alMemberArea.al-tanks .al-toggleRow input{
  accent-color:#0f766e;
}

#alMemberArea.al-tanks .al-chipField label:has(input:checked),
#alMemberArea.al-tanks .al-visibilityChoice label:has(input:checked),
#alMemberArea.al-tanks .al-toggleRow:has(input:checked){
  border-color:rgba(15,118,110,.35);
  background:rgba(204,251,241,.42);
  color:#0f4f46;
}

#alMemberArea.al-tanks .al-visibilityChoice{
  display:grid;
  gap:8px;
}

#alMemberArea.al-tanks .al-visibilityChoice label{
  width:100%;
  justify-content:flex-start;
  border-radius:16px;
}

#alMemberArea.al-tanks .al-visibilityChoice .is-disabled{
  opacity:.55;
  cursor:not-allowed;
}

#alMemberArea.al-tanks .al-visibilityChoice__note{
  padding:0 4px;
  font-size:13px;
}

#alMemberArea.al-tanks .al-careComposer__intro{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(241,250,248,.95);
  border:1px solid rgba(15,23,42,.08);
}

#alMemberArea.al-tanks .al-careComposer__title{
  font-size:18px;
  font-weight:850;
}

#alMemberArea.al-tanks .al-appearanceCover{
  display:grid;
  gap:12px;
}

#alMemberArea.al-tanks .al-appearanceCover__preview{
  position:relative;
  min-height:260px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(135deg, #dff7f2, #f8fafc 50%, #dbeafe);
  display:grid;
  place-items:center;
  border:1px solid rgba(15,23,42,.08);
}

#alMemberArea.al-tanks .al-appearanceCover__preview img{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  transform:scale(var(--al-cover-scale, 1));
}

#alMemberArea.al-tanks .al-appearanceCover__empty{
  padding:28px;
  text-align:center;
}

#alMemberArea.al-tanks .al-appearanceCover__emptyTitle{
  font-size:18px;
  font-weight:850;
}

#alMemberArea.al-tanks .al-appearanceCover__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

#alMemberArea.al-tanks .al-appearanceFocus{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:rgba(248,250,252,.92);
  border:1px solid rgba(15,23,42,.08);
}

#alMemberArea.al-tanks .al-addsheet__featured{
  display:grid;
  gap:10px;
  margin-bottom:18px;
}

#alMemberArea.al-tanks .al-addsheet__item--featured{
  min-height:74px;
  background:linear-gradient(180deg,#fff,rgba(240,253,250,.82));
  border-color:rgba(15,118,110,.18);
}

#alMemberArea.al-tanks .al-addsheet__sectionLabel{
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:0 0 8px;
}

#alMemberArea.al-community,
#alMemberArea.al-tanks-community{
  background:linear-gradient(180deg,#f8fafc 0%,#eef8f6 100%);
}

#alMemberArea.al-tanks .al-communityHero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:34px 0 26px;
}

#alMemberArea.al-tanks .al-communityHero__title{
  margin:0;
  font-size:clamp(36px, 6vw, 72px);
  line-height:.98;
}

#alMemberArea.al-tanks .al-communityHero__text{
  margin:10px 0 0;
  color:#475569;
  max-width:560px;
}

#alMemberArea.al-tanks .al-communitySection{
  margin:0 0 34px;
}

#alMemberArea.al-tanks .al-communityGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

#alMemberArea.al-tanks .al-communityGrid--updates{
  grid-template-columns:repeat(4, minmax(0,1fr));
}

#alMemberArea.al-tanks .al-communityCard{
  display:block;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  text-decoration:none;
  color:#0f172a;
  box-shadow:0 18px 46px rgba(15,23,42,.10);
  border:1px solid rgba(15,23,42,.07);
}

#alMemberArea.al-tanks .al-communityCard:hover,
#alMemberArea.al-tanks .al-communityCard:focus-visible{
  transform:none;
  box-shadow:0 18px 46px rgba(15,23,42,.10);
  outline:none;
}

#alMemberArea.al-tanks .al-communityCard__image{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  background:linear-gradient(135deg,#dff7f2,#e0f2fe);
}

#alMemberArea.al-tanks .al-communityCard--tank .al-communityCard__image{
  aspect-ratio:16/10;
}

#alMemberArea.al-tanks .al-communityCard__body{
  display:grid;
  gap:8px;
  padding:14px;
}

#alMemberArea.al-tanks .al-communityCard__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-weight:850;
}

#alMemberArea.al-tanks .al-communityCard__chip{
  border-radius:999px;
  background:rgba(15,118,110,.10);
  color:#0f766e;
  padding:4px 8px;
  font-size:12px;
  text-transform:capitalize;
}

#alMemberArea.al-tanks .al-communityCard__caption,
#alMemberArea.al-tanks .al-communityCard__meta{
  font-size:13px;
  line-height:1.35;
  color:#475569;
}

#alMemberArea.al-tanks .al-communityEmpty{
  display:grid;
  gap:4px;
  padding:28px;
  border:1px dashed rgba(15,23,42,.16);
  border-radius:22px;
  background:rgba(255,255,255,.74);
  color:#475569;
}

#alMemberArea.al-tanks .al-communityEmpty[hidden]{
  display:none;
}

@media (max-width: 900px){
  #alMemberArea.al-tanks .al-communityHero{
    align-items:flex-start;
    flex-direction:column;
  }
  #alMemberArea.al-tanks .al-communityGrid,
  #alMemberArea.al-tanks .al-communityGrid--updates{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 640px){
  #alMemberArea.al-tanks .al-photoDrop{
    min-height:240px;
    border-radius:20px;
  }
  #alMemberArea.al-tanks .al-photoDrop img{
    min-height:240px;
  }
  #alMemberArea.al-tanks .al-appearanceCover__preview{
    min-height:220px;
  }
  #alMemberArea.al-tanks .al-communityGrid,
  #alMemberArea.al-tanks .al-communityGrid--updates{
    grid-template-columns:1fr;
  }
}

#alMemberArea.al-community.al-community-hub{
  color:#0f172a;
  background:
    radial-gradient(circle at 10% 0%, rgba(20,184,166,.12), transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#eef8f6 48%,#f8fafc 100%);
}

#alMemberArea.al-community .al-communityHero--platform{
  align-items:center;
  min-height:420px;
  padding:64px 0 34px;
}

#alMemberArea.al-community .al-communityHero__title{
  max-width:880px;
  letter-spacing:0;
}

#alMemberArea.al-community .al-communityHero__actions,
#alMemberArea.al-community .al-communityJoin__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

#alMemberArea.al-community .al-communityPills{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:18px 0 2px;
  scrollbar-width:none;
}

#alMemberArea.al-community .al-communityPills::-webkit-scrollbar{
  display:none;
}

#alMemberArea.al-community .al-communityPill{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.84);
  color:#0f172a;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
  white-space:nowrap;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}

#alMemberArea.al-community .al-communityPulse{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 32px;
}

#alMemberArea.al-community .al-communityStat{
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 42px rgba(15,23,42,.08);
}

#alMemberArea.al-community .al-communityStat__label{
  color:#64748b;
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#alMemberArea.al-community .al-communityStat__value{
  font-size:34px;
  line-height:1;
  letter-spacing:0;
}

#alMemberArea.al-community .al-communitySection{
  scroll-margin-top:110px;
  margin-bottom:42px;
}

#alMemberArea.al-community .al-communityRanking{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

#alMemberArea.al-community .al-communityRankCard{
  display:grid;
  gap:14px;
  position:relative;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,rgba(240,253,250,.88));
  border:1px solid rgba(15,118,110,.14);
  box-shadow:0 20px 52px rgba(15,23,42,.10);
}

#alMemberArea.al-community .al-communityRankCard__rank{
  position:absolute;
  top:14px;
  right:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:32px;
  padding:0 9px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-weight:900;
  font-size:13px;
}

#alMemberArea.al-community .al-communityRankCard__main{
  display:grid;
  gap:8px;
  padding-right:42px;
}

#alMemberArea.al-community .al-communityRankCard__score{
  font-size:32px;
  line-height:1;
}

#alMemberArea.al-community .al-communityRankCard__label,
#alMemberArea.al-community .al-communityRankCard__plain{
  color:#64748b;
  font-size:13px;
}

#alMemberArea.al-community .al-communityRankCard__stats{
  display:grid;
  gap:6px;
  color:#475569;
  font-size:13px;
}

#alMemberArea.al-community .al-communityRankCard__cta{
  justify-content:center;
}

#alMemberArea.al-community .al-communityOwner{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

#alMemberArea.al-community a.al-communityOwner{
  color:inherit;
  text-decoration:none;
}

#alMemberArea.al-community .al-communityOwner__avatar{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  object-fit:cover;
  background:linear-gradient(135deg,#ccfbf1,#dbeafe);
  border:2px solid rgba(255,255,255,.9);
  box-shadow:0 8px 18px rgba(15,23,42,.12);
}

#alMemberArea.al-community .al-communityOwner__avatar--empty{
  display:inline-block;
}

#alMemberArea.al-community .al-communityOwner__name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#0f172a;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
}

#alMemberArea.al-community a.al-communityOwner:hover .al-communityOwner__name,
#alMemberArea.al-community a.al-communityOwner:focus-visible .al-communityOwner__name,
#alMemberArea.al-community .al-communityOwner__name:hover,
#alMemberArea.al-community .al-communityOwner__name:focus-visible{
  text-decoration:underline;
}

#alMemberArea.al-tanks .al-publicTankOwner{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 8px;
}

#alMemberArea.al-tanks .al-publicTankOwner__avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:50%;
  object-fit:cover;
  background:linear-gradient(135deg,#ccfbf1,#dbeafe);
  border:2px solid rgba(255,255,255,.72);
  box-shadow:0 12px 24px rgba(15,23,42,.20);
}

#alMemberArea.al-tanks .al-publicTankOwner__avatar--empty{
  display:inline-block;
}

#alMemberArea.al-tanks .al-publicTankOwner__avatarLink{
  display:inline-flex;
  flex:0 0 auto;
  border-radius:50%;
  color:inherit;
  text-decoration:none;
}

#alMemberArea.al-tanks .al-publicTankOwner__avatarLink:focus-visible{
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:3px;
}

#alMemberArea.al-tanks .al-publicTankOwner__text{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.88);
}

#alMemberArea.al-tanks .al-publicTankOwner__link{
  color:#fff;
  font-weight:850;
  text-decoration:none;
}

#alMemberArea.al-tanks .al-publicTankOwner__link:hover,
#alMemberArea.al-tanks .al-publicTankOwner__link:focus-visible{
  text-decoration:underline;
}

#alMemberArea.al-tanks .al-publicTankOwner__badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.20);
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:850;
}

#alMemberArea.al-community .al-communityGrid--featured{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#alMemberArea.al-community .al-communityGrid--recent{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

#alMemberArea.al-community .al-communityCard{
  display:grid;
  border-radius:22px;
  background:#fff;
}

#alMemberArea.al-community .al-communityCard__media{
  display:block;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
}

#alMemberArea.al-community .al-communityCard--featured .al-communityCard__image,
#alMemberArea.al-community .al-communityCard--tank .al-communityCard__image{
  aspect-ratio:16/11;
}

#alMemberArea.al-community .al-communityCard--highlight .al-communityCard__image{
  aspect-ratio:4/5;
}

#alMemberArea.al-community .al-communityCard__body{
  padding:16px;
}

#alMemberArea.al-community .al-communityCard__title{
  margin:2px 0 0;
  font-size:20px;
  line-height:1.12;
  letter-spacing:0;
}

#alMemberArea.al-community .al-communityCard__title a,
#alMemberArea.al-community .al-communityCard__story a{
  color:#0f172a;
  text-decoration:none;
}

#alMemberArea.al-community .al-communityCard__title a:hover,
#alMemberArea.al-community .al-communityCard__story a:hover{
  text-decoration:underline;
}

#alMemberArea.al-community .al-communityCard__badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
}

#alMemberArea.al-community .al-communityCard__chip--warm{
  background:rgba(245,158,11,.14);
  color:#92400e;
}

#alMemberArea.al-community .al-communityCard__cta{
  justify-self:start;
  margin-top:2px;
}

#alMemberArea.al-community .al-communityCard__story{
  display:grid;
  gap:2px;
  font-size:14px;
  line-height:1.35;
}

#alMemberArea.al-community .al-communityEmpty{
  align-items:start;
}

#alMemberArea.al-community .al-communityEmpty .al-btn{
  justify-self:start;
  margin-top:10px;
}

#alMemberArea.al-community .al-communityEmpty--compact{
  padding:18px;
}

#alMemberArea.al-community .al-communityJoin{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:10px 0 54px;
  padding:28px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(135deg,#0f172a,#0f766e 62%,#2563eb);
  box-shadow:0 28px 70px rgba(15,23,42,.20);
}

#alMemberArea.al-community .al-communityJoin h2{
  margin:0;
  color:#fff;
  font-size:32px;
  line-height:1.05;
  letter-spacing:0;
}

#alMemberArea.al-community .al-communityJoin p{
  max-width:640px;
  margin:8px 0 0;
  color:rgba(255,255,255,.82);
}

#alMemberArea.al-community .al-communityJoin .al-tanksSurface__eyebrow{
  color:rgba(255,255,255,.72);
}

#alMemberArea.al-community .al-communityJoin .al-btn--ghost{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.22);
}

@media (max-width: 1100px){
  #alMemberArea.al-community .al-communityRanking,
  #alMemberArea.al-community .al-communityGrid--recent{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 900px){
  #alMemberArea.al-community .al-communityHero--platform{
    min-height:0;
    padding-top:36px;
  }
  #alMemberArea.al-community .al-communityHero__actions{
    justify-content:flex-start;
  }
  #alMemberArea.al-community .al-communityPulse,
  #alMemberArea.al-community .al-communityGrid--featured{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #alMemberArea.al-community .al-communityJoin{
    align-items:flex-start;
    flex-direction:column;
  }
  #alMemberArea.al-community .al-communityJoin__actions{
    justify-content:flex-start;
  }
}

@media (max-width: 640px){
  #alMemberArea.al-community .al-communityPulse,
  #alMemberArea.al-community .al-communityRanking,
  #alMemberArea.al-community .al-communityGrid--featured,
  #alMemberArea.al-community .al-communityGrid--recent{
    grid-template-columns:1fr;
  }
  #alMemberArea.al-community .al-communityStat{
    padding:15px;
  }
  #alMemberArea.al-community .al-communityStat__value{
    font-size:30px;
  }
  #alMemberArea.al-community .al-communityJoin{
    padding:22px;
    border-radius:20px;
  }
  #alMemberArea.al-community .al-communityJoin h2{
    font-size:26px;
  }
}

/* Community Hub compact tabbed pass */
#alMemberArea.al-community .al-communityHero--platform{
  min-height:0;
  padding:34px 0 18px;
  gap:22px;
}

#alMemberArea.al-community .al-communityHero__title{
  font-size:clamp(38px, 6vw, 64px);
  line-height:.98;
  margin:0;
}

#alMemberArea.al-community .al-communityHero__text{
  max-width:720px;
  margin-top:12px;
}

#alMemberArea.al-community .al-communityPulse{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px;
}

#alMemberArea.al-community .al-communityStat{
  border-radius:16px;
  padding:14px 16px;
  gap:6px;
}

#alMemberArea.al-community .al-communityStat__value{
  font-size:28px;
}

#alMemberArea.al-community .al-communityTabs{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  padding:6px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 42px rgba(15,23,42,.07);
  overflow-x:auto;
  scrollbar-width:none;
}

#alMemberArea.al-community .al-communityTabs::-webkit-scrollbar{
  display:none;
}

#alMemberArea.al-community .al-communityTab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:42px;
  padding:0 16px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#475569;
  font:inherit;
  font-size:14px;
  font-weight:850;
  letter-spacing:0;
  white-space:nowrap;
  max-width:none;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}

#alMemberArea.al-community .al-communityTab:hover,
#alMemberArea.al-community .al-communityTab:focus-visible{
  color:#0f172a;
  background:rgba(15,118,110,.08);
  outline:0;
}

#alMemberArea.al-community .al-communityTab.is-active{
  color:#fff;
  background:#0f766e;
  box-shadow:0 12px 26px rgba(15,118,110,.22);
}

#alMemberArea.al-community .al-communityTab__mobile{
  display:none;
}

#alMemberArea.al-community .al-communityPanes{
  margin:0 0 24px;
}

#alMemberArea.al-community .al-communityPane{
  display:grid;
  gap:16px;
  padding:20px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 54px rgba(15,23,42,.08);
}

#alMemberArea.al-community .al-communityPane[hidden]{
  display:none;
}

#alMemberArea.al-community .al-communityPane .al-tanksSurface__head{
  margin-bottom:0;
}

#alMemberArea.al-community .al-communityGrid{
  gap:14px;
}

#alMemberArea.al-community .al-communityRanking{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#alMemberArea.al-community .al-communityRankCard{
  border-radius:18px;
  padding:16px;
}

#alMemberArea.al-community .al-communityRankCard__level{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(14,165,233,.12);
  color:#075985;
  font-size:12px;
  font-weight:900;
}

#alMemberArea.al-community .al-communityCard{
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 44px rgba(15,23,42,.08);
}

#alMemberArea.al-community .al-communityCard__body{
  display:grid;
  gap:10px;
}

#alMemberArea.al-community .al-communityCard__meta{
  color:#64748b;
  font-size:13px;
}

#alMemberArea.al-community .al-communityCard__caption{
  color:#334155;
  font-size:14px;
  line-height:1.45;
}

#alMemberArea.al-community .al-communityJoin{
  margin:20px 0 42px;
  padding:24px;
  border-radius:22px;
}

#alMemberArea.al-tanks .al-publicTankHero .al-tanks__hero-overlay{
  min-width:0;
}

#alMemberArea.al-tanks .al-publicTankHero .al-tanks__heroTop,
#alMemberArea.al-tanks .al-publicTankHero .al-tanks__heroIdentity{
  min-width:0;
  max-width:100%;
}

#alMemberArea.al-tanks .al-publicTankHero .al-tanks__tankname{
  overflow-wrap:anywhere;
}

#alMemberArea.al-tanks .al-publicTankHero .al-tanks__heroMeta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  max-width:100%;
  overflow:visible;
}

#alMemberArea.al-tanks .al-publicTankHero .al-tanks__chip{
  flex:0 1 auto;
  max-width:100%;
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
}

#alMemberArea.al-tanks .al-publicTankOwner{
  min-width:0;
  max-width:100%;
}

#alMemberArea.al-tanks .al-publicTankOwner__text{
  min-width:0;
}

#alMemberArea.al-tanks .al-publicTankOwner__link{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width: 1100px){
  #alMemberArea.al-community .al-communityRanking{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 760px){
  #alMemberArea.al-community .al-communityHero--platform{
    padding:24px 0 14px;
  }

  #alMemberArea.al-community .al-communityHero__actions{
    justify-content:flex-start;
  }

  #alMemberArea.al-community .al-communityPulse{
    display:none;
  }

  #alMemberArea.al-community .al-communityTabs{
    margin-bottom:14px;
  }

  #alMemberArea.al-community .al-communityPane{
    padding:14px;
    border-radius:20px;
  }

  #alMemberArea.al-community .al-communityRanking,
  #alMemberArea.al-community .al-communityGrid--featured,
  #alMemberArea.al-community .al-communityGrid--recent,
  #alMemberArea.al-community .al-communityGrid--updates{
    grid-template-columns:1fr;
  }
}

/* Tank Hub UX correction pass */
#alMemberArea.al-tanks .al-tanksTodayGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}

#alMemberArea.al-tanks .al-tanksTodayCard{
  min-width:0;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 46px rgba(15,23,42,.07);
}

#alMemberArea.al-tanks .al-tanksTodayCard .al-tanksSurface__body{
  display:grid;
  gap:12px;
}

#alMemberArea.al-tanks .al-tanksTodayCard__title{
  margin:0;
  color:#0f172a;
  font-size:19px;
  line-height:1.15;
  letter-spacing:0;
}

#alMemberArea.al-tanks .al-tanksTodayCard__text{
  margin:0;
  font-size:14px;
  line-height:1.45;
}

#alMemberArea.al-tanks .al-tanksTodayCard__chips,
#alMemberArea.al-tanks .al-issueCheckFacts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

#alMemberArea.al-tanks .al-issueCheckFacts span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(15,118,110,.08);
  color:#0f3f3a;
  font-size:12px;
  font-weight:800;
}

#alMemberArea.al-tanks .al-tanksTodayCard--community{
  color:#0f172a;
  text-decoration:none;
  background:linear-gradient(180deg,#ffffff 0%,#ecfdf5 100%);
}

#alMemberArea.al-tanks .al-tanksTodayCard__link{
  color:#0f766e;
  font-size:13px;
  font-weight:900;
}

#alMemberArea.al-tanks .al-overviewSetup__ctaList{
  display:grid;
  gap:8px;
}

#alMemberArea.al-tanks .al-overviewSetup__deepLink{
  justify-content:flex-start;
  min-height:48px;
  padding:9px 12px;
  text-align:left;
}

#alMemberArea.al-tanks .al-overviewSetup__deepLink span,
#alMemberArea.al-tanks .al-overviewSetup__deepLink small{
  display:block;
}

#alMemberArea.al-tanks .al-overviewSetup__deepLink small{
  margin-top:2px;
  color:#64748b;
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}

#alMemberArea.al-tanks #alTankPublicViewLink.is-disabled{
  opacity:.62;
  cursor:not-allowed;
  white-space:normal;
}

#alMemberArea.al-tanks .al-careRhythmGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

#alMemberArea.al-tanks .al-careRhythmCard{
  display:grid;
  gap:9px;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,rgba(240,253,250,.75));
}

#alMemberArea.al-tanks .al-careRhythmCard__title{
  color:#0f172a;
  font-size:15px;
  font-weight:900;
}

#alMemberArea.al-tanks .al-careRhythmCard__sub{
  font-size:13px;
}

#alMemberArea.al-tanks .al-careRhythmNote,
#alMemberArea.al-tanks .al-dataNotice{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(15,118,110,.07);
  border:1px solid rgba(15,118,110,.10);
  font-size:13px;
  line-height:1.45;
}

#alMemberArea.al-tanks .al-liteDetails{
  padding:12px 14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:rgba(248,250,252,.86);
}

#alMemberArea.al-tanks .al-liteDetails summary{
  cursor:pointer;
  color:#334155;
  font-weight:850;
}

#alMemberArea.al-tanks .al-liteDetails__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

#alMemberArea.al-tanks .al-sheet--appearance .al-sheet__panel{
  max-width:780px;
}

#alMemberArea.al-tanks .al-appearanceCover{
  gap:10px;
}

#alMemberArea.al-tanks .al-appearanceCover__preview{
  min-height:clamp(230px, 42vw, 390px);
  cursor:grab;
}

#alMemberArea.al-tanks .al-appearanceCover__preview img{
  min-height:clamp(230px, 42vw, 390px);
  transform:scale(var(--al-cover-scale, 1));
  transition:object-position .08s linear, transform .08s linear;
}

#alMemberArea.al-tanks .al-appearanceCover__actions{
  align-items:center;
  justify-content:flex-start;
}

#alMemberArea.al-tanks .al-appearanceFocus{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:12px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 38px rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-appearanceFocus .al-field{
  gap:7px;
}

#alMemberArea.al-tanks .al-appearanceFocus input[type="range"]{
  height:30px;
  padding:0;
  border:0;
  background:transparent;
  accent-color:#0f766e;
}

#alMemberArea.al-tanks .al-appearanceFocus input[type="range"]::-webkit-slider-runnable-track{
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,#0f766e,#67e8f9);
}

#alMemberArea.al-tanks .al-appearanceFocus input[type="range"]::-webkit-slider-thumb{
  width:20px;
  height:20px;
  margin-top:-6px;
  border:3px solid #fff;
  border-radius:50%;
  background:#0f766e;
  box-shadow:0 4px 12px rgba(15,23,42,.25);
  -webkit-appearance:none;
}

#alMemberArea.al-tanks .al-appearanceFocus input[type="range"]::-moz-range-track{
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,#0f766e,#67e8f9);
}

#alMemberArea.al-tanks .al-appearanceFocus input[type="range"]::-moz-range-thumb{
  width:18px;
  height:18px;
  border:3px solid #fff;
  border-radius:50%;
  background:#0f766e;
  box-shadow:0 4px 12px rgba(15,23,42,.25);
}

#alMemberArea.al-tanks .al-publicPhotoTimeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

#alMemberArea.al-tanks .al-progressTimeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

#alMemberArea.al-tanks .al-publicPhotoTimeline__item,
#alMemberArea.al-tanks .al-progressTimeline__item{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}

#alMemberArea.al-tanks .al-publicPhotoTimeline__item img,
#alMemberArea.al-tanks .al-progressTimeline__item img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}

#alMemberArea.al-tanks .al-publicPhotoTimeline__item figcaption,
#alMemberArea.al-tanks .al-progressTimeline__item figcaption{
  display:grid;
  gap:7px;
  padding:10px;
  color:#334155;
  font-size:13px;
  line-height:1.35;
}

@media (max-width: 980px){
  #alMemberArea.al-tanks .al-tanksTodayGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #alMemberArea.al-tanks .al-publicPhotoTimeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #alMemberArea.al-tanks .al-progressTimeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 720px){
  #alMemberArea.al-tanks .al-tanksTodayGrid,
  #alMemberArea.al-tanks .al-careRhythmGrid,
  #alMemberArea.al-tanks .al-liteDetails__grid,
  #alMemberArea.al-tanks .al-appearanceFocus{
    grid-template-columns:1fr;
  }

  #alMemberArea.al-tanks .al-tanksTodayGrid{
    gap:10px;
    margin-bottom:14px;
  }

  #alMemberArea.al-tanks .al-tanksTodayCard .al-tanksSurface__body{
    padding:15px;
  }

  #alMemberArea.al-tanks .al-appearanceCover__preview{
    min-height:235px;
    border-radius:20px;
  }

  #alMemberArea.al-tanks .al-publicPhotoTimeline,
  #alMemberArea.al-tanks .al-progressTimeline{
    grid-template-columns:1fr;
  }
}

/* Focused Tank Hub correction pass */
#alMemberArea.al-tanks .al-tanks__chip,
#alMemberArea.al-tanks .al-tanks__chip--card,
#alMemberArea.al-tanks .al-tanksTodayCard .al-tanks__chip,
#alMemberArea.al-tanks .al-publicHubCard .al-tanks__chip{
  color:#0f3f3a;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(236,253,245,.94));
  border-color:rgba(20,83,45,.18);
  box-shadow:0 8px 20px rgba(15,23,42,.06);
  text-shadow:none;
}

#alMemberArea.al-tanks .al-tanks__hero .al-tanks__chip,
#alMemberArea.al-tanks section.al-tanks__hero.al-tanks__hero--stage .al-tanks__chip{
  color:rgba(255,255,255,.95);
  background:rgba(6,20,28,.44);
  border-color:rgba(255,255,255,.24);
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}

#alMemberArea.al-tanks .al-tanks__chip--visibility-public,
#alMemberArea.al-tanks .al-publicHubCard .al-tanks__chip--visibility-public{
  color:#063f37;
  background:linear-gradient(180deg,#ccfbf1,#99f6e4);
  border-color:rgba(13,148,136,.28);
}

#alMemberArea.al-tanks .al-tanks__chip--visibility-private,
#alMemberArea.al-tanks .al-publicHubCard .al-tanks__chip--visibility-private{
  color:#334155;
  background:linear-gradient(180deg,#f8fafc,#e2e8f0);
  border-color:rgba(100,116,139,.28);
}

#alMemberArea.al-tanks .al-tanks__hero .al-tanks__chip--visibility-public,
#alMemberArea.al-tanks section.al-tanks__hero.al-tanks__hero--stage .al-tanks__chip--visibility-public{
  color:#ecfeff;
  background:rgba(13,148,136,.42);
  border-color:rgba(153,246,228,.38);
}

#alMemberArea.al-tanks .al-tanks__hero .al-tanks__chip--visibility-private,
#alMemberArea.al-tanks section.al-tanks__hero.al-tanks__hero--stage .al-tanks__chip--visibility-private{
  color:#f8fafc;
  background:rgba(51,65,85,.50);
  border-color:rgba(226,232,240,.32);
}

#alMemberArea.al-tanks .al-tanks__hero--stage .al-tanks__hero-img,
body.page-id-35316 #alMemberArea.al-tanks section.al-tanks__hero.al-tanks__hero--stage .al-tanks__hero-img{
  object-fit:cover !important;
  object-position:var(--al-cover-position, 50% 50%) !important;
  transform-origin:var(--al-cover-focus-x, 50%) var(--al-cover-focus-y, 50%) !important;
  scale:var(--al-cover-scale, 1) !important;
}

#alMemberArea.al-tanks .al-appearanceCover__preview img{
  object-position:var(--al-cover-position, 50% 50%);
  transform-origin:var(--al-cover-focus-x, 50%) var(--al-cover-focus-y, 50%);
}

#alMemberArea.al-tanks .al-publicHub{
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(280px, .75fr);
  gap:16px;
  align-items:stretch;
}

#alMemberArea.al-tanks .al-publicHubCard{
  min-height:100%;
  text-decoration:none;
}

#alMemberArea.al-tanks .al-publicHubCard .al-tanksSurface__body{
  display:grid;
  gap:14px;
  height:100%;
}

#alMemberArea.al-tanks .al-publicHubCard__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

#alMemberArea.al-tanks .al-publicHubCard__text{
  margin:6px 0 0;
  max-width:58ch;
  line-height:1.45;
}

#alMemberArea.al-tanks .al-publicHubCard__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

#alMemberArea.al-tanks .al-publicHubCard__hint{
  padding:11px 13px;
  border-radius:14px;
  background:rgba(15,23,42,.04);
  border:1px solid rgba(15,23,42,.08);
  line-height:1.4;
}

#alMemberArea.al-tanks .al-publicHubCard__link{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-top:auto;
  color:#0f766e;
  font-weight:900;
}

#alMemberArea.al-tanks .al-dataEmpty__actions{
  display:none;
}

#alMemberArea.al-tanks .al-careRhythmCard{
  border-radius:16px;
  background:linear-gradient(180deg,#fff,rgba(240,253,250,.86));
}

#alMemberArea.al-tanks .al-careRhythmCard:focus-within{
  border-color:rgba(15,118,110,.32);
  box-shadow:0 0 0 3px rgba(20,184,166,.14);
}

#alMemberArea.al-tanks .al-careRhythmCard .al-select{
  min-height:42px;
  border-radius:12px;
  background:#fff;
  border-color:rgba(15,118,110,.18);
}

@media (max-width: 820px){
  #alMemberArea.al-tanks .al-publicHub{
    grid-template-columns:1fr;
    gap:12px;
  }

  #alMemberArea.al-tanks .al-publicHubCard__head{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
}

@media (max-width: 720px){
  #alMemberArea.al-tanks .al-tanks__heroMeta{
    gap:6px;
  }

  #alMemberArea.al-tanks .al-tanks__heroMeta .al-tanks__chip:not(.al-tanks__chip--visibility):not(.al-tanks__chip--mobileSecondary),
  #alMemberArea.al-tanks .al-tanks__chip--desktopOnly,
  #alMemberArea.al-tanks .al-tanks__chip--hideMobile{
    display:none !important;
  }

  #alMemberArea.al-tanks .al-tanks__hero .al-tanks__chip,
  #alMemberArea.al-tanks section.al-tanks__hero.al-tanks__hero--stage .al-tanks__chip{
    max-width:100%;
    font-size:12px;
    white-space:nowrap;
  }

  #alMemberArea.al-tanks .al-publicHubCard .al-tanksSurface__body,
  #alMemberArea.al-tanks .al-tanksTodayCard .al-tanksSurface__body{
    padding:15px;
  }

  #alMemberArea.al-tanks .al-publicHubCard__actions{
    display:grid;
    grid-template-columns:1fr;
  }

  #alMemberArea.al-tanks .al-publicHubCard__actions .al-btn{
    width:100%;
    justify-content:center;
  }
}

/* Tank Hub Feed, privacy, readability, and equipment refinements */
#alMemberArea.al-tanks .al-tanksSurface__eyebrow,
#alMemberArea.al-tanks .al-dataSection__kicker,
#alMemberArea.al-tanks .al-dataCard__label,
#alMemberArea.al-tanks .al-communityCard__chip,
#alMemberArea.al-tanks .al-tanks__heroSignalLabel{
  letter-spacing:.035em;
  font-weight:760;
  line-height:1.25;
}

#alMemberArea.al-tanks .al-tanks__chip,
#alMemberArea.al-tanks .al-communityCard__chip{
  line-height:1.25;
  letter-spacing:0;
  font-weight:760;
}

#alMemberArea.al-tanks .al-tanks__chip--card.al-tanks__chip--visibility-public{
  color:#063f37;
  background:linear-gradient(180deg,#ccfbf1,#99f6e4);
  border-color:rgba(13,148,136,.28);
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}

#alMemberArea.al-tanks .al-tankFeedPanel{
  display:grid;
  gap:14px;
}

#alMemberArea.al-tanks .al-feedShareCta .al-tanksSurface__body{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

#alMemberArea.al-tanks .al-tankHubFeedPane{
  padding:0;
  border-radius:22px;
}

#alMemberArea.al-tanks .al-tankHubFeedPane .al-tanksSurface__body{
  padding-top:0;
}

#alMemberArea.al-tanks .al-tankHubFeedPane .al-communityGrid--featured{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#alMemberArea.al-tanks .al-visibilityRow--primary{
  border-color:rgba(15,118,110,.22);
  background:linear-gradient(180deg, rgba(240,253,250,.96), rgba(255,255,255,.96));
}

#alMemberArea.al-tanks .al-visibilityDivider{
  height:1px;
  margin:2px 0;
  background:linear-gradient(90deg, transparent, rgba(15,23,42,.14), transparent);
}

#alMemberArea.al-tanks .al-visibilityDisabledNote{
  padding:10px 12px;
  border-radius:14px;
  background:rgba(15,23,42,.045);
  border:1px solid rgba(15,23,42,.07);
  font-size:13px;
  line-height:1.4;
}

#alMemberArea.al-tanks .al-visibilityRow.is-disabled{
  opacity:.55;
  background:rgba(248,250,252,.68);
}

#alMemberArea.al-tanks .al-visibilityRow.is-disabled .al-visibilityToggle{
  filter:grayscale(.75);
}

#alMemberArea.al-tanks .al-dataCards--equipment{
  grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(145px,1fr));
  align-items:stretch;
}

#alMemberArea.al-tanks .al-dataCard--light{
  display:grid;
  gap:10px;
}

#alMemberArea.al-tanks .al-equipmentLightingDetails{
  display:grid;
  gap:10px;
  margin-top:6px;
  padding-top:12px;
  border-top:1px solid rgba(15,23,42,.08);
}

#alMemberArea.al-tanks .al-equipmentLightingDetails[hidden]{
  display:none;
}

#alMemberArea.al-tanks .al-equipmentLightingDetails__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

#alMemberArea.al-tanks .al-dataCard__value--small{
  font-size:14px;
  line-height:1.35;
  letter-spacing:0;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}

#alMemberArea.al-tanks .al-dataNotice--lighting{
  margin:0;
  padding:10px 11px;
  font-size:12px;
}

@media (max-width: 980px){
  #alMemberArea.al-tanks .al-tankHubFeedPane .al-communityGrid--featured,
  #alMemberArea.al-tanks .al-dataCards--equipment{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #alMemberArea.al-tanks .al-dataCard--light{
    grid-column:1 / -1;
  }
}

@media (max-width: 720px){
  #alMemberArea.al-tanks .al-feedShareCta .al-tanksSurface__body{
    display:grid;
    grid-template-columns:1fr;
  }

  #alMemberArea.al-tanks .al-feedShareCta .al-btn{
    width:100%;
    justify-content:center;
  }

  #alMemberArea.al-tanks .al-tankHubFeedPane .al-communityGrid--featured,
  #alMemberArea.al-tanks .al-dataCards--equipment,
  #alMemberArea.al-tanks .al-equipmentLightingDetails__grid{
    grid-template-columns:1fr !important;
  }
}

/* Tank Hub / Community readability and layout finish */
#alMemberArea.al-tanks .al-tanks__segments,
#alMemberArea.al-community .al-communityTabs{
  -webkit-overflow-scrolling:touch;
}

#alMemberArea.al-tanks .al-seg,
#alMemberArea.al-tanks .al-subtab,
#alMemberArea.al-tanks .al-tasksFilter,
#alMemberArea.al-community .al-communityTab{
  line-height:1.2;
  letter-spacing:0;
  font-weight:760;
  white-space:nowrap;
}

#alMemberArea.al-tanks .al-tanksSurface__eyebrow,
#alMemberArea.al-tanks .al-dataSection__kicker,
#alMemberArea.al-tanks .al-dataCard__label,
#alMemberArea.al-tanks .al-tankTileMeta__label,
#alMemberArea.al-tanks .al-tankTile__storyLabel,
#alMemberArea.al-tanks .al-tankTile__progressLabel,
#alMemberArea.al-community .al-communityStat__label,
#alMemberArea.al-community .al-communityRankCard__label{
  letter-spacing:.025em;
  font-weight:700;
  line-height:1.35;
}

#alMemberArea.al-tanks .al-tanks__chip,
#alMemberArea.al-tanks .al-tanks__chip--card,
#alMemberArea.al-tanks .al-communityCard__chip,
#alMemberArea.al-community .al-communityCard__chip,
#alMemberArea.al-tanks .al-publicTankOwner__badge{
  letter-spacing:0;
  line-height:1.35;
  font-weight:720;
  text-shadow:none;
}

#alMemberArea.al-tanks .al-tanks__chip.al-tanks__chip--visibility-public,
#alMemberArea.al-tanks .al-tanks__chip--card.al-tanks__chip--visibility-public,
#alMemberArea.al-community .al-tanks__chip.al-tanks__chip--visibility-public,
#alMemberArea.al-community .al-tanks__chip--card.al-tanks__chip--visibility-public{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 9px;
  border-radius:999px;
  letter-spacing:0;
  line-height:1.35;
  font-weight:720;
  color:#063f37;
  background:linear-gradient(180deg,#ccfbf1,#99f6e4);
  border-color:rgba(13,148,136,.28);
}

#alMemberArea.al-tanks .al-communityCard__chip,
#alMemberArea.al-community .al-communityCard__chip{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 9px;
  border-radius:999px;
  color:#0f766e;
  background:rgba(15,118,110,.10);
}

#alMemberArea.al-tanks .al-communityCard__chip--warm,
#alMemberArea.al-community .al-communityCard__chip--warm{
  color:#92400e;
  background:rgba(245,158,11,.14);
}

#alMemberArea.al-tanks .al-member-avatar,
#alMemberArea.al-tanks .al-account-avatar,
#alMemberArea.al-tanks .al-tankOwnerAvatar,
#alMemberArea.al-tanks .al-communityOwner__avatar,
#alMemberArea.al-tanks .al-publicTankOwner__avatar,
#alMemberArea.al-community .al-member-avatar,
#alMemberArea.al-community .al-account-avatar,
#alMemberArea.al-community .al-tankOwnerAvatar,
#alMemberArea.al-community .al-communityOwner__avatar,
#alMemberArea.al-community .al-publicTankOwner__avatar{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  max-width:44px;
  max-height:44px;
  flex:0 0 44px;
  border-radius:999px;
  object-fit:cover;
  display:block;
  overflow:hidden;
}

#alMemberArea.al-tanks .al-member-avatar img,
#alMemberArea.al-tanks .al-account-avatar img,
#alMemberArea.al-tanks .al-tankOwnerAvatar img,
#alMemberArea.al-tanks .al-communityOwner__avatar img,
#alMemberArea.al-tanks .al-publicTankOwner__avatar img,
#alMemberArea.al-community .al-member-avatar img,
#alMemberArea.al-community .al-account-avatar img,
#alMemberArea.al-community .al-tankOwnerAvatar img,
#alMemberArea.al-community .al-communityOwner__avatar img,
#alMemberArea.al-community .al-publicTankOwner__avatar img{
  width:100%;
  height:100%;
  min-width:100%;
  min-height:100%;
  max-width:100%;
  max-height:100%;
  border-radius:999px;
  object-fit:cover;
  display:block;
}

#alMemberArea.al-tanks .al-publicTankOwner__avatarLink{
  width:44px;
  height:44px;
}

#alMemberArea.al-tanks .al-dataCards--equipment{
  gap:14px;
}

#alMemberArea.al-tanks .al-dataCards--equipment .al-dataCard{
  min-width:0;
}

#alMemberArea.al-tanks .al-dataCards--equipment .al-dataCard__value{
  overflow-wrap:anywhere;
  line-height:1.35;
}

#alMemberArea.al-tanks .al-equipmentLightingDetails__grid{
  align-items:stretch;
}

#alMemberArea.al-tanks .al-equipmentLightingDetails__grid .al-dataMini{
  min-width:0;
}

@media (max-width: 760px){
  #alMemberArea.al-community .al-communityTabs{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:8px;
    padding:6px;
    overflow:visible;
    scroll-snap-type:none;
  }

  #alMemberArea.al-community .al-communityTab{
    width:100%;
    min-width:0;
    max-width:100%;
    padding:0 10px;
    scroll-snap-align:none;
    white-space:nowrap;
  }

  #alMemberArea.al-community .al-communityTab__desktop{
    display:none;
  }

  #alMemberArea.al-community .al-communityTab__mobile{
    display:inline;
  }
}

/* Shared context-nav refinements where Tanks/Community CSS loads later. */
#alMemberArea.al-tanks .al-context-nav,
#alMemberArea.al-community .al-context-nav{
  display:block;
  width:100%;
  max-width:100%;
  margin:0 0 16px;
  padding:4px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.045);
  overflow-x:auto;
  overflow-y:hidden;
}

#alMemberArea.al-tanks .al-context-nav__list,
#alMemberArea.al-community .al-context-nav__list{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:max-content;
}

#alMemberArea.al-tanks .al-context-nav__link,
#alMemberArea.al-community .al-context-nav__link{
  min-height:36px;
  padding:0 13px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:rgba(15,23,42,.72);
  font-size:13px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:0;
  box-shadow:none;
  transform:none !important;
}

#alMemberArea.al-community .al-communityTab.is-active{
  color:#1f553a;
  background:rgba(44,107,74,.075);
  border-color:rgba(44,107,74,.18);
  box-shadow:inset 0 -2px 0 rgba(44,107,74,.42);
}

#alMemberArea.al-tanks .al-context-nav--tank .al-seg.is-active,
#alMemberArea.al-tanks .al-context-nav--tank .al-seg[aria-selected="true"]{
  color:#1559bf;
  background:rgba(37,99,235,.08);
  border-color:rgba(37,99,235,.20);
  box-shadow:inset 0 -2px 0 rgba(37,99,235,.50);
}

#alMemberArea.al-tanks .al-context-nav--tank .al-seg::after{
  content:none;
}

#alMemberArea.al-tanks .al-context-nav--tank.al-tanks__segments::after{
  content:none;
}

@media (max-width: 760px){
  #alMemberArea.al-community .al-communityTabs.al-context-nav{
    display:block !important;
    overflow-x:auto;
  }

  #alMemberArea.al-community .al-communityTabs .al-context-nav__list{
    display:flex;
    min-width:max-content;
  }

  #alMemberArea.al-community .al-communityTab{
    width:auto;
    min-width:auto;
  }
}

/* Final context-nav density pass for Tanks/Community, loaded after shared member CSS. */
#alMemberArea.al-tanks .al-context-nav,
#alMemberArea.al-community .al-context-nav{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 0 12px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
}

#alMemberArea.al-tanks .al-context-nav__list,
#alMemberArea.al-community .al-context-nav__list{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:max-content !important;
}

#alMemberArea.al-tanks .al-context-nav__link,
#alMemberArea.al-community .al-context-nav__link{
  position:relative !important;
  min-height:34px !important;
  padding:0 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(15,23,42,.68) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
  transform:none !important;
}

#alMemberArea.al-tanks .al-context-nav__link::after,
#alMemberArea.al-community .al-context-nav__link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  height:2px;
  border-radius:999px;
  background:rgba(44,107,74,.78);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .14s ease;
}

#alMemberArea.al-tanks .al-context-nav__link:hover,
#alMemberArea.al-community .al-context-nav__link:hover,
#alMemberArea.al-tanks .al-context-nav__link:focus-visible,
#alMemberArea.al-community .al-context-nav__link:focus-visible{
  background:transparent !important;
  color:#0f172a !important;
  outline:none;
}

#alMemberArea.al-community .al-communityTab.is-active,
#alMemberArea.al-community .al-communityTab[aria-selected="true"]{
  color:#1f553a !important;
  background:transparent !important;
  border-color:transparent !important;
  font-weight:600 !important;
  box-shadow:none !important;
}

#alMemberArea.al-community .al-communityTab.is-active::after,
#alMemberArea.al-community .al-communityTab[aria-selected="true"]::after{
  transform:scaleX(1);
}

#alMemberArea.al-tanks .al-context-nav--tank{
  width:max-content !important;
  max-width:100% !important;
  padding:3px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(15,23,42,.035) !important;
}

#alMemberArea.al-tanks .al-context-nav--tank .al-context-nav__list{
  gap:2px !important;
}

#alMemberArea.al-tanks .al-context-nav--tank .al-seg{
  min-height:38px !important;
  padding:0 12px !important;
  border:1px solid transparent !important;
  border-radius:9px !important;
}

#alMemberArea.al-tanks .al-context-nav--tank .al-seg::after{
  content:none !important;
}

#alMemberArea.al-tanks .al-context-nav--tank .al-seg.is-active,
#alMemberArea.al-tanks .al-context-nav--tank .al-seg[aria-selected="true"]{
  color:#1559bf !important;
  background:rgba(37,99,235,.08) !important;
  border-color:rgba(37,99,235,.20) !important;
  box-shadow:none !important;
  font-weight:600 !important;
}

@media (max-width:760px){
  #alMemberArea.al-tanks .al-context-nav,
  #alMemberArea.al-community .al-context-nav{
    width:100% !important;
    margin-bottom:10px !important;
  }

  #alMemberArea.al-tanks .al-context-nav__list,
  #alMemberArea.al-community .al-context-nav__list{
    gap:14px !important;
  }

  #alMemberArea.al-tanks .al-context-nav--tank{
    width:100% !important;
  }

  #alMemberArea.al-tanks .al-context-nav--tank .al-context-nav__list{
    gap:2px !important;
  }

  #alMemberArea.al-community .al-communityTab{
    width:auto !important;
    min-width:auto !important;
    padding:0 2px !important;
  }
}

#alMemberArea.al-tanks .al-tanks__feeditem:hover{
  transform:none !important;
  box-shadow:
    0 18px 40px rgba(15,23,42,.10),
    0 6px 18px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}