/* Rezeptnest v0.5.0 */

.v5-recipe-tabs {
  display: flex;
  gap: 7px;
  margin: 0 0 15px;
  padding: 2px 1px 7px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.v5-recipe-tabs::-webkit-scrollbar { display: none; }
.v5-recipe-tabs button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text-2);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.v5-recipe-tabs button.active {
  border-color: color-mix(in srgb, var(--primary) 32%, var(--border));
  background: var(--primary-soft);
  color: var(--primary-2);
  box-shadow: 0 5px 13px color-mix(in srgb, var(--primary) 13%, transparent);
}

.v5-ai-card-action { background: var(--lavender-soft); color: var(--lavender); }
.v5-ai-card-action svg { width: 16px; height: 16px; }

.v5-ai-prep {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin-bottom: 13px;
  padding: 13px;
  border: 1px solid color-mix(in srgb, var(--primary) 25%, var(--border));
  border-radius: var(--radius);
  background: linear-gradient(135deg, var(--primary-soft), color-mix(in srgb, var(--lavender-soft) 45%, white));
}
.v5-ai-prep-icon {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(255,255,255,.78);
  color: var(--primary);
}
.v5-ai-prep-icon svg { width: 22px; height: 22px; }
.v5-ai-prep-copy { display: flex; flex-direction: column; min-width: 0; }
.v5-ai-prep-copy strong { font-size: 14px; line-height: 1.25; }
.v5-ai-prep-copy span { margin-top: 4px; color: var(--text-2); font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }

.v5-ai-state,
.v5-import-summary,
.v5-ai-info,
.v5-warning-box {
  margin-bottom: 14px;
  border-radius: 15px;
}
.v5-ai-state {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--border);
  background: var(--bg);
  color: var(--text-2);
}
.v5-ai-state.active { border-color: color-mix(in srgb, var(--primary) 34%, var(--border)); background: var(--primary-soft); color: var(--primary-2); }
.v5-ai-state > svg { width: 24px; height: 24px; flex: 0 0 auto; }
.v5-ai-state > div { display: flex; flex-direction: column; min-width: 0; }
.v5-ai-state strong { color: var(--text); font-size: 14px; }
.v5-ai-state span { margin-top: 4px; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.field small { color: var(--text-3); font-size: 10px; line-height: 1.4; }

.v5-import-summary {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: var(--surface-soft);
  border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
}
.v5-import-summary strong { font-size: 15px; line-height: 1.3; }
.v5-import-summary span { margin-top: 5px; color: var(--text-2); font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
.v5-ai-info {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 12px;
  background: var(--yellow-soft);
  color: #76570f;
  font-size: 11px;
  line-height: 1.45;
}
.v5-ai-info svg { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; }

.v5-result-head h3 { margin: 8px 0 5px; font-size: 21px; line-height: 1.15; letter-spacing: -.03em; }
.v5-result-head p { margin: 0 0 14px; color: var(--text-2); font-size: 12px; line-height: 1.5; }
.v5-confidence {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--yellow-soft);
  color: #76570f;
  font-size: 10px;
  font-weight: 700;
}
.v5-confidence.high { background: var(--primary-soft); color: var(--primary-2); }
.v5-confidence.low { background: var(--danger-soft); color: var(--danger); }
.v5-warning-box {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px;
  border: 1px solid #ecd38b;
  background: var(--yellow-soft);
  color: #76570f;
}
.v5-warning-box > svg { width: 20px; height: 20px; flex: 0 0 auto; }
.v5-warning-box > div { display: flex; flex-direction: column; min-width: 0; }
.v5-warning-box strong { margin-bottom: 4px; font-size: 12px; }
.v5-warning-box span { font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.v5-warning-box span + span { margin-top: 4px; }
.v5-result-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-bottom: 14px; }
.v5-result-meta span { padding: 10px 7px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg); text-align: center; color: var(--text-2); font-size: 10px; font-weight: 700; }
.v5-result-section { margin-bottom: 13px; padding: 14px; border: 1px solid var(--border); border-radius: 15px; background: var(--bg); }
.v5-result-section h4 { margin: 0 0 9px; font-size: 14px; }
.v5-result-section ul,
.v5-result-section ol { margin: 0; padding-left: 19px; display: grid; gap: 7px; }
.v5-result-section li,
.v5-result-section p { margin: 0; color: var(--text-2); font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }

