    .alert-levels {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0.5rem;
    }
    .alert-box {
      text-align: center;
      padding: 0.5rem 0.2rem 0.4375rem;
      border-radius: 4px;
      color: #fff;
      font-weight: 700;
    }
    .alert-box .n { font-size: 1.25rem; line-height: 1.1; letter-spacing: -0.03em; }
    .alert-box .t {
      font-size: 0.6875rem;
      font-weight: 500;
      margin-top: 0.125rem;
      letter-spacing: -0.02em;
    }
    .alert-box .alert-bags {
      list-style: none;
      margin: 0.35rem 0 0;
      padding: 0;
      width: 100%;
      font-size: 0.5625rem;
      font-weight: 500;
      line-height: 1.3;
      letter-spacing: -0.02em;
      opacity: 0.92;
      text-align: center;
    }
    .alert-box .alert-bags li {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0.05rem 0;
    }
    .al-yellow .alert-bags { color: #333; opacity: 1; }
    .al-blue { background: #3498db; }
    .al-yellow { background: #f1c40f; color: #333; }
    .al-yellow .n, .al-yellow .t { color: #333; }
    .al-orange { background: #f39c12; }
    .al-red { background: #e74c3c; }
    .bar-row { margin-bottom: 0.4375rem; }
    .bar-row .meta {
      display: flex;
      justify-content: space-between;
      font-size: 0.6875rem;
      color: var(--muted);
      margin-bottom: 0.15rem;
      letter-spacing: -0.02em;
    }
    .bar-track {
      height: 7px;
      background: #f1f5f9;
      border-radius: 4px;
      overflow: hidden;
    }
    .bar-fill { height: 100%; background: #f59e0b; border-radius: 4px; }
    .card-low-stock {
      display: flex;
      flex-direction: column;
      min-height: 100%;
    }
    .card-low-stock .card-bd {
      flex: 1;
      display: flex;
      flex-direction: column;
      min-height: 0;
    }
    .card-low-stock .low-stock-grid {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      gap: 0.75rem;
      min-height: 9.5rem;
    }
    .grid .card-low-stock.stock-tall .low-stock-grid {
      min-height: 100%;
      gap: 1rem;
    }
    .card-low-stock .bar-row {
      flex: 1 1 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-bottom: 0;
      min-height: 2.75rem;
    }
    .grid .card-low-stock.stock-tall .bar-row {
      min-height: 3.25rem;
      flex: 1 1 auto;
    }
    .card-low-stock .bar-row .meta { margin-bottom: 0.3rem; }
    .grid .card-low-stock.stock-tall .bar-row .meta {
      margin-bottom: 0.45rem;
      font-size: 0.75rem;
    }
    .card-low-stock .bar-track {
      flex: 1 1 auto;
      height: auto;
      min-height: 12px;
      max-height: 2.25rem;
      border-radius: 6px;
    }
    .grid .card-low-stock.stock-tall .bar-track {
      min-height: 16px;
      max-height: 3.25rem;
    }
    .card-low-stock .bar-fill { border-radius: 6px; }
    .stock-pair.grid2 {
      align-items: stretch;
    }
    .stock-pair.grid2 .card {
      display: flex;
      flex-direction: column;
      min-height: 100%;
    }
    .stock-pair.grid2 .card-stock-alert .card-bd {
      flex: 1;
      display: flex;
      flex-direction: column;
      min-height: 0;
    }
    .stock-pair.grid2 .card-stock-alert .alert-levels {
      flex: 1;
      align-items: stretch;
      min-height: 9.5rem;
    }
    .stock-pair.grid2 .card-stock-alert .alert-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
      min-height: 100%;
      padding: 0.625rem 0.3rem;
      box-sizing: border-box;
      border-radius: 6px;
    }
    .stock-pair.grid2 .card-stock-alert .alert-box .n {
      font-size: 1.35rem;
    }
    .stock-pair.grid2 .card-stock-alert .alert-box .alert-bags {
      font-size: 0.625rem;
      margin-top: 0.45rem;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      gap: 0.12rem;
    }
    .stock-pair.grid2 .card-stock-alert .alert-box .alert-bags li {
      white-space: normal;
      line-height: 1.25;
    }
