.vd-bgpf-app {
  --vd-bgpf-bg: #f4f7ef;
  --vd-bgpf-card: rgba(255, 255, 255, 0.90);
  --vd-bgpf-text: #1c2b1d;
  --vd-bgpf-muted: #617164;
  --vd-bgpf-line: rgba(216, 227, 209, 0.88);
  --vd-bgpf-primary: #2f6b2f;
  --vd-bgpf-primary-soft: #edf7ea;
  --vd-bgpf-primary-ink: #224f24;
  --vd-bgpf-danger: #8b2e2e;
  --vd-bgpf-shadow: 0 18px 40px rgba(23, 35, 20, 0.08);
  color: var(--vd-bgpf-text);
  margin: 24px auto;
  max-width: 1740px;
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: 32px;
  border: 1px solid rgba(220, 231, 214, 0.82);
  box-shadow: 0 24px 54px rgba(23, 35, 20, 0.12);
  background-image:
    linear-gradient(180deg, rgba(244, 248, 240, 0.76), rgba(244, 248, 240, 0.88)),
    url('bg-center-garden.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.vd-bgpf-app::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.10));
  backdrop-filter: blur(3px);
  pointer-events: none;
}

.vd-bgpf-app > * {
  position: relative;
  z-index: 1;
}

.vd-bgpf-app,
.vd-bgpf-app * {
  box-sizing: border-box;
}

.vd-bgpf-shell,
.vd-bgpf-card,
.vd-bgpf-sidebar-card,
.vd-bgpf-section-head {
  background: var(--vd-bgpf-card);
  border: 1px solid var(--vd-bgpf-line);
  border-radius: 24px;
  box-shadow: var(--vd-bgpf-shadow);
  backdrop-filter: blur(8px);
}

.vd-bgpf-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
  gap: 22px;
  padding: 30px;
  background:
    radial-gradient(circle at top right, rgba(124, 178, 90, 0.18), transparent 36%),
    linear-gradient(135deg, #f9fcf5 0%, #edf6e6 100%);
}

.vd-bgpf-admin-hero {
  position: relative;
  overflow: hidden;
}

.vd-bgpf-admin-hero::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(60, 121, 60, 0.12), transparent 70%);
}

.vd-bgpf-admin-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.20), rgba(255,255,255,0.04));
  pointer-events: none;
}

.vd-bgpf-admin-hero > * {
  position: relative;
  z-index: 1;
}

.vd-bgpf-kicker {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--vd-bgpf-primary);
  font-weight: 800;
  margin-bottom: 10px;
}

.vd-bgpf-hero h2,
.vd-bgpf-card h3,
.vd-bgpf-section-head h3,
.vd-bgpf-sidebar-title {
  margin-top: 0;
}

.vd-bgpf-hero h2 {
  margin-bottom: 10px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.08;
}

.vd-bgpf-section-head h3 {
  margin-bottom: 8px;
  font-size: 28px;
}

.vd-bgpf-hero p,
.vd-bgpf-card p,
.vd-bgpf-muted,
.vd-bgpf-side-copy small,
.vd-bgpf-stat-foot {
  color: var(--vd-bgpf-muted);
}

.vd-bgpf-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.vd-bgpf-chip {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(193, 217, 185, 0.95);
  color: var(--vd-bgpf-primary-ink);
  font-size: 13px;
  font-weight: 700;
}

.vd-bgpf-login-box {
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(215, 224, 207, 0.8);
  border-radius: 20px;
  padding: 20px;
}

.vd-bgpf-login-box form label {
  display: block;
  margin-bottom: 8px;
}

.vd-bgpf-login-box input[type="text"],
.vd-bgpf-login-box input[type="password"] {
  width: 100%;
}

.vd-bgpf-grid {
  display: grid;
  gap: 18px;
  margin-top: 18px;
}