@media (max-width: 430px) {
  .v5-ai-prep { grid-template-columns: 42px minmax(0, 1fr); }
  .v5-ai-prep .primary-btn { grid-column: 1 / -1; width: 100%; }
  .v5-result-meta { grid-template-columns: 1fr 1fr 1fr; }
}


/* Rezeptnest v0.5.1 */
.v51-sort-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 14px;
}
.v51-sort-label {
  color: var(--text-2);
  font-size: 11px;
  font-weight: 700;
  flex: 0 0 auto;
}
.v51-sort-select {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
}
.v5-result-meta span.estimated {
  border-color: color-mix(in srgb, var(--primary) 32%, var(--border));
  background: var(--primary-soft);
  color: var(--primary-2);
}
.v51-estimated-tag,
.v51-section-estimated {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 6px;
  padding: 3px 7px;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-2);
  font-size: 10px;
  font-weight: 700;
  vertical-align: middle;
}
.v5-result-meta .v51-estimated-tag {
  display: block;
  width: fit-content;
  margin: 6px auto 0;
}
.v51-estimated-box {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin-bottom: 14px;
  padding: 13px;
  border: 1px solid #ecd38b;
  border-radius: 16px;
  background: var(--yellow-soft);
  color: #76570f;
}
.v51-estimated-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(255,255,255,.72);
}
.v51-estimated-icon svg { width: 20px; height: 20px; }
.v51-estimated-copy { display: flex; flex-direction: column; min-width: 0; }
.v51-estimated-copy strong { font-size: 13px; }
.v51-estimated-copy span { margin-top: 4px; font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
.week-overview-grid .overview-meal-label-scroll {
  position: static;
}
@media (max-width: 430px) {
  .v51-sort-row { flex-direction: column; align-items: stretch; }
}


/* Rezeptnest v0.5.3 */

/* Sammel-Tabs: der längere mittlere Eintrag erhält bewusst mehr Platz. */
.segmented {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.34fr) minmax(0, .88fr);
}
.segmented button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  padding-left: 6px;
  padding-right: 6px;
  white-space: nowrap;
}
.segmented .count-pill {
  flex: 0 0 auto;
  margin-left: 0;
}

/* Übersichtskarten bewusst kompakt: Kommentar bleibt in der Detailansicht erhalten. */
.recipe-card .card-note { display: none; }
.recipe-card {
  min-height: 112px;
  grid-template-columns: 96px minmax(0, 1fr);
}
.recipe-card .card-media { min-height: 112px; }
.recipe-card .card-body { padding-top: 12px; padding-bottom: 11px; }
.recipe-card .card-footer { margin-top: 10px; }

/* v0.4 hatte die Mahlzeitenspalte per !important ausgeblendet. Jetzt ist sie
   wieder Teil derselben horizontal scrollenden Grid-Fläche – nicht sticky. */
.week-overview-grid {
  min-width: 930px !important;
  grid-template-columns: 92px repeat(7, minmax(112px, 1fr)) !important;
}
.week-overview-grid .overview-corner {
  display: flex !important;
  position: static !important;
}
.week-overview-grid .overview-meal-label,
.week-overview-grid .overview-meal-label-scroll {
  display: flex !important;
  position: static !important;
  box-shadow: none;
}

@media (max-width: 390px) {
  .segmented button { font-size: 12px; }
  .recipe-card { grid-template-columns: 90px minmax(0, 1fr); }
}


