/* Jen karta Dospělá/Dospělý. Žádné selektory pro hlavičku aplikace či jiné záložky. */
.adult-design-card {
  --adult-teal: #108f7b;
  --adult-soft: #eaf8f4;
  --adult-border: #a8dcd0;
  --adult-ink: #17483e;
  /* Malé písmo používá zoom .88: 50 CSS px stále znamená 44 px na displeji. */
  --adult-touch: 50px;
  border: 1.5px solid var(--adult-border) !important;
  border-radius: 16px;
  box-shadow: 0 3px 12px #174d3e0a !important;
  background: var(--surface);
}
html.dark .adult-design-card {
  --adult-teal: #157d6c; --adult-soft: #193d34;
  --adult-border: #397c6a; --adult-ink: #e0f6ef;
}
.adult-design-card > .adult-header {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: start; gap: 14px; padding: 18px !important;
  border-bottom: 0; background: linear-gradient(110deg, var(--surface), var(--adult-soft)) !important;
}
.adult-design-card .adult-identity { min-width: 0; align-items: center !important; }
.adult-design-card .adult-identity > div:last-child {
  min-width: 0; overflow-wrap: anywhere; white-space: normal;
}
.adult-design-card .adult-avatar { margin-right: 14px !important; }
.adult-design-card .adult-avatar > div,
.adult-design-card .adult-avatar .sq-avatar {
  width: 68px !important; height: 68px !important; font-size: 34px;
  border-radius: 15px; background: var(--adult-soft); border-color: var(--adult-border);
}
.adult-design-card .adult-name-line {
  display: flex; align-items: baseline; gap: 7px; min-width: 0;
}
.adult-design-card .adult-name-line .sex-badge {
  flex: 0 0 21px; width: 21px; height: 21px;
  margin: 0 !important; align-self: start;
}
.adult-design-card .adult-name {
  min-width: 0; font-size: calc(20px * var(--fs-scale, 1)); line-height: 1.25;
  white-space: normal; overflow-wrap: anywhere; word-break: normal;
  max-height: none; overflow: visible; text-overflow: clip;
}
.adult-design-card .adult-quick-actions {
  display: grid; grid-template-columns: repeat(2, var(--adult-touch));
  gap: 7px !important; align-items: start;
}
.adult-design-card .adult-quick-actions > button,
.adult-design-card .adult-quick-actions .att-group {
  min-width: var(--adult-touch); min-height: var(--adult-touch);
  display: flex; align-items: center; justify-content: center;
  padding: 5px !important; margin: 0; box-sizing: border-box;
  border: 1px solid var(--border); border-radius: 10px;
  background: var(--surface); color: var(--text); font-size: 19px !important;
}
.adult-design-card .adult-quick-actions > [data-atts-cat] { grid-column: 2; }
.adult-design-card .adult-quick-actions .quick-attachments { margin: 0; padding: 0; }
.adult-design-card .adult-quick-actions .mini-photo-link {
  width: auto; height: auto; border: 0; margin: 0; box-shadow: none; background: none;
}
.adult-design-card .adult-health-panel {
  display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 1fr));
  gap: 14px; align-items: center; margin: 0 18px; padding: 15px;
  background: var(--adult-soft); color: var(--adult-ink);
  border: 1px solid var(--adult-border); border-radius: 13px;
}
.adult-design-card .adult-health-heading {
  display: flex; align-items: center; gap: 10px; min-width: 0; overflow-wrap: anywhere;
}
.adult-design-card .adult-health-icon {
  display: grid; place-items: center; flex: 0 0 40px; height: 45px;
  border-radius: 13px 13px 18px 18px; background: var(--adult-teal); color: #fff;
  font-size: 27px; font-weight: 700;
}
.adult-design-card .adult-health-heading strong { display: block; font-size: calc(17px * var(--fs-scale, 1)); }
.adult-design-card .adult-health-heading span:not(.adult-health-icon) { display: block; margin-top: 4px; font-size: calc(11px * var(--fs-scale, 1)); }
.adult-design-card .adult-health-date {
  min-width: 0; padding-left: 12px; border-left: 1px solid var(--adult-border);
  overflow-wrap: anywhere; white-space: normal;
}
.adult-design-card .adult-health-date > span { display: block; font-size: calc(11px * var(--fs-scale, 1)); }
.adult-design-card .adult-health-date strong { display: block; margin-top: 4px; font-size: calc(16px * var(--fs-scale, 1)); }
.adult-design-card .adult-health-date small { display: block; margin-top: 4px; font-size: calc(11px * var(--fs-scale, 1)); }
.adult-design-card .has-past-date .adult-health-date:last-child small { color: #955317; font-weight: 700; }
.adult-design-card .adult-card-actions {
  display: grid; grid-template-columns: minmax(0, 1.8fr) repeat(2, minmax(0, 1fr));
  gap: 8px; padding: 12px 18px 16px; align-items: stretch;
}
.adult-design-card :is(.adult-health-button, .adult-edit-button, .adult-more summary) {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  min-width: 0; min-height: var(--adult-touch); height: auto;
  box-sizing: border-box; padding: 10px 8px; border-radius: 10px;
  border: 1px solid var(--adult-border); background: var(--surface); color: var(--text);
  font: 600 calc(13px * var(--fs-scale, 1))/1.3 'IBM Plex Sans', sans-serif;
  white-space: normal; overflow-wrap: anywhere; text-align: center; cursor: pointer;
}
.adult-design-card .adult-card-actions > .adult-health-button {
  background: var(--adult-teal); color: #fff; border-color: var(--adult-teal);
}
.adult-design-card .adult-health-button::before { content: '✚'; font-size: 18px; }
.adult-design-card .adult-more { min-width: 0; }
.adult-design-card .adult-more summary { list-style: none; height: 100%; color: var(--accent); }
.adult-design-card .adult-more summary::-webkit-details-marker { display: none; }
.adult-design-card .adult-more summary::after { content: '⌄'; }
.adult-design-card .adult-more:not([open]) > .adult-original-actions { display: none !important; }
.adult-design-card .adult-more[open] { grid-column: 1 / -1; }
.adult-design-card .adult-more[open] > summary { height: auto; }
.adult-design-card .adult-more[open] > .adult-original-actions {
  display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 110px), 1fr));
  gap: 8px !important; margin-top: 8px;
}
.adult-design-card .adult-original-actions button {
  min-height: var(--adult-touch); min-width: var(--adult-touch); white-space: normal; overflow-wrap: anywhere;
}
.adult-design-card .repro-info { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .adult-design-card > .adult-header { padding: 14px !important; }
  .adult-design-card .adult-health-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 14px; padding: 12px; gap: 12px;
  }
  .adult-design-card .adult-health-heading { grid-column: 1 / -1; }
  .adult-design-card .adult-health-date {
    padding: 10px 0 0; border-left: 0; border-top: 1px solid var(--adult-border);
  }
  .adult-design-card .adult-card-actions { padding: 10px 14px 14px; gap: 6px; }
}
@media (max-width: 520px) {
  .adult-design-card > .adult-header { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .adult-design-card .adult-quick-actions { display: flex; flex-wrap: wrap; justify-self: end; max-width: 100%; }
  .adult-design-card .adult-quick-actions .quick-attachments { display: flex; flex-wrap: wrap; }
}