/* Browser-state controls in the shared My Aquariums workspace. */
#alMemberArea.al-instant {
  --ia-ink: var(--al-surface-ink, #14231c);
  --ia-muted: #526860;
  --ia-line: var(--al-surface-border, #e1e8e4);
  --ia-tint: #edf5f0;
  min-block-size: 70vh;
}
.al-instant [hidden], .al-instant-notice [hidden], #al-auth-neo [data-auth-instant-summary][hidden] { display: none !important; }
html:has(.al-instant-notice[open]) { overflow: hidden; }
.al-instant-notice__close {
  position: absolute;
  inset-block-start: .65rem;
  inset-inline-end: .65rem;
  inline-size: 44px;
  block-size: 44px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: .65rem;
  background: transparent;
  color: inherit;
  font: 1.5rem/1 system-ui;
  cursor: pointer;
}
.al-instant-notice__close:hover { background: #edf5f0; }
.al-instant-aquarium-workspace #alHeader :is(#alHeaderJoin, #alSignupPill, .al-authpill--primary) { display: none !important; }
#alMemberArea.al-instant .al-aquariumContext { top: var(--al-fixed-top, var(--al-header-h, 0px)); }
#alMemberArea.al-instant .al-tanks__compactBarTitle { white-space: normal; overflow-wrap: anywhere; }
#alMemberArea.al-instant .al-tanks__compactBarCopy { flex: 1; }
#alMemberArea.al-instant .al-tanks__compactBarPreview--empty { display: grid; place-items: center; color: #216449; }
#alMemberArea.al-instant .al-tanks__compactBarActions [data-ia-save] {
  min-block-size: 44px !important;
  padding-inline: .85rem;
  white-space: nowrap;
}
#alMemberArea.al-instant .al-tankNav__primary [data-ia-locked] { color: #596960; gap: 3px; }
#alMemberArea.al-instant .al-tankNav__primary .al-instant__tab-lock { width: 11px; height: 11px; flex: 0 0 11px; }
#alMemberArea.al-instant .al-instant__profile-placeholder { display: grid; place-items: center; cursor: default; }
#alMemberArea.al-instant .al-instant__profile-placeholder .al-workspaceIcon { width: 38px; height: 38px; color: #668577; }
.al-instant__status { margin: 0; padding: .7rem 1rem; background: var(--ia-tint); }
.al-instant :is([data-ia-message],[data-ia-stocking-result],[data-ia-edit-message]):empty { display: none; }
.al-instant__review { padding: 1rem; margin: 1rem 0; }
.al-instant__review h2 { margin-top: 0; font-size: 1.125rem; }
.al-instant__review a { display: inline-block; padding: .6rem; }
.al-instant__empty { margin: 1rem auto; }
.al-instant [data-ia-stocking-result]:not(:empty) { padding: .75rem; background: var(--ia-tint); border-radius: .55rem; }

#alMemberArea.al-instant .al-instant__inventory-row { align-items: center; min-width: 0; }
.al-instant__equipment-main { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.al-instant__equipment-media { flex: 0 0 auto; }
.al-instant__item-copy { display: grid; gap: .15rem; min-width: 0; overflow-wrap: anywhere; }
.al-instant__item-copy small { color: var(--ia-muted); }
#alMemberArea.al-instant .al-instant__item-editor { min-width: 0; }
#alMemberArea.al-instant .al-instant__item-editor > summary { list-style: none; cursor: pointer; min-block-size: 44px; }
.al-instant__item-editor > summary::-webkit-details-marker { display: none; }
.al-instant__item-controls { display: flex; flex-wrap: wrap; align-items: end; gap: .35rem .65rem; }
.al-instant__item-controls label, .al-instant-editor label { display: grid; gap: .22rem; min-width: 0; font-size: .8rem; font-weight: 600; }
.al-instant__item-controls :is(input,select), .al-instant-editor input {
  min-block-size: 44px;
  max-inline-size: 100%;
  padding: .35rem .5rem;
  border: 1px solid var(--ia-line, #dfe9e3);
  border-radius: .55rem;
  background: #fff;
  color: inherit;
  font: inherit;
  font-size: 1rem;
}
.al-instant__item-controls input { inline-size: 4.8rem; }
.al-instant__dimensions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.al-instant__dimensions legend { margin-block-end: .3rem; font-weight: 600; }
#alMemberArea.al-instant .al-instant__remove { min-block-size: 44px; }
@media (max-width: 700px) {
  #alMemberArea.al-instant .al-tankNav__primary [role="tablist"] { gap: 0; }
  #alMemberArea.al-instant .al-tankNav__primary [role="tab"] { flex: 1 1 0; min-width: 0; font-size: clamp(.7rem, 3vw, .82rem); }
}
@media (max-width: 600px) {
  /* The CMS account frame supplies the other half of the owner inset. */
  html body #alMemberArea.al-tanks.al-instant.is-owner.is-detail .al-os-v2-content--setup { padding-inline: 8px !important; }
  #alMemberArea.al-instant .al-tankContentLayer { padding-block-start: 24px; }
}

.al-instant-notice {
  --ia-ink: var(--al-surface-ink, #14231c);
  --ia-muted: #526860;
  --ia-line: #dfe9e3;
  --ia-tint: #edf5f0;
  box-sizing: border-box;
  position: fixed;
  inset: auto;
  top: calc(var(--al-instant-view-top, 0px) + var(--al-instant-view-height, 100dvh) / 2);
  left: calc(var(--al-instant-view-left, 0px) + var(--al-instant-view-width, 100vw) / 2);
  translate: -50% -50%;
  margin: 0;
  inline-size: min(28rem, calc(var(--al-instant-view-width, 100vw) - 2rem));
  max-inline-size: none;
  max-block-size: calc(var(--al-instant-view-height, 100dvh) - 1rem);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--ia-line);
  border-radius: var(--al-surface-radius-card, 18px);
  padding: clamp(1rem, 4vw, 1.5rem);
  background: #fff;
  color: var(--ia-ink);
  box-shadow: 0 18px 58px rgba(14, 33, 24, .2);
}
.al-instant-notice::backdrop { background: rgba(14, 33, 24, .42); }
.al-instant-notice__mark, .al-instant__visual, .al-auth-instant-summary__icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  flex: 0 0 44px;
  border-radius: .65rem;
  overflow: hidden;
  background: #eaf4ed;
  color: #216449;
}
.al-instant-notice__mark { border-radius: 50%; inline-size: 46px; block-size: 46px; margin-bottom: .65rem; }
:is(.al-instant-notice__mark,.al-instant__visual,.al-auth-instant-summary__icon) svg {
  inline-size: 23px; block-size: 23px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round;
}
.al-instant-notice__mark svg { stroke-width: 2.3; }
.al-instant__visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #fff; }
.al-instant-notice h2 { font-size: clamp(1.15rem, 5vw, 1.45rem); line-height: 1.2; margin: 0 0 .45rem; }
.al-instant-notice > p { margin: 0 0 .9rem; font-size: .9rem; color: var(--ia-muted); }
.al-instant-notice__preview { border: 1px solid var(--ia-line); border-radius: .75rem; overflow: hidden; }
.al-instant-notice__identity, .al-instant-notice__line { display: flex; align-items: center; min-width: 0; gap: .65rem; padding: .55rem .7rem; overflow-wrap: anywhere; }
.al-instant-notice__identity { background: #f5f9f6; border-bottom: 1px solid var(--ia-line); }
.al-instant-notice__identity .al-instant__visual { inline-size: 36px; block-size: 36px; flex-basis: 36px; }
.al-instant-notice__copy { display: grid; gap: .1rem; min-width: 0; }
.al-instant-notice__copy small { color: var(--ia-muted); }
.al-instant-notice__actions { display: grid; gap: .3rem; margin-top: .95rem; }
.al-instant-notice__actions > :is(a,button) { min-block-size: 44px; justify-content: center; }
.al-instant-editor :is(.al-sheet__head,.al-sheet__body) { padding: 0; }
.al-instant-editor .al-sheet__head { display: flex; align-items: center; justify-content: space-between; gap: .65rem; margin-bottom: .7rem; }
.al-instant-editor form { display: grid; gap: .85rem; }
.al-instant-editor h2 { margin: 0; }
@media (max-width: 600px) {
  .al-instant-notice {
    top: calc(var(--al-instant-view-top, 0px) + var(--al-instant-view-height, 100dvh));
    translate: -50% -100%;
    inline-size: min(100%, var(--al-instant-view-width, 100vw));
    border-radius: 18px 18px 0 0;
    padding: 1.05rem 1rem max(.75rem, env(safe-area-inset-bottom));
  }
}
/* Use the normal auth views, focus trap and visual viewport handling in this task. */
#al-auth-neo.is-instant-aquarium .al-auth-experience { width: min(28rem, 100vw) !important; grid-template-columns: minmax(0, 1fr) !important; }
#al-auth-neo.is-instant-aquarium :is(.al-auth-story,.al-auth-mobile-photo) { display: none !important; }
#al-auth-neo.is-instant-aquarium .al-auth-brand { min-height: 48px; }
#al-auth-neo.is-instant-aquarium .al-auth-experience .al-views { padding: 14px clamp(14px, 4vw, 22px) !important; }
#al-auth-neo.is-instant-aquarium .al-views > .al-view.is-active { margin-block: 0; }
#al-auth-neo.is-instant-aquarium .al-view.is-active .captcha-slot:empty:not([data-visible="1"]):not([data-problem="1"]) { display: none !important; }
#al-auth-neo.is-instant-aquarium .al-auth-experience #al-auth-title { font-size: clamp(1.25rem, 5.5vw, 1.6rem) !important; }
#al-auth-neo.is-instant-aquarium .al-auth-experience .al-auth-description { margin: .65rem 0 .8rem !important; font-size: .82rem !important; }
.al-auth-instant-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .4rem .55rem;
  align-items: start;
  padding: .6rem;
  border: 1px solid #dfe9e3;
  border-radius: .65rem;
  background: #f5f9f6;
  overflow-wrap: anywhere;
  color: #14231c;
  font-size: .83rem;
}
.al-auth-instant-summary p { grid-column: 1 / -1; margin: 0; color: #526860; font-size: .73rem; }
.al-auth-instant-summary ul { display: flex; flex-wrap: wrap; gap: .18rem .35rem; list-style: none; margin: .25rem 0 0; padding: 0; }
.al-auth-instant-summary li { border-radius: .35rem; padding: .11rem .32rem; background: #e8f2eb; }
#al-auth-neo.is-instant-aquarium.al-auth-keyboard-open .al-auth-brand { display: none; }
@media (max-width: 767px) and (min-height: 700px) {
  #al-auth-neo.is-instant-aquarium:not(.al-auth-keyboard-open) .al-card.al-auth-experience {
    top: auto !important;
    bottom: 0 !important;
    height: auto !important;
    border-radius: 18px 18px 0 0 !important;
  }
  #al-auth-neo.is-instant-aquarium:not(.al-auth-keyboard-open) .al-auth-main {
    height: auto;
    max-height: calc(var(--al-auth-vvh, 100dvh) - 8px);
  }
}