/* Rezeptnest v0.5.4 */
.v54-video-analyze {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
  border-radius: 17px;
  background: linear-gradient(135deg, var(--primary-soft), color-mix(in srgb, var(--lavender-soft) 48%, white));
}
.v54-video-analyze-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(255,255,255,.82);
  color: var(--primary);
}
.v54-video-analyze-icon svg { width: 22px; height: 22px; }
.v54-video-analyze-copy { display: flex; flex-direction: column; min-width: 0; }
.v54-video-analyze-copy strong { font-size: 14px; line-height: 1.25; }
.v54-video-analyze-copy span { margin-top: 4px; color: var(--text-2); font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
.v54-video-progress { padding: 22px 8px 30px; text-align: center; }
.v54-video-progress h2 { margin: 16px 0 8px; font-size: 22px; }
.v54-video-progress p { max-width: 430px; margin: 0 auto; color: var(--text-2); font-size: 12px; line-height: 1.55; }
.v54-spinner {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  border: 5px solid var(--primary-soft);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: v54-spin .9s linear infinite;
}
@keyframes v54-spin { to { transform: rotate(360deg); } }
.v54-video-result-info {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  padding: 11px 12px;
  border-radius: 13px;
  background: var(--primary-soft);
  color: var(--primary-2);
  font-size: 11px;
  font-weight: 700;
}
.v54-video-result-info svg { width: 18px; height: 18px; flex: 0 0 auto; }
.v54-cover-preview {
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
  border-radius: 16px;
  background: var(--bg);
}
.v54-cover-preview img { width: 100%; max-height: 260px; display: block; object-fit: cover; }
.v54-cover-preview span {
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(20,32,43,.78);
  color: white;
  font-size: 10px;
  font-weight: 700;
}
@media (max-width: 430px) {
  .v54-video-analyze { grid-template-columns: 42px minmax(0, 1fr); }
  .v54-video-analyze .primary-btn { grid-column: 1 / -1; width: 100%; }
}


/* Rezeptnest v0.6.0 */
textarea {
  min-height: 132px;
  resize: vertical;
  padding-top: 14px;
  padding-bottom: 14px;
}
.recipe-card.v60-card {
  min-height: 0;
}
.recipe-card.v60-card .v60-media {
  width: 112px;
  min-width: 112px;
  height: 152px;
  overflow: hidden;
  border-radius: 22px;
  position: relative;
}
.recipe-card.v60-card .v60-media img,
.recipe-card.v60-card .v60-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.v60-media-placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  opacity: .92;
}
.v60-media-placeholder svg { width: 36px; height: 36px; }
.v60-mini-badge {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(17,23,38,.72);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.v60-card-top { align-items: flex-start; gap: 10px; }
.card-actions-stack { display: flex; gap: 8px; align-items: center; }
.v60-card .card-body { justify-content: space-between; }
.v60-card .card-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.v60-card .card-footer { margin-top: auto; }
.v60-card .card-note { display:none !important; }
.v60-week-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 4px 0 12px;
}
.v60-box-actions, .v60-attach-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.v60-detail-box {
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
}
.v60-box-copy { display:flex; flex-direction:column; gap:4px; margin-bottom:12px; }
.v60-box-copy span { color: var(--text-2); font-size: 12px; line-height: 1.45; }
.v60-media-section audio, .v60-media-section video { width: 100%; border-radius: 18px; background: #000; }
.v60-attach-actions { margin-top: 14px; }
@media (max-width: 380px) {
  .recipe-card.v60-card .v60-media { width: 98px; min-width: 98px; height: 142px; }
}


/* Rezeptnest v0.6.1 */
.v4-media-section,
.v54-video-analyze,
.v4-media-actions,
.v60-detail-box,
.v60-media-section,
.v60-attach-actions { display: none !important; }

.recipe-card.v61-card {
  grid-template-columns: 84px minmax(0, 1fr) !important;
  min-height: 112px !important;
  height: auto !important;
}
.recipe-card.v61-card .v61-card-media {
  width: 84px !important;
  min-width: 84px !important;
  min-height: 112px !important;
  height: 112px !important;
  border-radius: 20px 0 0 20px;
}
.recipe-card.v61-card .v61-card-media img {
  width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;
}
.recipe-card.v61-card .card-body {
  min-height: 112px !important;
  padding: 10px 10px 9px !important;
}
.recipe-card.v61-card .card-title {
  font-size: 15px;
  line-height: 1.15;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.recipe-card.v61-card .v61-card-footer { margin-top: 7px !important; gap: 5px; }
.recipe-card.v61-card .chip { font-size: 10px; min-height: 28px; padding: 5px 8px; }
.recipe-card.v61-card .favorite-btn,
.recipe-card.v61-card .card-action-btn { width: 34px; height: 34px; }
.v61-media-fallback { display:grid; place-items:center; align-content:center; gap:5px; width:100%; height:100%; color:var(--primary-2); }
.v61-media-fallback svg { width:27px; height:27px; }
.v61-media-fallback span { font-size:10px; font-weight:700; }

.field textarea,
.form-grid textarea,
.sheet textarea {
  min-height: 168px !important;
  resize: vertical !important;
  padding-bottom: 32px !important;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--primary) 70%, transparent) 1.6px, transparent 1.8px);
  background-size: 6px 6px;
  background-repeat: repeat;
  background-position: right 10px bottom 10px;
  background-origin: content-box;
}
textarea::-webkit-resizer {
  background: linear-gradient(135deg, transparent 45%, var(--primary) 46% 54%, transparent 55% 64%, var(--primary) 65% 73%, transparent 74%);
}