.vd-bgpf-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vd-bgpf-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vd-bgpf-grid-cards {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.vd-bgpf-grid.tight {
  gap: 12px;
  margin-top: 0;
}

.vd-bgpf-card,
.vd-bgpf-section-head,
.vd-bgpf-sidebar-card {
  padding: 22px;
}

.vd-bgpf-panel-accent {
  background: linear-gradient(180deg, rgba(246, 251, 241, 0.98) 0%, rgba(255,255,255,0.98) 100%);
  border-color: #cfe0c4;
}

.vd-bgpf-stat-card {
  position: relative;
  padding: 18px 20px;
  overflow: hidden;
}

.vd-bgpf-stat-card::before {
  content: "";
  position: absolute;
  inset: auto -30px -30px auto;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(47,107,47,0.12), transparent 70%);
}

.vd-bgpf-stat-label {
  display: block;
  color: var(--vd-bgpf-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}

.vd-bgpf-stat-value {
  display: block;
  font-size: 30px;
  line-height: 1.05;
  position: relative;
  z-index: 1;
}

.vd-bgpf-stat-foot {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  position: relative;
  z-index: 1;
}

.vd-bgpf-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.vd-bgpf-actions.compact,
.vd-bgpf-user-actions {
  gap: 8px;
}

.vd-bgpf-actions-stackable {
  align-content: start;
}

.vd-bgpf-user-actions {
  display: flex;
  flex-direction: column;
}

.vd-bgpf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid var(--vd-bgpf-line);
  background: #fff;
  color: var(--vd-bgpf-text);
  text-decoration: none;
  padding: 0 16px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
}

.vd-bgpf-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(17, 24, 39, 0.06);
  border-color: #bfcdb2;
}

.vd-bgpf-btn-primary {
  background: var(--vd-bgpf-primary);
  color: #fff;
  border-color: var(--vd-bgpf-primary);
}

.vd-bgpf-btn-primary:hover {
  background: #285e28;
}

.vd-bgpf-btn-danger {
  border-color: #e8bcbc;
  color: var(--vd-bgpf-danger);
}

.vd-bgpf-admin-layout {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 18px;
  margin-top: 18px;
  align-items: start;
}

.vd-bgpf-sidebar {
  position: sticky;
  top: 20px;
  display: grid;
  gap: 18px;
}

.vd-bgpf-sidebar-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 14px;
}

.vd-bgpf-side-nav {
  display: grid;
  gap: 10px;
}

.vd-bgpf-side-link {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid #deead7;
  background: #f8fbf5;
  text-decoration: none;
  color: var(--vd-bgpf-text);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.vd-bgpf-side-link:hover {
  transform: translateY(-1px);
  border-color: #c4d8b8;
  box-shadow: 0 10px 26px rgba(23, 35, 20, 0.06);
}

.vd-bgpf-side-link.is-active {
  background: linear-gradient(180deg, #eef8e9 0%, #f8fbf5 100%);
  border-color: #b7d1ae;
}

.vd-bgpf-side-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #dce8d3;
  font-size: 18px;
}

.vd-bgpf-side-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.vd-bgpf-side-copy strong {
  font-size: 15px;
}

.vd-bgpf-side-copy small {
  font-size: 12px;
  line-height: 1.35;
}

.vd-bgpf-side-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #d7e4cf;
  font-size: 12px;
  font-weight: 800;
  color: var(--vd-bgpf-primary-ink);
}

.vd-bgpf-sidebar-callout {
  background: linear-gradient(180deg, rgba(245, 250, 241, 0.98), rgba(255,255,255,0.98));
}

.vd-bgpf-main {
  min-width: 0;
}

.vd-bgpf-section-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.vd-bgpf-quick-links {
  display: grid;
  gap: 12px;
}

.vd-bgpf-quick-link {
  display: block;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid #deead7;
  background: #f9fcf7;
  text-decoration: none;
  color: var(--vd-bgpf-text);
}

.vd-bgpf-quick-link strong {
  display: block;
  margin-bottom: 6px;
}

.vd-bgpf-quick-link span {
  display: block;
  color: var(--vd-bgpf-muted);
  font-size: 14px;
  line-height: 1.4;
}

.vd-bgpf-quick-link.is-static {
  cursor: default;
}

.vd-bgpf-bullets {
  margin: 14px 0 0;
  padding-left: 18px;
}

