/* Build 006B.4 — Living Bags Card Layout
   Each registered bag is a distinct calm Nordic Glass window. */

.living-bag-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));
  gap:clamp(16px,2vw,24px);
  align-items:stretch;
}

.living-bag-card{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-rows:auto auto auto 1fr auto;
  gap:clamp(14px,1.6vw,20px);
  min-width:0;
  min-height:360px;
  padding:clamp(18px,2vw,26px);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--line) 82%,var(--accent) 18%);
  border-radius:20px;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb,var(--solid) 94%,var(--accent) 6%),
      color-mix(in srgb,var(--solid) 98%,transparent)
    );
  box-shadow:
    0 14px 34px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.living-bag-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:color-mix(in srgb,var(--accent) 55%,transparent);
  opacity:.72;
}

.living-bag-card.medium::before{
  background:#e5c96d;
}

.living-bag-card:hover{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line));
  box-shadow:
    0 17px 42px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.045);
}

.living-bag-card-head{
  grid-template-columns:50px minmax(0,1fr) auto;
  padding-bottom:14px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);
}

.living-bag-card-head h3{
  overflow-wrap:anywhere;
}

.living-bag-card-head .privacy-chip{
  grid-column:2/3;
  margin-top:5px;
}

.living-important-button{
  align-self:start;
}

.living-bag-status-row{
  min-height:35px;
  padding:0 2px;
}

.living-bag-location-preview{
  min-height:76px;
  background:color-mix(in srgb,var(--accent) 6%,var(--solid));
}

.living-bag-location-preview strong,
.living-bag-location-preview small{
  overflow-wrap:anywhere;
}

.living-bag-card-meta{
  align-self:start;
  padding:14px 0;
  border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);
}

.living-bag-card-meta>div{
  min-width:0;
}

.living-bag-card-meta strong{
  overflow-wrap:anywhere;
}

.living-bag-actions{
  align-self:end;
  padding-top:2px;
}

.living-bag-actions .btn{
  min-width:88px;
}

/* More than two cards remain clearly separated and balanced. */
@media(min-width:1500px){
  .living-bag-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:980px){
  .living-bag-grid{
    grid-template-columns:1fr;
  }

  .living-bag-card{
    min-height:0;
  }
}

@media(max-width:620px){
  .living-bag-card{
    padding:17px;
    border-radius:17px;
  }

  .living-bag-card-head{
    grid-template-columns:44px minmax(0,1fr) auto;
  }

  .living-bag-card-meta{
    grid-template-columns:1fr;
    gap:12px;
  }

  .living-bag-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .living-bag-actions .btn{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .living-bag-card{
    transition:none!important;
  }
}