.v61-media-panel {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
}
.v61-media-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.v61-media-panel-head > div:first-child { display:flex; flex-direction:column; min-width:0; }
.v61-media-panel-head strong { font-size:15px; }
.v61-media-panel-head span { margin-top:4px; color:var(--text-2); font-size:11px; line-height:1.45; }
.v61-media-buttons { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
.v61-media-panel img,
.v61-media-panel video { width:100%; max-height:420px; object-fit:contain; border-radius:14px; background:#10151d; }
.v61-media-panel audio { width:100%; }
.v61-media-panel.media-error::after { content:'Datei konnte nicht geladen werden. Bitte erneut hochladen oder das Update über update.php anwenden.'; display:block; padding:14px; border-radius:12px; background:var(--danger-soft); color:var(--danger); font-size:12px; }
.v61-attach-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:14px; }
.v61-attach-row .secondary-btn { min-width:0; padding-left:8px; padding-right:8px; }

.week-copy-icon { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--border); border-radius:13px; background:var(--surface); color:var(--text-2); }
.week-copy-icon svg { width:19px; height:19px; }

.v61-update-banner {
  display:grid; grid-template-columns:42px minmax(0,1fr) auto 32px; align-items:center; gap:10px;
  margin:0 0 14px; padding:12px; border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));
  border-radius:18px; background:linear-gradient(135deg,var(--primary-soft),#fff); box-shadow:var(--shadow-sm);
}
.v61-update-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; background:#fff; color:var(--primary); }
.v61-update-copy { display:flex; flex-direction:column; min-width:0; }
.v61-update-copy strong { font-size:13px; }
.v61-update-copy span { margin-top:3px; color:var(--text-2); font-size:11px; line-height:1.4; }
.v61-update-dismiss { width:32px; height:32px; display:grid; place-items:center; border:0; background:transparent; color:var(--text-3); }

@media (max-width: 430px) {
  .v61-media-panel-head { flex-direction:column; }
  .v61-media-buttons { justify-content:flex-start; }
  .v61-update-banner { grid-template-columns:42px minmax(0,1fr) 32px; }
  .v61-update-banner .primary-btn { grid-column:1/-1; width:100%; }
}
@media (max-width: 370px) {
  .recipe-card.v61-card { grid-template-columns:76px minmax(0,1fr) !important; }
  .recipe-card.v61-card .v61-card-media { width:76px !important; min-width:76px !important; }
  .v61-attach-row { grid-template-columns:1fr; }
}