.vd-bgpf-bullets li {
  margin: 0 0 8px;
}

.vd-bgpf-bullets.compact li {
  margin-bottom: 4px;
}

.vd-bgpf-form,
.vd-bgpf-inline-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vd-bgpf-inline-form {
  flex-direction: row;
  align-items: end;
  flex-wrap: wrap;
}

.vd-bgpf-inline-form.wrap,
.vd-bgpf-inline-form.compact {
  align-items: center;
}

.vd-bgpf-form label,
.vd-bgpf-inline-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.vd-bgpf-form span,
.vd-bgpf-label-inline {
  font-size: 13px;
  font-weight: 700;
}

.vd-bgpf-form input[type="text"],
.vd-bgpf-form input[type="number"],
.vd-bgpf-form input[type="search"],
.vd-bgpf-form input[type="email"],
.vd-bgpf-form input[type="password"],
.vd-bgpf-form input[type="file"],
.vd-bgpf-form select,
.vd-bgpf-form textarea,
.vd-bgpf-inline-form input[type="search"],
.vd-bgpf-inline-form select,
.vd-bgpf-inline-form input[type="text"],
.vd-bgpf-login-box input[type="text"],
.vd-bgpf-login-box input[type="password"] {
  width: 100%;
  min-height: 46px;
  padding: 11px 13px;
  border-radius: 14px;
  border: 1px solid #d6dce2;
  background: #fff;
}

.vd-bgpf-form textarea {
  min-height: 128px;
  resize: vertical;
}

.vd-bgpf-check {
  flex-direction: row !important;
  align-items: center;
}

.vd-bgpf-check input {
  width: auto !important;
  min-height: 0 !important;
}

.vd-bgpf-table-wrap {
  overflow-x: auto;
}

.vd-bgpf-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.vd-bgpf-table thead th {
  position: sticky;
  top: 0;
  background: #f8fbf6;
  z-index: 1;
}

.vd-bgpf-table th,
.vd-bgpf-table td {
  padding: 13px 12px;
  border-bottom: 1px solid #e8ece5;
  text-align: left;
  vertical-align: top;
}

.vd-bgpf-table th {
  color: var(--vd-bgpf-muted);
  font-size: 13px;
}

.vd-bgpf-table tbody tr:hover td {
  background: #fbfcfa;
}

.vd-bgpf-meta-list {
  display: grid;
  gap: 10px;
}

.vd-bgpf-meta-list div {
  display: grid;
  grid-template-columns: minmax(78px, 116px) minmax(0, 1fr);
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #dce5d5;
  align-items: start;
}

.vd-bgpf-meta-list dt {
  color: var(--vd-bgpf-muted);
}

.vd-bgpf-meta-list dd {
  margin: 0;
  font-weight: 700;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.vd-bgpf-grid > * {
  min-width: 0;
}

.vd-bgpf-panel-accent {
  min-width: 0;
}

.vd-bgpf-meta-list {
  min-width: 0;
}

.vd-bgpf-meta-list div {
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 10px;
}

.vd-bgpf-meta-list dt,
.vd-bgpf-meta-list dd {
  min-width: 0;
}

.vd-bgpf-media-picker {
  background: #fbfcf9;
  border: 1px dashed #cad8bf;
  border-radius: 18px;
  padding: 14px;
}

.vd-bgpf-media-preview {
  min-height: 90px;
  margin-top: 12px;
}

.vd-bgpf-media-preview img {
  max-width: 180px;
  height: auto;
  display: block;
  border-radius: 12px;
}

.vd-bgpf-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}

.vd-bgpf-media-card {
  border: 1px solid #e2e8da;
  border-radius: 20px;
  padding: 14px;
  background: #fbfcfa;
}

.vd-bgpf-media-thumb {
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #e4ebdd;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 12px;
}

.vd-bgpf-media-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.vd-bgpf-file-pill {
  display: inline-block;
  padding: 8px 10px;
  border-radius: 999px;
  background: var(--vd-bgpf-primary-soft);
  color: var(--vd-bgpf-primary);
  font-size: 12px;
  font-weight: 800;
}

