/* ===== the remembered-details bar in the Apply form =====
   One button fills every field from the last application on this device; the
   fields themselves carry their earlier value as a suggestion. */
.apply-memory-bar {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  margin: 0 0 1rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid #dbe6e7;
  border-radius: 12px;
  background: #f4fafa;
}

.apply-memory-icon {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #e4f4f3;
  color: #01545f;
  font-size: 0.82rem;
}

.apply-memory-copy {
  flex: 1 1 220px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.apply-memory-copy strong {
  color: #013947;
  font-size: 0.86rem;
  font-weight: 800;
}

.apply-memory-count,
.apply-memory-note {
  color: #5c6b62;
  font-size: 0.76rem;
  line-height: 1.4;
}

.apply-memory-note:empty { display: none; }
.apply-memory-note { color: #14686c; font-weight: 700; }

.apply-memory-actions {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.apply-memory-fill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.95rem;
  border: 0;
  border-radius: 999px;
  background: #D5A72A;
  color: #013947;
  font-size: 0.8rem;
  font-weight: 800;
  cursor: pointer;
}

.apply-memory-fill:hover {
  background: #B98D1F;
}

.apply-memory-fill[disabled] {
  background: #e6e2d3;
  color: #7b8794;
  cursor: default;
}

.apply-memory-forget {
  padding: 0.45rem 0.8rem;
  border: 1px solid #d1d9e6;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
}

.apply-memory-forget:hover {
  border-color: #b9c2cc;
  color: #334155;
}

/* A field the button just filled is marked, so it is obvious what came back. */
.apply-memory-filled {
  background: #fffdf3 !important;
  box-shadow: inset 0 0 0 1.5px rgba(213, 167, 42, 0.55) !important;
}

@media (max-width: 1024px) {
  .apply-memory-actions { width: 100%; }
  .apply-memory-fill { flex: 1 1 100%; justify-content: center; }
}