/* Rezeptnest v0.6.2 */
.field textarea,
.form-grid textarea,
.sheet textarea,
textarea[data-v62-resizable] {
  min-height: 150px !important;
  height: 150px;
  resize: none !important;
  padding: 14px 48px 14px 14px !important;
  background-image: none !important;
  background-color: var(--surface) !important;
  background-size: auto !important;
}
textarea::-webkit-resizer { background: transparent !important; }
.v62-textarea-wrap { position: relative; width: 100%; }
.v62-textarea-wrap > textarea { width: 100%; display: block; }
.v62-resize-grip {
  position: absolute;
  right: 4px;
  bottom: 4px;
  z-index: 4;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 12px;
  background: color-mix(in srgb, var(--primary-soft) 82%, white);
  touch-action: none;
  cursor: ns-resize;
  display: grid;
  align-content: center;
  justify-content: center;
  gap: 3px;
}
.v62-resize-grip span { display:block; width:20px; height:2px; border-radius:2px; background:var(--primary-2); opacity:.72; }
.v62-resize-grip span:first-child { width:10px; justify-self:end; }
.v62-resize-grip span:nth-child(2) { width:15px; justify-self:end; }
body.v62-resizing { user-select:none; overflow:hidden; }

.v62-copy-sheet { overflow: hidden; }
.v62-copy-options { display:grid; gap:10px; width:100%; }
.v62-copy-option {
  width:100%; min-width:0; min-height:76px; padding:12px;
  display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:12px;
  border:1px solid var(--border); border-radius:17px; background:var(--surface); color:var(--text); text-align:left;
}
.v62-copy-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; background:var(--primary-soft); color:var(--primary-2); }
.v62-copy-icon svg { width:21px; height:21px; }
.v62-copy-text { min-width:0; display:flex; flex-direction:column; gap:4px; }
.v62-copy-text strong { font-size:14px; line-height:1.25; overflow-wrap:anywhere; }
.v62-copy-text small { color:var(--text-2); font-size:11px; line-height:1.4; overflow-wrap:anywhere; }