.vd-bgpf-notice {
  border-radius: 16px;
  padding: 14px 16px;
  margin-bottom: 16px;
  border: 1px solid transparent;
  font-weight: 700;
}

.vd-bgpf-notice-success {
  background: #eef8ea;
  border-color: #cfe6c5;
  color: #2d5d2d;
}

.vd-bgpf-notice-error {
  background: #fff2f2;
  border-color: #f1cbcb;
  color: #8b2e2e;
}

.vd-bgpf-chart {
  display: grid;
  gap: 8px;
}

.vd-bgpf-chart-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 56px;
  gap: 10px;
  align-items: center;
}

.vd-bgpf-chart-label,
.vd-bgpf-chart-value,
.vd-bgpf-chart-sub {
  font-size: 13px;
}

.vd-bgpf-chart-track {
  height: 12px;
  border-radius: 999px;
  background: #edf3e7;
  overflow: hidden;
}

.vd-bgpf-chart-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8cc55f 0%, #2f6b2f 100%);
}

.vd-bgpf-chart-sub {
  margin: -4px 0 4px 62px;
  color: var(--vd-bgpf-muted);
}

@media (max-width: 1240px) {
  .vd-bgpf-grid-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .vd-bgpf-admin-layout,
  .vd-bgpf-hero,
  .vd-bgpf-grid-2,
  .vd-bgpf-grid-3,
  .vd-bgpf-grid-cards {
    grid-template-columns: 1fr;
  }

  .vd-bgpf-sidebar {
    position: static;
  }

  .vd-bgpf-section-head {
    flex-direction: column;
  }
}

@media (max-width: 700px) {
  .vd-bgpf-app {
    margin: 18px 0;
  }

  .vd-bgpf-card,
  .vd-bgpf-shell,
  .vd-bgpf-sidebar-card,
  .vd-bgpf-section-head {
    padding: 18px;
    border-radius: 20px;
  }

  .vd-bgpf-hero h2,
  .vd-bgpf-section-head h3 {
    font-size: 26px;
  }

  .vd-bgpf-meta-list div,
  .vd-bgpf-chart-row {
    grid-template-columns: 1fr;
  }

  .vd-bgpf-chart-sub {
    margin-left: 0;
  }

  .vd-bgpf-side-link {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .vd-bgpf-side-badge {
    grid-column: 2;
    justify-self: start;
  }
}

.vd-bgpf-header-user-shell {
  position: relative;
  list-style: none;
}

.vd-bgpf-header-profile-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 6px 12px;
  border: 1px solid #d8e3d1;
  border-radius: 999px;
  background: #fff;
  color: #1c2b1d;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(23,35,20,0.06);
}

.vd-bgpf-header-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
  background: #edf7ea;
  color: #2f6b2f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
}

.vd-bgpf-header-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.vd-bgpf-header-profile-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.1;
}

.vd-bgpf-header-profile-meta strong {
  font-size: 13px;
  color: #1c2b1d;
}

.vd-bgpf-header-role {
  display: inline-flex;
  margin-top: 2px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #edf7ea;
  color: #2f6b2f;
  font-size: 11px;
  font-weight: 700;
}

.vd-bgpf-header-caret {
  font-size: 11px;
  color: #617164;
}

.vd-bgpf-header-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 220px;
  padding: 10px;
  background: #fff;
  border: 1px solid #d8e3d1;
  border-radius: 18px;
  box-shadow: 0 20px 40px rgba(23,35,20,0.12);
  display: none;
  z-index: 9999;
}

.vd-bgpf-header-user-shell.is-open .vd-bgpf-header-dropdown {
  display: block;
}

.vd-bgpf-header-dropdown a {
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  color: #1c2b1d;
  text-decoration: none;
}

.vd-bgpf-header-dropdown a:hover {
  background: #f4f7ef;
}

@media (max-width: 768px) {
  .vd-bgpf-header-profile-meta {
    display: none;
  }

  .vd-bgpf-header-profile-toggle {
    padding-right: 10px;
  }

  .vd-bgpf-header-dropdown {
    right: auto;
    left: 0;
  }
}


.vd-bgpf-card-head-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.vd-bgpf-divider{height:1px;background:#e6ede0;margin:18px 0}
.vd-bgpf-subtitle{margin:0 0 12px;font-size:18px}
.vd-bgpf-mini-cards,.vd-bgpf-note-list,.vd-bgpf-activity-list{display:grid;gap:12px}
.vd-bgpf-mini-card,.vd-bgpf-note-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e3eadc;border-radius:16px;background:#fbfcfa}
.vd-bgpf-mini-card strong,.vd-bgpf-note-item strong{display:block;margin-bottom:6px}
.vd-bgpf-mini-card span,.vd-bgpf-note-item span{display:block;color:var(--vd-bgpf-muted);font-size:13px}
.vd-bgpf-note-item p{margin:8px 0 0}
.vd-bgpf-activity-list{list-style:none;margin:0;padding:0}
.vd-bgpf-activity-list li{display:grid;gap:4px;padding:12px 14px;border:1px solid #e3eadc;border-radius:16px;background:#fbfcfa}
.vd-bgpf-activity-list time{color:var(--vd-bgpf-muted);font-size:12px}
.vd-bgpf-chip-button{border:none;cursor:pointer}
.vd-bgpf-plan-summary .vd-bgpf-bullets{margin-top:12px}
@media (max-width: 780px){.vd-bgpf-mini-card,.vd-bgpf-note-item,.vd-bgpf-card-head-inline{grid-template-columns:1fr;display:grid}}

.vd-bgpf-note-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:14px 0 10px}
.vd-bgpf-note-filters label{display:grid;gap:6px}
.vd-bgpf-note-status{display:inline-flex;margin-top:6px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;width:max-content}
.vd-bgpf-note-status-active{background:#eef6e8;color:#2c6a2c}
.vd-bgpf-note-status-done{background:#f0f1f3;color:#5f6671}
.vd-favorite-form-inline{display:inline-flex}
@media (max-width:780px){.vd-bgpf-note-filters{grid-template-columns:1fr}}

.vd-bgpf-panel-accent .vd-bgpf-meta-list dd{font-size:14px;line-height:1.35;}


.vd-bgpf-meta-list-stack div {
  grid-template-columns: 1fr;
  gap: 4px;
}

.vd-bgpf-meta-list-stack dt {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.vd-bgpf-meta-list-stack dd {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.35;
}


/* v1.9.5 profile overflow fix */
.vd-bgpf-profile-meta-card{display:grid;gap:12px;min-width:0;width:100%;}
.vd-bgpf-profile-field{display:grid;gap:4px;min-width:0;padding-bottom:10px;border-bottom:1px dashed #dce5d5;}
.vd-bgpf-profile-field:last-child{border-bottom:none;padding-bottom:0;}
.vd-bgpf-profile-label{font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:var(--vd-bgpf-muted);}
.vd-bgpf-profile-value{display:block;min-width:0;max-width:100%;font-weight:700;font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;}
.vd-bgpf-profile-value-email{font-size:13px;}


/* v1.10.0 per-user weather point */
.vd-bgpf-weather-card .vd-bgpf-muted{margin-bottom:10px}
.vd-bgpf-weather-form{gap:12px}
.vd-bgpf-weather-coords{margin:0}
.vd-bgpf-weather-map{height:280px;border:1px solid #dce5d5;border-radius:18px;overflow:hidden;background:#f6faf2}
.leaflet-container{font:inherit}
@media (max-width:780px){.vd-bgpf-weather-map{height:240px}}

/* v1.10.1 map picker */
.vd-bgpf-weather-map-picker{margin-top:12px;padding:14px;border:1px solid var(--vd-bgpf-line);border-radius:18px;background:#f7faf4}
.vd-bgpf-weather-map-head{display:grid;gap:4px;margin-bottom:10px}
.vd-bgpf-weather-map-status{margin-top:10px;font-size:13px;color:var(--vd-bgpf-muted)}
.vd-bgpf-weather-map-actions{margin-top:10px}


.vd-bgpf-ai-fill-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 14px;
  align-items: center;
  padding: 14px;
  border: 1px dashed #aacb94;
  border-radius: 18px;
  background: linear-gradient(135deg, #f8fff3 0%, #eef8e8 100%);
}

.vd-bgpf-ai-fill-box strong {
  display: block;
  color: var(--vd-bgpf-primary-ink);
  margin-bottom: 4px;
}

.vd-bgpf-ai-fill-box small,
.vd-bgpf-ai-fill-status {
  color: var(--vd-bgpf-muted);
}

.vd-bgpf-ai-fill-status {
  grid-column: 1 / -1;
  font-size: 13px;
  min-height: 18px;
}

.vd-bgpf-ai-fill-status.is-ok {
  color: #246228;
  font-weight: 700;
}

.vd-bgpf-ai-fill-status.is-error {
  color: var(--vd-bgpf-danger);
  font-weight: 700;
}

.vd-bgpf-ai-fill-culture.is-loading {
  opacity: 0.72;
  cursor: wait;
}

@media (max-width: 720px) {
  .vd-bgpf-ai-fill-box {
    grid-template-columns: 1fr;
  }

  .vd-bgpf-ai-fill-box .vd-bgpf-btn {
    width: 100%;
    justify-content: center;
  }
}


/* v1.12.6: wider admin center layout */
.vd-bgpf-app {
  width: min(1740px, calc(100vw - 48px));
}

.vd-bgpf-admin-layout {
  grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
  gap: 24px;
}

.vd-bgpf-grid-cards {
  gap: 22px;
}

.vd-bgpf-card,
.vd-bgpf-section-head,
.vd-bgpf-sidebar-card {
  padding: 26px;
}

.vd-bgpf-hero {
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.85fr);
  padding: 34px;
}

@media (min-width: 1500px) {
  .vd-bgpf-admin-layout {
    grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
  }
  .vd-bgpf-grid-2 {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  }
}

@media (max-width: 980px) {
  .vd-bgpf-app {
    width: auto;
  }
}


/* v1.12.7: реально расширяем Центр дачника внутри широкого шаблона */
.vd-bgpf-app {
  width: 100% !important;
  max-width: 1680px !important;
}
.vd-content-card > .vd-bgpf-app,
.entry-content .vd-bgpf-app {
  margin-left: auto !important;
  margin-right: auto !important;
}
.vd-bgpf-admin-layout {
  grid-template-columns: minmax(320px, 360px) minmax(0, 1fr) !important;
  gap: 26px !important;
}
.vd-bgpf-grid-2 {
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr) !important;
  gap: 26px !important;
}
.vd-bgpf-grid-cards {
  gap: 22px !important;
}
.vd-bgpf-card,
.vd-bgpf-section-head,
.vd-bgpf-sidebar-card {
  padding: 26px !important;
}
.vd-bgpf-section-head {
  align-items: stretch;
}
@media (max-width: 980px) {
  .vd-bgpf-admin-layout,
  .vd-bgpf-grid-2 {
    grid-template-columns: 1fr !important;
  }
}


/* v1.12.8: реальное расширение страницы Центра дачника.
   Предыдущий max-width упирался в родительские контейнеры WordPress/темы. */
body.vd-bgpf-wide-page,
body.vd-bgpf-wide-page .wp-site-blocks,
body.vd-bgpf-wide-page main,
body.vd-bgpf-wide-page .site-main,
body.vd-bgpf-wide-page .wp-block-post-content,
body.vd-bgpf-wide-page .entry-content,
body.vd-bgpf-wide-page .wp-block-group,
body.vd-bgpf-wide-page .wp-block-group__inner-container,
body.vd-bgpf-wide-page .alignwide,
body.vd-bgpf-wide-page .alignfull,
body.vd-bgpf-wide-page .is-layout-constrained,
body.vd-bgpf-wide-page .is-layout-flow,
body.vd-bgpf-wide-page .vd-bgpf-wide-ancestor {
  max-width: none !important;
}

body.vd-bgpf-wide-page .wp-site-blocks,
body.vd-bgpf-wide-page main,
body.vd-bgpf-wide-page .site-main,
body.vd-bgpf-wide-page .entry-content,
body.vd-bgpf-wide-page .wp-block-post-content,
body.vd-bgpf-wide-page .vd-bgpf-wide-ancestor {
  width: 100% !important;
}

body.vd-bgpf-wide-page .entry-content,
body.vd-bgpf-wide-page .wp-block-post-content {
  padding-left: clamp(12px, 2vw, 32px) !important;
  padding-right: clamp(12px, 2vw, 32px) !important;
}

body.vd-bgpf-wide-page .vd-bgpf-app,
.vd-bgpf-app.vd-bgpf-is-wide {
  width: min(1740px, calc(100vw - 64px)) !important;
  max-width: 1740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.vd-bgpf-wide-page .vd-bgpf-admin-layout,
.vd-bgpf-app.vd-bgpf-is-wide .vd-bgpf-admin-layout {
  grid-template-columns: minmax(300px, 340px) minmax(0, 1fr) !important;
  gap: 24px !important;
}

body.vd-bgpf-wide-page .vd-bgpf-main > .vd-bgpf-grid-2,
.vd-bgpf-app.vd-bgpf-is-wide .vd-bgpf-main > .vd-bgpf-grid-2 {
  grid-template-columns: minmax(380px, 0.9fr) minmax(620px, 1.35fr) !important;
  gap: 24px !important;
}

body.vd-bgpf-wide-page .vd-bgpf-grid-cards,
.vd-bgpf-app.vd-bgpf-is-wide .vd-bgpf-grid-cards {
  grid-template-columns: repeat(6, minmax(150px, 1fr)) !important;
}

body.vd-bgpf-wide-page .vd-bgpf-section-head,
body.vd-bgpf-wide-page .vd-bgpf-card,
body.vd-bgpf-wide-page .vd-bgpf-sidebar-card,
.vd-bgpf-app.vd-bgpf-is-wide .vd-bgpf-section-head,
.vd-bgpf-app.vd-bgpf-is-wide .vd-bgpf-card,
.vd-bgpf-app.vd-bgpf-is-wide .vd-bgpf-sidebar-card {
  padding: 24px !important;
}

@media (max-width: 1180px) {
  body.vd-bgpf-wide-page .vd-bgpf-app,
  .vd-bgpf-app.vd-bgpf-is-wide {
    width: calc(100vw - 24px) !important;
  }

  body.vd-bgpf-wide-page .vd-bgpf-admin-layout,
  body.vd-bgpf-wide-page .vd-bgpf-main > .vd-bgpf-grid-2,
  .vd-bgpf-app.vd-bgpf-is-wide .vd-bgpf-admin-layout,
  .vd-bgpf-app.vd-bgpf-is-wide .vd-bgpf-main > .vd-bgpf-grid-2 {
    grid-template-columns: 1fr !important;
  }
}


/* v1.12.8: расширяем фирменную шапку на странице Центра, если она подключена шаблонами. */
body.vd-bgpf-wide-page .vd-bg-overlay {
  width: min(1780px, calc(100vw - 48px)) !important;
  max-width: 1780px !important;
}
body.vd-bgpf-wide-page .vd-shell,
body.vd-bgpf-wide-page .vd-header,
body.vd-bgpf-wide-page .vd-content-card {
  width: 100% !important;
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.vd-bgpf-wide-page .vd-header {
  grid-template-columns: minmax(320px, 1fr) auto auto minmax(320px, 460px) !important;
}
body.vd-bgpf-wide-page .vd-search {
  max-width: 460px !important;
}
@media (max-width: 1040px) {
  body.vd-bgpf-wide-page .vd-bg-overlay {
    width: calc(100vw - 24px) !important;
  }
  body.vd-bgpf-wide-page .vd-header {
    grid-template-columns: 1fr !important;
  }
}


/* v1.12.9 garden backdrop for Center of Gardener */
@media (max-width: 700px) {
  .vd-bgpf-app {
    padding: 12px;
    border-radius: 24px;
  }
}

/* v1.13.0 role statuses */
.vd-bgpf-status-card {
  display: grid;
  gap: 4px;
  width: max-content;
  max-width: 100%;
  margin-top: 16px;
  padding: 12px 16px;
  border-radius: 20px;
  border: 1px solid rgba(205, 225, 193, 0.92);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 28px rgba(23, 35, 20, 0.08);
  backdrop-filter: blur(8px);
}

.vd-bgpf-status-card strong {
  font-size: 18px;
  line-height: 1.2;
  color: var(--vd-bgpf-primary-ink);
}

.vd-bgpf-status-card span {
  color: var(--vd-bgpf-muted);
  font-size: 13px;
}

.vd-bgpf-status-card .vd-bgpf-status-kicker {
  color: var(--vd-bgpf-primary);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
}

.vd-bgpf-status-owner {
  border-color: rgba(211, 176, 89, 0.55);
  background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,249,226,.78));
}

.vd-bgpf-status-master {
  border-color: rgba(144, 197, 111, 0.62);
  background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(239,249,229,.78));
}

.vd-bgpf-status-guardian {
  border-color: rgba(139, 176, 127, 0.66);
  background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(235,247,234,.78));
}

.vd-bgpf-status-dachnik {
  border-color: rgba(193, 217, 185, 0.95);
  background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(246,251,241,.78));
}

@media (max-width: 700px) {
  .vd-bgpf-status-card {
    width: 100%;
  }
}


/* v1.13.2: page /bog-plodorodiya/ cleanup. The page can use a different slug/shortcode, so the plugin itself hides the outer title and centers the top site header. */
body.vd-bgpf-wide-page .entry-header,
body.vd-bgpf-wide-page .page-header,
body.vd-bgpf-wide-page .wp-block-post-title,
body.vd-bgpf-wide-page h1.entry-title,
body.vd-bgpf-wide-page .post-title,
body.vd-bgpf-wide-page .page-title {
  display: none !important;
}

body.vd-bgpf-wide-page .vd-hero {
  display: none !important;
}

body.vd-bgpf-wide-page .vd-header {
  display: flex !important;
  justify-content: center !important;
  justify-items: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  text-align: center !important;
}

body.vd-bgpf-wide-page .vd-header > * {
  flex: 0 0 auto !important;
  justify-self: center !important;
}

body.vd-bgpf-wide-page .vd-brand,
body.vd-bgpf-wide-page .vd-nav {
  justify-content: center !important;
}

body.vd-bgpf-wide-page .vd-search {
  flex: 0 1 420px !important;
  width: min(420px, 100%) !important;
  max-width: 420px !important;
  min-width: 280px !important;
  justify-self: center !important;
}

@media (max-width: 1040px) {
  body.vd-bgpf-wide-page .vd-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    text-align: left !important;
  }

  body.vd-bgpf-wide-page .vd-header > * {
    width: 100% !important;
    justify-self: stretch !important;
  }

  body.vd-bgpf-wide-page .vd-brand,
  body.vd-bgpf-wide-page .vd-nav {
    justify-content: center !important;
  }

  body.vd-bgpf-wide-page .vd-search {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}


/* v1.13.3: stronger fallback classes added by JS when the page template does not expose expected body/title selectors. */
.vd-bgpf-title-hidden-by-js {
  display: none !important;
}

body.vd-bgpf-dom-fixed .vd-bgpf-header-centered-by-js {
  display: flex !important;
  justify-content: center !important;
  justify-items: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.vd-bgpf-dom-fixed .vd-bgpf-header-centered-by-js > * {
  justify-self: center !important;
  flex: 0 0 auto !important;
}


/* v1.13.4: личная точка погоды на странице погоды */
.vd-bgpf-weather-point-shortcode {
  max-width: none;
  margin: 0 0 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  overflow: visible;
}
.vd-bgpf-weather-point-shortcode::before {
  display: none;
}
.vd-bgpf-weather-point-shortcode > * {
  position: relative;
  z-index: 1;
}
.vd-bgpf-weather-universal-row {
  margin-bottom: 18px;
}