.recipe-card.v61-card {
  grid-template-columns: 70px minmax(0,1fr) !important;
  height: 94px !important;
  min-height: 94px !important;
  overflow: hidden !important;
}
.recipe-card.v61-card .v61-card-media {
  width:70px !important; min-width:70px !important; height:94px !important; min-height:94px !important;
  border-radius:18px 0 0 18px !important;
}
.recipe-card.v61-card .card-body {
  min-height:94px !important; height:94px !important; padding:7px 8px 7px 9px !important; overflow:hidden;
}
.recipe-card.v61-card .card-top { gap:5px !important; }
.recipe-card.v61-card .card-title { font-size:14px !important; line-height:1.08 !important; -webkit-line-clamp:2 !important; }
.recipe-card.v61-card .favorite-btn,
.recipe-card.v61-card .card-action-btn { width:30px !important; height:30px !important; flex:0 0 30px; }
.recipe-card.v61-card .v61-card-footer { margin-top:3px !important; gap:4px !important; max-height:27px; overflow:hidden; }
.recipe-card.v61-card .chip { min-height:23px !important; height:23px !important; padding:3px 6px !important; font-size:9px !important; line-height:1 !important; }
.recipe-card.v61-card .chip svg { width:12px !important; height:12px !important; }
.recipe-card.v61-card .rating-inline { font-size:10px; }
.recipe-card.v61-card .source-dot { max-width:62px; padding:4px 6px; font-size:8px; gap:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.recipe-card.v61-card .source-dot svg { width:11px; height:11px; flex:0 0 11px; }
.v61-media-fallback svg { width:22px; height:22px; }
.v61-media-fallback span { font-size:8px; }

@media (max-width:370px) {
  .recipe-card.v61-card { grid-template-columns:64px minmax(0,1fr) !important; }
  .recipe-card.v61-card .v61-card-media { width:64px !important; min-width:64px !important; }
}


/* Rezeptnest v0.6.3 */
.v62-resize-grip {
  width: 26px !important;
  height: 26px !important;
  right: 5px !important;
  bottom: 5px !important;
  border-radius: 8px !important;
  gap: 2px !important;
}
.v62-resize-grip span { width: 13px !important; height: 2px !important; }
.v62-resize-grip span:first-child { width: 7px !important; }
.v62-resize-grip span:nth-child(2) { width: 10px !important; }
.field textarea,
.form-grid textarea,
.sheet textarea,
textarea[data-v62-resizable] { padding-right: 36px !important; }

.recipe-card.v61-card {
  grid-template-columns: 84px minmax(0,1fr) !important;
  height: 94px !important;
  min-height: 94px !important;
}
.recipe-card.v61-card .v61-card-media {
  width: 84px !important;
  min-width: 84px !important;
  height: 94px !important;
  min-height: 94px !important;
}
.recipe-card.v61-card .card-body {
  height: 94px !important;
  min-height: 94px !important;
  padding: 7px 8px 6px 10px !important;
  justify-content: center !important;
}
.recipe-card.v61-card .card-title {
  font-size: 16px !important;
  line-height: 1.12 !important;
}
.recipe-card.v61-card .v61-card-footer {
  margin-top: 5px !important;
  max-height: 25px !important;
}
.recipe-card.v61-card .chip {
  min-height: 24px !important;
  height: 24px !important;
  padding: 3px 7px !important;
  font-size: 9.5px !important;
}
.recipe-card.v61-card .source-dot {
  max-width: 78px !important;
  left: 5px !important;
  right: 5px !important;
  width: auto !important;
  padding: 4px 6px !important;
  font-size: 8.5px !important;
}
@media (max-width:370px) {
  .recipe-card.v61-card { grid-template-columns: 80px minmax(0,1fr) !important; }
  .recipe-card.v61-card .v61-card-media { width:80px !important; min-width:80px !important; }
}

.v63-today-btn {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 11px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--primary-2) !important;
  background: var(--primary-soft) !important;
}
.v63-upload-hint {
  margin: 2px 0 10px;
  padding: 11px 12px;
  border-radius: 13px;
  background: var(--primary-soft);
  color: var(--primary-2);
  font-size: 11px;
  line-height: 1.45;
}
.v63-upload-status {
  margin-top: 7px;
  color: var(--text-2);
  font-size: 11px;
  text-align: center;
}
.v4-upload-progress.active span { transition: width .18s linear; }


/* Rezeptnest v0.7.0 */
body[data-card-density="comfortable"] .recipe-card.v61-card{grid-template-columns:92px minmax(0,1fr)!important;height:108px!important;min-height:108px!important;}
body[data-card-density="comfortable"] .recipe-card.v61-card .v61-card-media{width:92px!important;min-width:92px!important;height:108px!important;min-height:108px!important;}
body[data-card-density="comfortable"] .recipe-card.v61-card .card-body{height:108px!important;min-height:108px!important;padding:10px 9px 7px 11px!important;justify-content:space-between!important;}
body[data-card-density="comfortable"] .recipe-card.v61-card .card-title{font-size:15px!important;line-height:1.12!important;-webkit-line-clamp:3!important;}
body[data-card-density="compact"] .recipe-grid{gap:8px!important;}
body[data-card-density="compact"] .recipe-card.v61-card{grid-template-columns:80px minmax(0,1fr)!important;height:90px!important;min-height:90px!important;}
body[data-card-density="compact"] .recipe-card.v61-card .v61-card-media{width:80px!important;min-width:80px!important;height:90px!important;min-height:90px!important;}
body[data-card-density="compact"] .recipe-card.v61-card .card-body{height:90px!important;min-height:90px!important;padding:6px 8px 5px 9px!important;}
body[data-card-density="compact"] .recipe-card.v61-card .card-title{font-size:13.5px!important;line-height:1.08!important;-webkit-line-clamp:2!important;}
body[data-card-density="compact"] .recipe-card.v61-card .chip{height:22px!important;min-height:22px!important;font-size:8.5px!important;}
.v70-bell{position:relative;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:13px;background:var(--surface-soft);color:var(--primary-2);}
.v70-bell svg{width:19px;height:19px}.v70-bell span{display:none;position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;place-items:center}.v70-bell.has-count span{display:grid}
.v70-job-badge{border:0;border-radius:999px;padding:4px 7px;font-size:8.5px;font-weight:800;white-space:nowrap;background:var(--yellow-soft);color:#76570f}.v70-job-badge.processing{background:var(--primary-soft);color:var(--primary-2)}.v70-job-badge.completed{background:#e3f5e8;color:#27713b}.v70-job-badge.failed{background:var(--danger-soft);color:var(--danger)}
.v70-recorder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;margin-bottom:16px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft)}.v70-mic{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary-2)}.v70-mic svg{width:30px;height:30px}.v70-recorder.recording .v70-mic{animation:v70pulse 1.4s infinite;background:var(--danger-soft);color:var(--danger)}.v70-recorder span{font-variant-numeric:tabular-nums;color:var(--text-2)}@keyframes v70pulse{50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--danger) 12%,transparent)}}
.v70-record-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v70-record-actions>*:only-child{grid-column:1/-1}.danger-record{background:var(--danger)!important}.v70-small-upload{display:block;margin:14px auto 0;border:0;background:transparent;color:var(--text-2);font-size:11px;text-decoration:underline}.v70-audio-preview{width:100%;margin-bottom:14px}
.v70-job-list{display:grid;gap:9px}.v70-job-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-align:left}.v70-job-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--primary-soft);color:var(--primary-2)}.v70-job-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.v70-job-row strong{font-size:13px}.v70-job-row small{margin-top:3px;color:var(--text-2);font-size:10px;line-height:1.35}.v70-job-row.failed .v70-job-icon{background:var(--danger-soft);color:var(--danger)}
.v70-toggle{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:16px;padding:14px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.v70-toggle input{position:absolute;opacity:0}.v70-toggle>span{width:46px;height:26px;border-radius:999px;background:var(--border);position:relative}.v70-toggle>span:after{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.v70-toggle input:checked+span{background:var(--primary)}.v70-toggle input:checked+span:after{transform:translateX(20px)}.v70-toggle>div{display:flex;flex-direction:column}.v70-toggle strong{font-size:13px}.v70-toggle small{margin-top:4px;color:var(--text-2);font-size:10px;line-height:1.4}.v70-cron-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.v70-cron-row input{min-width:0}
@media(max-width:400px){.v70-record-actions{grid-template-columns:1fr}.v70-record-actions>*{grid-column:auto!important}.v70-cron-row{grid-template-columns:1fr}.v70-cron-row .secondary-btn{width:100%}}


/* Rezeptnest v0.7.1 */
.v71-mic-status,.v71-mic-help{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;padding:13px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}
.v71-mic-status>svg,.v71-mic-help>svg,.v71-mic-help-head>svg{width:21px;height:21px;flex:0 0 auto;margin-top:1px}
.v71-mic-status>div,.v71-mic-help>div,.v71-mic-help-head>div{display:flex;flex-direction:column;min-width:0}
.v71-mic-status strong,.v71-mic-help strong{font-size:13px;color:var(--text)}
.v71-mic-status span,.v71-mic-help span{margin-top:3px;color:var(--text-2);font-size:11px;line-height:1.45}
.v71-mic-status.granted{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);color:var(--primary-2)}
.v71-mic-status.prompt{background:var(--surface-soft);color:var(--primary-2)}
.v71-mic-help.denied{display:block;border-color:#e6c775;background:var(--yellow-soft);color:#76570f}
.v71-mic-help-head{display:flex;align-items:flex-start;gap:10px}
.v71-mic-help ol{margin:12px 0;padding-left:22px;color:#76570f;font-size:11px;line-height:1.5}
.v71-mic-help li+li{margin-top:4px}
.v71-mic-help .secondary-btn{width:100%;background:rgba(255,255,255,.7)}
.v70-record-actions button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}


/* Rezeptnest v0.7.2 */
.v70-bell svg{width:20px;height:20px;fill:none}
.v72-notification-section{margin-bottom:18px}
.v72-notification-section>h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--text-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.v72-notification-section>h3 span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--surface-strong);font-size:10px}
.v72-notification-section.read{padding-top:15px;border-top:1px solid var(--border)}
.v72-notification-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:6px;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}
.v72-notification-row.unread{border-color:color-mix(in srgb,var(--primary) 36%,var(--border));background:var(--primary-soft)}
.v72-notification-row.read{opacity:.7;background:var(--bg)}
.v72-notification-main{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:11px;border:0;background:transparent;color:var(--text);text-align:left}
.v72-notification-copy{display:flex;flex-direction:column;min-width:0}.v72-notification-copy strong{font-size:13px}.v72-notification-copy small{margin-top:3px;color:var(--text-2);font-size:10px;line-height:1.35}.v72-notification-copy em{margin-top:4px;color:var(--text-3);font-size:9px;font-style:normal}
.v72-unread-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 12%,transparent)}
.v72-notification-delete{align-self:stretch;display:grid;place-items:center;border:0;border-left:1px solid var(--border);background:transparent;color:var(--text-3)}.v72-notification-delete svg{width:18px;height:18px}.v72-notification-delete:active{background:var(--danger-soft);color:var(--danger)}
.v72-audio-meter{display:block;width:min(100%,360px);height:58px;margin-top:8px;border-radius:12px;background:color-mix(in srgb,var(--primary-soft) 55%,white);opacity:.45}.v72-audio-meter.active{opacity:1}
.v70-recorder{padding-bottom:16px}.v70-record-actions .ghost-btn{min-height:48px}
@media(max-width:400px){.v72-notification-row{grid-template-columns:minmax(0,1fr) 38px}.v72-notification-main{grid-template-columns:38px minmax(0,1fr) 14px;padding:10px}.v72-audio-meter{height:52px}}


/* Rezeptnest v0.7.3 */
.v73-notification-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.v73-notification-head h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.v73-notification-head h3 span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--surface-strong);font-size:10px}.v73-clear-read{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--danger);font-size:10px;font-weight:700;padding:5px}.v73-clear-read svg{width:14px;height:14px}.v72-notification-row.applied .v70-job-icon{background:var(--primary-soft);color:var(--primary-2)}
.v73-mic-live{display:block;margin-top:3px;color:var(--text-2);font-size:10px;line-height:1.35;text-align:center}.v73-mic-live.signal{color:var(--primary-2);font-weight:700}.v73-mic-live.warning{color:#8a650f;font-weight:700}.v73-record-diagnostic{display:flex;align-items:flex-start;gap:9px;margin:-4px 0 14px;padding:11px 12px;border-radius:14px;background:var(--yellow-soft);color:#76570f;font-size:11px;line-height:1.4}.v73-record-diagnostic svg{width:18px;height:18px;flex:0 0 auto}.v73-native-recorder{width:100%;min-height:46px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--primary-2);font-size:12px;font-weight:700}.v73-native-recorder svg{width:18px;height:18px}
@media(max-width:400px){.v73-notification-head{align-items:flex-start;flex-direction:column}.v73-clear-read{padding-left:0}}