/* WP Bible Devotional v1.1.10 */
:root {
  --wpbd-bg: transparent;
  --wpbd-card: #F0F0F0;
  --wpbd-text: #1D2366;
  --wpbd-muted: #1D2366;
  --wpbd-border: rgba(29, 35, 102, 0.28);
  --wpbd-shadow: none;
  --wpbd-shadow-hover: 3px 6px 3px -2px rgba(29, 35, 102, 0.18);
  --wpbd-radius-lg: 8px;
  --wpbd-radius-md: 8px;
  --wpbd-radius-sm: 8px;
  --wpbd-dark: #1D2366;
  --wpbd-primary: #1D2366;
  --wpbd-primary-contrast: #ffffff;
  --wpbd-hover: #DFE0E7;
  --wpbd-purple: #1D2366;
  --wpbd-magenta: #1D2366;
  --wpbd-green: #1D2366;
  --wpbd-orange: #1D2366;
}

.wpbd-app-shell,
.wpbd-app-shell * {
  box-sizing: border-box;
}

.wpbd-app-shell {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px;
  color: var(--wpbd-text);
}

.wpbd-app-shell a {
  color: inherit;
  text-decoration: none;
}

.wpbd-app-header,
.wpbd-side-card,
.wpbd-motivation-box,
.wpbd-devotional-mini-card,
.wpbd-study-app-card,
.wpbd-empty-state,
.wpbd-login-message,
.wpbd-notice,
.wpbd-frontend-submit,
.wpbd-manager-table,
.wpbd-featured-verse,
.wpbd-progress-card,
.wpbd-app-footer {
  background: var(--wpbd-card);
  border: 1px solid var(--wpbd-border);
  border-radius: var(--wpbd-radius-lg);
  box-shadow: var(--wpbd-shadow);
}

.wpbd-app-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.wpbd-branding,
.wpbd-user-chip,
.wpbd-footer-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.wpbd-brand-icon,
.wpbd-user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  background: var(--wpbd-purple);
  box-shadow: 0 10px 24px rgba(124, 58, 237, 0.25);
}

.wpbd-brand-copy strong,
.wpbd-user-name {
  display: block;
  font-size: 0.98rem;
}

.wpbd-brand-copy span {
  display: block;
  color: var(--wpbd-muted);
  font-size: 0.82rem;
}

.wpbd-app-nav {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex: 1 1 auto;
  justify-content: center;
}

.wpbd-nav-link {
  padding: 10px 14px;
  border-radius: 14px;
  color: var(--wpbd-muted);
  font-size: 0.95rem;
  font-weight: 600;
  transition: all 0.2s ease;
}

.wpbd-nav-link:hover,
.wpbd-nav-link.is-active {
  color: #4f46e5;
  background: #eef2ff;
}

.wpbd-app-hero {
  margin-bottom: 24px;
}

.wpbd-app-greeting {
  margin: 0 0 4px;
  font-size: clamp(2rem, 2.7vw, 2.75rem);
  line-height: 1.05;
}

.wpbd-app-subtitle {
  margin: 0;
  color: var(--wpbd-muted);
  font-size: 1rem;
}

.wpbd-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 26px;
}

.wpbd-stat-card {
  position: relative;
  min-height: 142px;
  border-radius: 22px;
  padding: 22px;
  color: #fff;
  overflow: hidden;
}

.wpbd-stat-card::before,
.wpbd-devotional-hero::before {
  content: "";
  position: absolute;
  inset: auto -24px -30px auto;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
}

.wpbd-stat-card::after,
.wpbd-devotional-hero::after {
  content: "";
  position: absolute;
  inset: 18px 18px auto auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

.wpbd-stat-card-purple { background: var(--wpbd-purple); }
.wpbd-stat-card-magenta { background: var(--wpbd-magenta); }
.wpbd-stat-card-green { background: var(--wpbd-green); }
.wpbd-stat-card-orange { background: var(--wpbd-orange); }

.wpbd-stat-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.18);
}

.wpbd-stat-value,
.wpbd-stat-label {
  position: relative;
  z-index: 1;
  display: block;
}

.wpbd-stat-value {
  font-size: clamp(1.9rem, 2.2vw, 2.4rem);
  font-weight: 800;
  line-height: 1;
  margin-bottom: 8px;
}

.wpbd-stat-label {
  opacity: 0.94;
  font-size: 0.96rem;
}

.wpbd-home-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
  gap: 22px;
  align-items: start;
  margin-bottom: 28px;
}

.wpbd-home-sidebar {
  display: grid;
  gap: 18px;
}

.wpbd-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.wpbd-section-heading h2 {
  margin: 0;
  font-size: 1.45rem;
}

.wpbd-section-link {
  color: #4f46e5;
  font-weight: 700;
  font-size: 0.95rem;
}

.wpbd-devotional-hero {
  position: relative;
  overflow: hidden;
  background: var(--wpbd-magenta);
  color: #fff;
  border-radius: 28px;
  padding: 28px;
  min-height: 460px;
  box-shadow: 0 26px 60px rgba(124, 58, 237, 0.2);
}

.wpbd-devotional-date,
.wpbd-devotional-reference {
  display: block;
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.95rem;
  margin-bottom: 12px;
}

.wpbd-devotional-title {
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(1.8rem, 2.2vw, 2.4rem);
  line-height: 1.15;
}

.wpbd-devotional-verse {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  font-size: 1.14rem;
  line-height: 1.7;
  font-style: italic;
}

.wpbd-devotional-panels {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.wpbd-devotional-panel {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 18px;
  backdrop-filter: blur(4px);
}

.wpbd-devotional-panel strong {
  display: block;
  margin-bottom: 8px;
}

.wpbd-devotional-panel p {
  margin: 0;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.95);
}

.wpbd-side-card,
.wpbd-motivation-box {
  padding: 22px;
}

.wpbd-side-title,
.wpbd-motivation-title {
  margin: 0 0 14px;
  font-size: 1.12rem;
}

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

.wpbd-quick-link {
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid var(--wpbd-border);
  background: #fff;
  font-weight: 600;
  color: var(--wpbd-text);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wpbd-quick-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(16, 24, 40, 0.08);
}

.wpbd-motivation-box {
  background: linear-gradient(180deg, #fffaf0 0%, #fff7e6 100%);
  border-color: #f4d7a1;
}

.wpbd-motivation-title {
  display: block;
}

.wpbd-motivation-text {
  margin: 0 0 8px;
  color: #7c5d17;
  line-height: 1.65;
}

.wpbd-motivation-reference {
  color: #9a6a00;
  font-size: 0.92rem;
  font-weight: 700;
}

.wpbd-study-grid,
.wpbd-grid {
  display: grid;
  gap: 22px;
}

.wpbd-columns-1 { grid-template-columns: 1fr; }
.wpbd-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wpbd-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wpbd-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.wpbd-study-app-card,
.wpbd-devotional-mini-card {
  overflow: hidden;
}

.wpbd-study-thumb {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, #dbeafe, #ede9fe);
}

.wpbd-study-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wpbd-study-thumb-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #c7d2fe 0%, #e9d5ff 100%);
}

.wpbd-study-badge {
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #065f46;
  font-weight: 700;
  font-size: 0.82rem;
}

.wpbd-study-body,
.wpbd-devotional-mini-body {
  padding: 22px;
}

.wpbd-study-title,
.wpbd-devotional-mini-body h3 {
  margin: 0 0 10px;
  font-size: 1.35rem;
  line-height: 1.25;
}

.wpbd-study-excerpt,
.wpbd-devotional-mini-body p {
  margin: 0 0 16px;
  color: var(--wpbd-muted);
  line-height: 1.65;
}

.wpbd-study-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.wpbd-study-meta span,
.wpbd-card-meta,
.wpbd-devotional-mini-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #475467;
  font-size: 0.82rem;
  font-weight: 700;
}

.wpbd-devotional-mini-kicker {
  margin-bottom: 12px;
  background: #eef2ff;
  color: #4338ca;
}

.wpbd-card-actions,
.wpbd-form-actions,
.wpbd-manager-actions,
.wpbd-inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wpbd-button,
.wpbd-action-button,
.wpbd-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid var(--wpbd-border);
  border-radius: 14px;
  background: #fff;
  color: var(--wpbd-text);
  cursor: pointer;
  font-weight: 700;
  font-size: 0.95rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.wpbd-button:hover,
.wpbd-action-button:hover,
.wpbd-page-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(16, 24, 40, 0.08);
}

.wpbd-button-dark,
.wpbd-button-primary {
  background: var(--wpbd-dark);
  color: #fff;
  border-color: var(--wpbd-dark);
}

.wpbd-button-full {
  width: 100%;
}

.wpbd-button-danger {
  background: #fff1f2;
  color: #be123c;
  border-color: #fecdd3;
}

.wpbd-featured-verse {
  padding: 24px;
}

.wpbd-featured-verse.align-left { text-align: left; }
.wpbd-featured-verse.align-center { text-align: center; }
.wpbd-featured-verse.align-right { text-align: right; }

.wpbd-verse-text {
  font-size: 1.25rem;
  line-height: 1.8;
  margin-bottom: 10px;
}

.wpbd-verse-reference {
  font-weight: 800;
  color: #4f46e5;
}

.wpbd-progress-card {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 24px;
}

.wpbd-progress-item strong {
  display: block;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 8px;
}

.wpbd-progress-item span {
  color: var(--wpbd-muted);
}

.wpbd-empty-state,
.wpbd-login-message {
  padding: 20px 22px;
  line-height: 1.6;
  color: var(--wpbd-muted);
}

.wpbd-notice {
  margin-bottom: 18px;
  padding: 16px 18px;
  line-height: 1.6;
}

.wpbd-notice-success {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.wpbd-notice-error {
  border-color: #fecaca;
  background: #fef2f2;
}

.wpbd-frontend-submit {
  display: grid;
  gap: 20px;
  padding: 26px;
}

.wpbd-form-header,
.wpbd-manager-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.wpbd-form-header h3,
.wpbd-manager-toolbar h3 {
  margin: 0 0 6px;
  font-size: 1.5rem;
}

.wpbd-form-header p,
.wpbd-manager-toolbar p,
.wpbd-inline-help {
  margin: 0;
  color: var(--wpbd-muted);
}

.wpbd-form-grid {
  display: grid;
  gap: 18px;
}

.wpbd-form-grid-2,
.wpbd-manager-filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.wpbd-manager-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wpbd-form-field {
  display: grid;
  gap: 8px;
}

.wpbd-form-field label {
  font-weight: 700;
}

.wpbd-form-field input[type="text"],
.wpbd-form-field input[type="number"],
.wpbd-form-field input[type="date"],
.wpbd-form-field input[type="file"],
.wpbd-form-field select,
.wpbd-form-field textarea {
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--wpbd-border);
  border-radius: 14px;
  background: #fff;
  font: inherit;
  color: inherit;
}

.wpbd-form-field textarea {
  min-height: 120px;
  resize: vertical;
}

.wpbd-form-field select[multiple] {
  min-height: 180px;
}

.wpbd-fields-group {
  display: none;
}

.wpbd-manager {
  display: grid;
  gap: 18px;
}

.wpbd-manager-table-wrap {
  overflow-x: auto;
}

.wpbd-manager-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.wpbd-manager-table th,
.wpbd-manager-table td {
  padding: 16px 18px;
  border-bottom: 1px solid #eef2f7;
  text-align: left;
  vertical-align: top;
}

.wpbd-manager-table thead th {
  color: var(--wpbd-muted);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.wpbd-manager-table tbody tr:last-child td {
  border-bottom: 0;
}

.wpbd-pagination {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.wpbd-page-link.is-current {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #4338ca;
}

.wpbd-app-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 22px;
  margin-top: 32px;
  color: var(--wpbd-muted);
  flex-wrap: wrap;
}

.wpbd-footer-verse {
  font-size: 0.95rem;
}

@media (max-width: 1100px) {
  .wpbd-dashboard-stats,
  .wpbd-columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wpbd-home-main-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 840px) {
  .wpbd-columns-3,
  .wpbd-columns-2,
  .wpbd-progress-card,
  .wpbd-form-grid-2,
  .wpbd-manager-filters {
    grid-template-columns: 1fr;
  }

  .wpbd-app-shell {
    padding: 16px;
  }

  .wpbd-app-header {
    padding: 16px;
  }

  .wpbd-app-nav {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .wpbd-dashboard-stats {
    grid-template-columns: 1fr;
  }

  .wpbd-devotional-hero {
    padding: 22px;
    min-height: 0;
  }

  .wpbd-study-body,
  .wpbd-devotional-mini-body {
    padding: 18px;
  }

  .wpbd-app-footer {
    align-items: flex-start;
  }
}


.wpbd-page-stack {
    display: grid;
    gap: 24px;
}


.wpbd-admin-page-stack {
  gap: 22px;
}

.wpbd-admin-study-shell {
  max-width: 860px;
  margin: 0 auto 8px;
}

.wpbd-admin-study-back {
  margin-bottom: 14px;
}

.wpbd-admin-study-back a {
  color: var(--wpbd-muted);
  font-weight: 600;
}

.wpbd-admin-study-form {
  padding: 26px;
  border-radius: 22px;
}

.wpbd-admin-study-header h2 {
  margin: 0 0 6px;
  font-size: 2rem;
  line-height: 1.1;
}

.wpbd-admin-study-header p {
  margin: 0 0 22px;
  color: var(--wpbd-muted);
}

.wpbd-admin-study-fields {
  display: grid;
  gap: 16px;
}

.wpbd-admin-study-grid {
  align-items: start;
}

.wpbd-admin-study-form .wpbd-form-field label {
  font-size: 12px;
  font-weight: 700;
  color: var(--wpbd-text);
  margin-bottom: 8px;
}

.wpbd-admin-study-form .wpbd-form-field label span {
  color: #ef4444;
}

.wpbd-admin-study-form input[type="text"],
.wpbd-admin-study-form input[type="url"],
.wpbd-admin-study-form input[type="number"],
.wpbd-admin-study-form select,
.wpbd-admin-study-form textarea {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--wpbd-border);
  border-radius: 12px;
  background: #fff;
  padding: 12px 14px;
  font-size: 0.95rem;
  color: var(--wpbd-text);
}

.wpbd-admin-study-form textarea {
  min-height: 110px;
  resize: vertical;
}

.wpbd-admin-study-form textarea#wpbd_study_markdown {
  min-height: 220px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.9rem;
  line-height: 1.65;
}

.wpbd-study-reference-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.wpbd-reference-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.wpbd-reference-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef2ff;
  color: #4338ca;
  font-size: 0.85rem;
  font-weight: 600;
}

.wpbd-reference-remove {
  border: 0;
  background: transparent;
  color: #6366f1;
  font-size: 1rem;
  cursor: pointer;
  line-height: 1;
  padding: 0;
}

.wpbd-admin-study-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.wpbd-button-light {
  background: #fff;
  border: 1px solid var(--wpbd-border);
  color: var(--wpbd-text);
}

.wpbd-button-light:hover {
  background: #f8fafc;
}

.wpbd-inline-help {
  margin-top: 6px;
  color: var(--wpbd-muted);
  font-size: 0.83rem;
}

.wpbd-single-study-content .wpbd-card-meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--wpbd-muted);
  font-size: 0.92rem;
  margin-bottom: 14px;
}

.wpbd-single-study-content .wpbd-content-body h1,
.wpbd-single-study-content .wpbd-content-body h2,
.wpbd-single-study-content .wpbd-content-body h3 {
  margin: 1.25em 0 0.55em;
}

.wpbd-single-study-content .wpbd-content-body p,
.wpbd-single-study-content .wpbd-content-body li {
  line-height: 1.75;
}

.wpbd-single-study-content .wpbd-content-body ul {
  padding-left: 1.3rem;
}

.wpbd-study-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .wpbd-admin-study-form {
    padding: 20px;
  }

  .wpbd-admin-study-header h2 {
    font-size: 1.7rem;
  }

  .wpbd-study-reference-row {
    grid-template-columns: 1fr;
  }

  .wpbd-admin-study-actions {
    flex-direction: column;
  }

  .wpbd-admin-study-actions .wpbd-button {
    width: 100%;
    text-align: center;
  }
}


/* study-only adjustments */
.wpbd-study-meta-hero {
  margin-bottom: 16px;
}

.wpbd-study-meta-hero span {
  background: rgba(255,255,255,.16);
  color: #fff;
}

/* v8 modal admin studies */
.wpbd-admin-page-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 24px;
  background: var(--wpbd-card);
  border: 1px solid var(--wpbd-border);
  border-radius: var(--wpbd-radius-lg);
  box-shadow: var(--wpbd-shadow);
}

.wpbd-admin-page-hero h2 {
  margin: 0 0 6px;
  font-size: 1.8rem;
}

.wpbd-admin-page-hero p {
  margin: 0;
  color: var(--wpbd-muted);
}

.wpbd-manager-toolbar-no-action {
  justify-content: flex-start;
}

.wpbd-manager-filters .wpbd-form-field,
.wpbd-manager-filters .wpbd-filter-actions {
  display: grid;
  align-content: end;
}

.wpbd-manager-filters .wpbd-button {
  width: 100%;
  min-height: 52px;
}

.wpbd-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}

.wpbd-modal.is-open {
  display: block;
}

.wpbd-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.58);
  backdrop-filter: blur(2px);
}

.wpbd-modal__dialog {
  position: relative;
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  margin: 16px auto;
  overflow: auto;
  background: var(--wpbd-card);
  border-radius: 24px;
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.25);
}

.wpbd-modal-large {
  width: min(920px, calc(100vw - 32px));
}

.wpbd-modal-small {
  width: min(480px, calc(100vw - 32px));
}

.wpbd-modal__body {
  padding: 24px;
}

.wpbd-modal__header {
  margin-bottom: 18px;
}

.wpbd-modal__header h3 {
  margin: 0;
  font-size: 1.35rem;
}

.wpbd-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid var(--wpbd-border);
  background: #fff;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

body.wpbd-modal-open {
  overflow: hidden;
}

.wpbd-current-image-preview img,
.wpbd-study-preview-image img,
.wpbd-single-study-cover img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.wpbd-current-image-preview {
  max-width: 220px;
}

.wpbd-single-study-cover,
.wpbd-study-preview-image {
  margin-bottom: 18px;
}

.wpbd-study-preview {
  display: grid;
  gap: 16px;
}

.wpbd-modal-study-title {
  margin: 0;
  font-size: 1.6rem;
}

.wpbd-study-preview-excerpt {
  margin: 0;
  color: var(--wpbd-muted);
  line-height: 1.7;
}

.wpbd-study-preview-content p,
.wpbd-study-preview-content li,
.wpbd-single-study-content .wpbd-content-body p,
.wpbd-single-study-content .wpbd-content-body li {
  line-height: 1.75;
}

.wpbd-video-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 18px;
  overflow: hidden;
  background: #0f172a;
}

.wpbd-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.wpbd-study-preview-video,
.wpbd-single-study-video {
  margin-top: 8px;
}

.wpbd-delete-confirm p {
  margin: 0 0 14px;
  line-height: 1.7;
}

.wpbd-admin-study-shell {
  max-width: none;
  margin: 0;
}

.wpbd-admin-study-form {
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.wpbd-modal .wpbd-admin-study-form {
  padding: 0;
}

@media (max-width: 840px) {
  .wpbd-admin-page-hero {
    padding: 18px;
  }

  .wpbd-modal__body {
    padding: 18px;
  }
}


/* v9 studies page layout */
.wpbd-studies-page .wpbd-app-footer {
  margin-top: 28px;
}

.wpbd-studies-hero {
  display: grid;
  gap: 24px;
}

.wpbd-page-title-wrap {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 4px;
}

.wpbd-page-title-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 1.25rem;
  flex: 0 0 auto;
}

.wpbd-page-title {
  margin: 0 0 8px;
  font-size: clamp(2rem, 2.8vw, 2.7rem);
  line-height: 1.05;
}

.wpbd-page-subtitle {
  margin: 0;
  color: var(--wpbd-muted);
  font-size: 1rem;
}

.wpbd-studies-filters-bar {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(180px, .7fr) minmax(190px, .8fr) minmax(130px, .5fr);
  gap: 14px;
  padding: 18px;
  background: var(--wpbd-card);
  border: 1px solid var(--wpbd-border);
  border-radius: var(--wpbd-radius-lg);
  box-shadow: var(--wpbd-shadow);
}

.wpbd-filter-search,
.wpbd-filter-select,
.wpbd-filter-submit {
  display: flex;
  align-items: stretch;
}

.wpbd-filter-search input,
.wpbd-filter-select select {
  width: 100%;
  min-height: 56px;
  padding: 0 16px;
  border: 1px solid var(--wpbd-border);
  border-radius: 16px;
  background: #fff;
  font: inherit;
  color: var(--wpbd-text);
}

.wpbd-filter-submit .wpbd-button {
  min-height: 56px;
}

.wpbd-theme-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.wpbd-theme-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 14px;
  background: transparent;
  color: var(--wpbd-muted);
  font-weight: 700;
  border: 1px solid transparent;
  transition: all .2s ease;
}

.wpbd-theme-tab:hover,
.wpbd-theme-tab.is-active {
  color: #4f46e5;
  background: #eef2ff;
  border-color: #dde5ff;
}

.wpbd-studies-results-count {
  color: var(--wpbd-muted);
  font-size: .98rem;
}

.wpbd-studies-page .wpbd-study-grid {
  margin-top: 0;
}

.wpbd-studies-page .wpbd-study-app-card {
  border-radius: 22px;
}

.wpbd-studies-page .wpbd-study-thumb {
  aspect-ratio: 1.45 / 1;
}

.wpbd-studies-page .wpbd-study-body {
  padding: 18px 20px 20px;
}

.wpbd-studies-page .wpbd-study-title {
  font-size: 1.18rem;
  margin-bottom: 8px;
}

.wpbd-studies-page .wpbd-study-excerpt {
  min-height: 52px;
  font-size: .94rem;
  margin-bottom: 14px;
}

@media (max-width: 1024px) {
  .wpbd-studies-filters-bar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .wpbd-page-title-wrap {
    align-items: center;
  }
  .wpbd-studies-filters-bar {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .wpbd-theme-tabs {
    gap: 8px;
  }
  .wpbd-theme-tab {
    min-height: 38px;
    padding: 0 12px;
    font-size: .92rem;
  }
}


/* v10 admin pdf + dynamic page */
.wpbd-admin-page-stack,
.wpbd-admin-page-stack input,
.wpbd-admin-page-stack select,
.wpbd-admin-page-stack textarea,
.wpbd-admin-page-stack button,
.wpbd-admin-page-stack table,
.wpbd-admin-page-stack td,
.wpbd-admin-page-stack th,
.wpbd-admin-page-stack label,
.wpbd-admin-page-stack p,
.wpbd-admin-page-stack a {
  font-size: 12px;
}

.wpbd-admin-page-stack .wpbd-admin-page-hero h2,
.wpbd-admin-page-stack .wpbd-manager-toolbar h3,
.wpbd-admin-page-stack .wpbd-admin-study-header h2,
.wpbd-admin-page-stack .wpbd-modal__header h3 {
  font-size: 20px;
}

.wpbd-theme-manager {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--wpbd-border);
  border-radius: 14px;
  background: #f8fafc;
}

.wpbd-theme-manager-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.wpbd-theme-delete-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid var(--wpbd-border);
  border-radius: 12px;
  background: #fff;
  white-space: nowrap;
}

.wpbd-study-pdf-list,
.wpbd-study-download-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.wpbd-study-pdf-item,
.wpbd-study-download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--wpbd-border);
  border-radius: 12px;
  background: #fff;
}

.wpbd-study-download-item {
  text-decoration: none;
  color: var(--wpbd-text);
}

.wpbd-study-pdf-remove {
  color: var(--wpbd-muted);
  white-space: nowrap;
}

.wpbd-dynamic-study-page {
  max-width: 900px;
  margin: 0 auto;
}

.wpbd-dynamic-study-back {
  margin-bottom: 16px;
}

.wpbd-dynamic-study-back a {
  color: var(--wpbd-muted);
  font-weight: 600;
}

.wpbd-dynamic-study-card {
  padding: 24px;
}

.wpbd-dynamic-study-title {
  margin: 0 0 10px;
  font-size: clamp(1.8rem, 2.4vw, 2.4rem);
}

.wpbd-dynamic-study-excerpt {
  margin: 0 0 18px;
  color: var(--wpbd-muted);
  line-height: 1.7;
}

.wpbd-study-downloads h3,
.wpbd-study-downloads h4 {
  margin: 0 0 10px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .wpbd-theme-manager-row,
  .wpbd-study-pdf-item {
    grid-template-columns: 1fr;
  }
}


/* v1.0.1 admin study form cleanup */
.wpbd-admin-study-form .wpbd-form-field label,
.wpbd-admin-study-form .wpbd-theme-manager-row label,
.wpbd-admin-study-form .wpbd-inline-help {
  font-size: 12px;
}


/* v1.1.0 study progress and dynamic actions */
.wpbd-page-section {
  margin-bottom: 28px;
}

.wpbd-study-actions-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--wpbd-border);
}

.wpbd-studies-filters-bar.wpbd-studies-filters-simple {
  grid-template-columns: minmax(0, 1.8fr) minmax(220px, .8fr) minmax(140px, .5fr);
}

.wpbd-studies-search input,
.wpbd-studies-select select {
  width: 100%;
  min-height: 56px;
  padding: 0 16px;
  border: 1px solid var(--wpbd-border);
  border-radius: 16px;
  background: #fff;
  font: inherit;
  color: var(--wpbd-text);
}

.wpbd-home-main-grid .wpbd-home-sidebar {
  order: 2;
}

.wpbd-home-main-grid .wpbd-home-main-left {
  order: 1;
}

.wpbd-dynamic-study-card .wpbd-content-body {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .wpbd-studies-filters-bar.wpbd-studies-filters-simple {
    grid-template-columns: 1fr;
  }

  .wpbd-home-main-grid {
    grid-template-columns: 1fr;
  }

  .wpbd-home-main-grid .wpbd-home-sidebar,
  .wpbd-home-main-grid .wpbd-home-main-left {
    order: initial;
  }
}


/* v1.1.1 - biblioteca de estudos refinada */
.wpbd-study-badge-inline {
  position: static;
  left: auto;
  bottom: auto;
  margin-bottom: 14px;
  background: #eef2ff;
  color: #4338ca;
}

.wpbd-study-grid-library {
  align-items: start;
}

.wpbd-study-app-card-library {
  border-radius: 20px;
  min-height: 0;
}

.wpbd-study-app-card-library .wpbd-study-body {
  padding: 18px;
}

.wpbd-studies-page .wpbd-study-app-card-library .wpbd-study-title {
  font-size: 1.05rem;
  margin-bottom: 8px;
}

.wpbd-studies-page .wpbd-study-app-card-library .wpbd-study-excerpt {
  min-height: 44px;
  font-size: 0.92rem;
  margin-bottom: 12px;
}

.wpbd-studies-page .wpbd-study-app-card-library .wpbd-study-meta {
  margin-bottom: 14px;
}

.wpbd-studies-page .wpbd-study-app-card-library .wpbd-study-meta span {
  background: #1D2366;
  color: #FFFFFF !important;
  border: none;
}

.wpbd-button-static:hover,
.wpbd-button-static:focus,
.wpbd-studies-page .wpbd-button-dark:hover,
.wpbd-studies-page .wpbd-button-dark:focus {
  transform: none;
  box-shadow: none;
  background: var(--wpbd-dark);
  border-color: var(--wpbd-dark);
  color: #fff;
}

.wpbd-studies-filters-simple {
  grid-template-columns: minmax(0, 1.8fr) minmax(220px, 1fr) minmax(140px, .6fr);
}

.wpbd-studies-search,
.wpbd-studies-select,
.wpbd-studies-submit {
  display: flex;
  align-items: stretch;
}

.wpbd-studies-search input,
.wpbd-studies-select select {
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid var(--wpbd-border);
  border-radius: 16px;
  background: #fff;
  font: inherit;
  color: var(--wpbd-text);
}

.wpbd-studies-submit .wpbd-button {
  min-height: 50px;
}

@media (max-width: 900px) {
  .wpbd-studies-filters-simple {
    grid-template-columns: 1fr;
  }
}


/* v1.1.2 dynamic study detail refinement */
.wpbd-dynamic-study-page {
  max-width: 980px;
  margin: 0 auto;
}

.wpbd-dynamic-study-back {
  margin-bottom: 16px;
}

.wpbd-dynamic-study-back a {
  color: var(--wpbd-muted);
  font-weight: 600;
  text-decoration: none;
}

.wpbd-dynamic-hero {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid var(--wpbd-border);
  background: linear-gradient(135deg, #111827 0%, #374151 100%);
  min-height: 260px;
  box-shadow: var(--wpbd-shadow);
  margin-bottom: 24px;
}

.wpbd-dynamic-hero.no-cover {
  background: linear-gradient(135deg, #1f2937 0%, #0f172a 100%);
}

.wpbd-dynamic-hero-media,
.wpbd-dynamic-hero-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.wpbd-dynamic-hero-media img {
  object-fit: cover;
}

.wpbd-dynamic-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.15) 0%, rgba(15, 23, 42, 0.72) 100%);
}

.wpbd-dynamic-hero-content {
  position: relative;
  z-index: 2;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 14px;
  padding: 28px;
  color: #fff;
}

.wpbd-study-badge-hero {
  align-self: flex-start;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.wpbd-dynamic-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.92);
}

.wpbd-dynamic-hero-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.wpbd-dynamic-study-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr);
  gap: 24px;
  align-items: start;
}

.wpbd-dynamic-main-column,
.wpbd-dynamic-sidebar {
  display: grid;
  gap: 20px;
}

.wpbd-dynamic-summary-card,
.wpbd-dynamic-reference-card,
.wpbd-dynamic-content-card,
.wpbd-dynamic-video-card,
.wpbd-dynamic-files-card,
.wpbd-dynamic-note-card,
.wpbd-dynamic-progress-card,
.wpbd-dynamic-info-card,
.wpbd-dynamic-links-card {
  padding: 20px 22px;
}

.wpbd-card-heading {
  margin: 0 0 14px;
  font-size: 18px;
  line-height: 1.3;
}

.wpbd-dynamic-summary-card .wpbd-dynamic-study-excerpt {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.8;
  color: var(--wpbd-muted);
}

.wpbd-reference-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wpbd-reference-pill {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: #eef2ff;
  color: #4338ca;
  font-size: 13px;
  font-weight: 600;
}

.wpbd-dynamic-content-card .wpbd-content-body {
  margin-top: 0;
}

.wpbd-dynamic-content-card .wpbd-content-body > :first-child {
  margin-top: 0;
}

.wpbd-study-progress-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: #eef2ff;
  color: #4338ca;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 14px;
}

.wpbd-study-actions-row-stacked {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.wpbd-button-full {
  width: 100%;
  justify-content: center;
}

.wpbd-info-list {
  margin: 0;
  display: grid;
  gap: 12px;
}

.wpbd-info-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--wpbd-border);
}

.wpbd-info-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.wpbd-info-row dt,
.wpbd-info-row dd {
  margin: 0;
  font-size: 14px;
}

.wpbd-info-row dt {
  color: var(--wpbd-muted);
}

.wpbd-info-row dd {
  font-weight: 700;
  text-align: right;
}

.wpbd-ghost-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--wpbd-border);
  border-radius: 14px;
  background: #fff;
  color: var(--wpbd-text);
  text-decoration: none;
  font-weight: 600;
}

.wpbd-dynamic-links-card {
  display: grid;
  gap: 10px;
}

.wpbd-dynamic-note-card .wpbd-button-light:hover,
.wpbd-dynamic-note-card .wpbd-button-light:focus,
.wpbd-dynamic-progress-card .wpbd-button-primary:hover,
.wpbd-dynamic-progress-card .wpbd-button-primary:focus,
.wpbd-dynamic-progress-card .wpbd-button-dark:hover,
.wpbd-dynamic-progress-card .wpbd-button-dark:focus {
  transform: none;
}

@media (max-width: 991px) {
  .wpbd-dynamic-study-layout {
    grid-template-columns: 1fr;
  }

  .wpbd-dynamic-hero,
  .wpbd-dynamic-hero-content {
    min-height: 220px;
  }
}

@media (max-width: 640px) {
  .wpbd-dynamic-hero-content {
    padding: 22px 18px;
  }

  .wpbd-dynamic-summary-card,
  .wpbd-dynamic-reference-card,
  .wpbd-dynamic-content-card,
  .wpbd-dynamic-video-card,
  .wpbd-dynamic-files-card,
  .wpbd-dynamic-note-card,
  .wpbd-dynamic-progress-card,
  .wpbd-dynamic-info-card,
  .wpbd-dynamic-links-card {
    padding: 18px;
  }
}


/* Dynamic study page refinements */
.wpbd-dynamic-title-panel {
  padding: 28px 32px;
  box-shadow: none;
}

.wpbd-dynamic-title-wrap {
  display: grid;
  gap: 12px;
}

.wpbd-dynamic-title-meta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  color: var(--wpbd-muted);
  font-size: 0.95rem;
  font-weight: 600;
}

.wpbd-dynamic-study-title {
  margin: 0;
  font-size: clamp(2rem, 3vw, 2.8rem);
  line-height: 1.1;
}

.wpbd-dynamic-summary-card,
.wpbd-dynamic-reference-card,
.wpbd-dynamic-content-card,
.wpbd-dynamic-video-card,
.wpbd-dynamic-files-card,
.wpbd-dynamic-note-card,
.wpbd-dynamic-progress-card,
.wpbd-dynamic-info-card,
.wpbd-dynamic-links-card {
  box-shadow: none;
}

.wpbd-study-notes-header {
  margin-bottom: 16px;
}

.wpbd-study-notes-helper {
  margin: 6px 0 0;
  color: var(--wpbd-muted);
  font-size: 0.92rem;
}

.wpbd-study-note-form {
  display: grid;
  gap: 12px;
  margin-bottom: 20px;
}

.wpbd-study-note-input {
  width: 100%;
  min-height: 120px;
  padding: 14px 16px;
  border: 1px solid var(--wpbd-border);
  border-radius: 14px;
  background: #fff;
  color: var(--wpbd-text);
  resize: vertical;
  font: inherit;
}

.wpbd-study-note-input:focus {
  outline: none;
  border-color: #7c3aed;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

.wpbd-study-note-actions {
  display: flex;
  justify-content: flex-end;
}

.wpbd-study-notes-list {
  display: grid;
  gap: 14px;
}

.wpbd-study-note-item {
  border: 1px solid var(--wpbd-border);
  border-radius: 16px;
  background: #fff;
  padding: 16px 18px;
}

.wpbd-study-note-meta {
  margin-bottom: 8px;
  color: var(--wpbd-muted);
  font-size: 0.82rem;
  font-weight: 600;
}

.wpbd-study-note-content {
  color: var(--wpbd-text);
  line-height: 1.65;
  white-space: normal;
}

.wpbd-empty-inline-note {
  border: 1px dashed var(--wpbd-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--wpbd-muted);
  background: #fafafa;
}

@media (max-width: 767px) {
  .wpbd-dynamic-title-panel {
    padding: 22px 20px;
  }

  .wpbd-dynamic-study-title {
    font-size: 1.75rem;
  }
}


/* v1.1.4 design system */
:root {
  --wpbd-bg: transparent;
  --wpbd-card: #F0F0F0;
  --wpbd-card-hover: #DFE0E7;
  --wpbd-text: #1D2366;
  --wpbd-muted: #1D2366;
  --wpbd-border: #1D236647;
  --wpbd-dark: #1D2366;
  --wpbd-shadow: none;
  --wpbd-radius-lg: 8px;
  --wpbd-radius-md: 8px;
  --wpbd-radius-sm: 8px;
}

.wpbd-app-shell,
.wpbd-studies-page,
.wpbd-page-stack,
.wpbd-dynamic-study-page,
.wpbd-admin-page-stack {
  font-family: "Roboto", Arial, sans-serif;
  color: var(--wpbd-text);
  background: var(--wpbd-bg);
}

.wpbd-app-shell {
  padding-top: 16px;
  padding-bottom: 24px;
}

.wpbd-app-header,
.wpbd-side-card,
.wpbd-motivation-box,
.wpbd-devotional-mini-card,
.wpbd-study-app-card,
.wpbd-empty-state,
.wpbd-login-message,
.wpbd-notice,
.wpbd-frontend-submit,
.wpbd-manager-table,
.wpbd-featured-verse,
.wpbd-progress-card,
.wpbd-app-footer,
.wpbd-stat-card,
.wpbd-modal__dialog {
  background: var(--wpbd-card);
  border: 1px solid var(--wpbd-border);
  border-radius: 8px;
  box-shadow: none;
}

.wpbd-side-card,
.wpbd-study-app-card,
.wpbd-motivation-box,
.wpbd-devotional-mini-card,
.wpbd-progress-card,
.wpbd-featured-verse,
.wpbd-stat-card,
.wpbd-app-footer,
.wpbd-app-header,
.wpbd-frontend-submit,
.wpbd-manager-table,
.wpbd-modal__dialog {
  transition: background-color .2s ease, box-shadow .2s ease;
}

.wpbd-side-card:hover,
.wpbd-study-app-card:hover,
.wpbd-motivation-box:hover,
.wpbd-devotional-mini-card:hover,
.wpbd-progress-card:hover,
.wpbd-featured-verse:hover,
.wpbd-stat-card:hover,
.wpbd-app-footer:hover,
.wpbd-app-header:hover,
.wpbd-frontend-submit:hover,
.wpbd-modal__dialog:hover {
  background: var(--wpbd-card-hover);
  box-shadow: 3px 6px 3px -2px rgba(29, 35, 102, 0.18);
}

.wpbd-brand-icon,
.wpbd-user-avatar,
.wpbd-stat-icon {
  background: #1D2366;
  color: #FFFFFF;
  box-shadow: none;
  border-radius: 8px;
}

.wpbd-app-nav {
  gap: 8px;
}

.wpbd-nav-link {
  color: #1D2366;
  border-radius: 8px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 12px;
}

.wpbd-nav-link:hover,
.wpbd-nav-link.is-active {
  color: #1D2366;
  background: #DFE0E7;
}

.wpbd-brand-copy strong,
.wpbd-user-name,
.wpbd-section-heading h2,
.wpbd-section-heading-stack h2,
.wpbd-card-heading,
.wpbd-study-title,
.wpbd-dynamic-study-title,
.wpbd-form-field label,
.wpbd-manager-table thead th,
.wpbd-modal__header h3,
.wpbd-progress-item strong,
.wpbd-results-count,
.wpbd-study-downloads h3,
.wpbd-study-downloads h4 {
  color: #1D2366;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.wpbd-app-greeting {
  color: #1D2366;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 4px;
}

.wpbd-brand-copy span,
.wpbd-app-subtitle,
.wpbd-page-subtitle,
.wpbd-study-excerpt,
.wpbd-dynamic-study-excerpt,
.wpbd-study-meta span,
.wpbd-card-meta,
.wpbd-devotional-mini-kicker,
.wpbd-progress-item span,
.wpbd-info-row dt,
.wpbd-info-row dd,
.wpbd-footer-verse,
.wpbd-verse-reference,
.wpbd-empty-state,
.wpbd-login-message,
.wpbd-notice,
.wpbd-form-help,
.wpbd-inline-help,
.wpbd-study-download-item,
.wpbd-dynamic-title-meta span,
.wpbd-dynamic-study-back a {
  color: #1D2366;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.wpbd-study-title {
  margin-bottom: 8px;
}

.wpbd-study-excerpt,
.wpbd-dynamic-study-excerpt,
.wpbd-content-body,
.wpbd-form-field input,
.wpbd-form-field select,
.wpbd-form-field textarea,
.wpbd-studies-search input,
.wpbd-studies-select select,
.wpbd-study-note-input,
.wpbd-search-form input,
.wpbd-search-form select,
.wpbd-manager-table td,
.wpbd-manager-table td *,
.wpbd-manager-filters select,
.wpbd-manager-filters input {
  font-family: "Roboto", Arial, sans-serif;
  color: #1D2366;
  font-size: 12px;
}

.wpbd-button,
.wpbd-action-button,
.wpbd-page-link,
.wpbd-button-dark,
.wpbd-button-primary,
.wpbd-ghost-link,
.wpbd-modal__close {
  border-radius: 8px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.wpbd-button-dark,
.wpbd-button-primary,
.wpbd-action-button[data-action="start"],
.wpbd-action-button[data-action="complete"],
.wpbd-study-app-card .wpbd-button,
.wpbd-study-app-card .wpbd-action-button {
  background: #1D2366;
  border-color: #1D2366;
  color: #FFFFFF;
}

.wpbd-button:hover,
.wpbd-action-button:hover,
.wpbd-page-link:hover,
.wpbd-button-dark:hover,
.wpbd-button-primary:hover,
.wpbd-ghost-link:hover {
  transform: none;
  box-shadow: none;
}

.wpbd-button-dark:hover,
.wpbd-button-primary:hover,
.wpbd-action-button[data-action="start"]:hover,
.wpbd-action-button[data-action="complete"]:hover,
.wpbd-study-app-card .wpbd-button:hover,
.wpbd-study-app-card .wpbd-action-button:hover {
  background: #1D2366;
  border-color: #1D2366;
  color: #FFFFFF;
}

.wpbd-ghost-link,
.wpbd-button-light {
  background: #FFFFFF;
  border-color: var(--wpbd-border);
  color: #1D2366;
}

.wpbd-study-badge,
.wpbd-reference-pill,
.wpbd-study-progress-chip,
.wpbd-reference-tag,
.wpbd-status-badge,
.wpbd-card-meta,
.wpbd-study-meta span,
.wpbd-devotional-mini-kicker {
  background: #1D2366;
  color: #FFFFFF;
  border: 0;
  border-radius: 8px;
}

.wpbd-study-badge {
  position: static;
  min-height: 24px;
  padding: 4px 8px;
  font-size: 12px;
  margin-bottom: 8px;
}

.wpbd-reference-pill {
  padding: 6px 10px;
  font-size: 12px;
}

.wpbd-reference-tag .wpbd-reference-remove {
  color: #FFFFFF;
}

.wpbd-form-field input[type="text"],
.wpbd-form-field input[type="number"],
.wpbd-form-field input[type="date"],
.wpbd-form-field input[type="file"],
.wpbd-form-field input[type="search"],
.wpbd-form-field select,
.wpbd-form-field textarea,
.wpbd-studies-search input,
.wpbd-studies-select select,
.wpbd-study-note-input,
.wpbd-manager-filters input,
.wpbd-manager-filters select {
  background: #FFFFFF;
  border: 1px solid var(--wpbd-border);
  border-radius: 8px;
  min-height: 44px;
  padding: 10px 12px;
  color: #1D2366;
}

.wpbd-form-field textarea,
.wpbd-study-note-input {
  min-height: 120px;
}

.wpbd-study-note-form .wpbd-button {
  min-height: 44px;
}

.wpbd-manager-table {
  overflow: hidden;
}

.wpbd-manager-table thead th {
  background: #DFE0E7;
  border-bottom: 1px solid var(--wpbd-border);
  text-transform: none;
  letter-spacing: 0;
}

.wpbd-manager-table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.45);
}

.wpbd-manager-table tbody tr:nth-child(even) {
  background: rgba(223, 224, 231, 0.35);
}

.wpbd-manager-table tbody tr:hover {
  background: #DFE0E7;
}

.wpbd-manager-table th,
.wpbd-manager-table td {
  border-bottom: 1px solid rgba(29, 35, 102, 0.12);
}

.wpbd-modal__backdrop {
  background: rgba(29, 35, 102, 0.35);
  backdrop-filter: blur(1px);
}

.wpbd-modal__dialog {
  border-radius: 8px;
}

.wpbd-modal__body {
  padding: 20px;
}

.wpbd-modal__close {
  background: #FFFFFF;
  color: #1D2366;
  border: 1px solid var(--wpbd-border);
}

.wpbd-dashboard-stats {
  gap: 12px;
}

.wpbd-stat-card {
  min-height: 100px;
  padding: 16px;
  color: #1D2366;
  overflow: hidden;
}

.wpbd-stat-card::before,
.wpbd-stat-card::after,
.wpbd-devotional-hero::before,
.wpbd-devotional-hero::after {
  display: none;
}

.wpbd-stat-card-purple,
.wpbd-stat-card-magenta,
.wpbd-stat-card-green,
.wpbd-stat-card-orange {
  background: var(--wpbd-card);
}

.wpbd-stat-value {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
  color: #1D2366;
}

.wpbd-stat-label {
  font-size: 12px;
  font-weight: 400;
  color: #1D2366;
}

.wpbd-studies-filters-bar,
.wpbd-manager-filters,
.wpbd-form-grid,
.wpbd-form-grid-2 {
  gap: 12px;
}

.wpbd-studies-filters-bar.wpbd-studies-filters-simple {
  grid-template-columns: minmax(0, 1.8fr) minmax(220px, .9fr) minmax(140px, .45fr);
}

.wpbd-app-footer {
  color: #1D2366;
}

.wpbd-dynamic-title-panel,
.wpbd-dynamic-summary-card,
.wpbd-dynamic-reference-card,
.wpbd-dynamic-content-card,
.wpbd-dynamic-video-card,
.wpbd-dynamic-files-card,
.wpbd-dynamic-note-card,
.wpbd-dynamic-progress-card,
.wpbd-dynamic-info-card,
.wpbd-dynamic-links-card {
  border-radius: 8px;
}

.wpbd-dynamic-study-back a {
  font-weight: 600;
}

.wpbd-info-row dd {
  font-weight: 600;
}

.wpbd-content-body p,
.wpbd-content-body li,
.wpbd-content-body strong,
.wpbd-content-body em {
  color: #1D2366;
}

.wpbd-inline-note-item,
.wpbd-study-note-list li,
.wpbd-study-note {
  background: #FFFFFF;
  border: 1px solid var(--wpbd-border);
  border-radius: 8px;
  padding: 12px;
}

.wpbd-inline-note-item + .wpbd-inline-note-item,
.wpbd-study-note-list li + li,
.wpbd-study-note + .wpbd-study-note {
  margin-top: 10px;
}

.wpbd-toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 100000;
  display: grid;
  gap: 8px;
}

.wpbd-toast {
  min-width: 240px;
  max-width: 360px;
  padding: 10px 12px;
  background: #DFE0E7;
  color: #1D2366;
  border: 1px solid var(--wpbd-border);
  border-radius: 4px;
  box-shadow: none;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

.wpbd-toast.is-hiding {
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
}

@media (max-width: 840px) {
  .wpbd-studies-filters-bar.wpbd-studies-filters-simple {
    grid-template-columns: 1fr;
  }

  .wpbd-toast-container {
    left: 16px;
    right: 16px;
    top: 16px;
  }

  .wpbd-toast {
    max-width: none;
    min-width: 0;
  }
}


/* v16 design system refinements */
.wpbd-app-shell {
  background: transparent;
  padding: 16px 18px 22px;
  font-family: "Roboto", Arial, sans-serif;
  color: var(--wpbd-text);
}

.wpbd-page-stack,
.wpbd-studies-page,
.wpbd-dynamic-study-page,
.wpbd-manager,
.wpbd-admin-page-stack {
  gap: 14px;
}

.wpbd-app-header,
.wpbd-side-card,
.wpbd-motivation-box,
.wpbd-devotional-mini-card,
.wpbd-study-app-card,
.wpbd-empty-state,
.wpbd-login-message,
.wpbd-notice,
.wpbd-frontend-submit,
.wpbd-manager-table,
.wpbd-featured-verse,
.wpbd-progress-card,
.wpbd-app-footer,
.wpbd-studies-filters-bar,
.wpbd-manager-table-wrap,
.wpbd-dynamic-study-layout > *,
.wpbd-modal-panel {
  background: var(--wpbd-card);
  border: 1px solid var(--wpbd-border);
  border-radius: 8px;
  box-shadow: none;
}

.wpbd-side-card:hover,
.wpbd-study-app-card:hover,
.wpbd-progress-card:hover,
.wpbd-stat-card:hover,
.wpbd-manager-table tbody tr:hover,
.wpbd-reference-pill:hover,
.wpbd-study-download-item:hover {
  background: var(--wpbd-hover);
  box-shadow: var(--wpbd-shadow-hover);
}

.wpbd-app-header,
.wpbd-side-card,
.wpbd-motivation-box,
.wpbd-devotional-mini-card,
.wpbd-featured-verse,
.wpbd-progress-card,
.wpbd-app-footer,
.wpbd-frontend-submit,
.wpbd-manager-table-wrap,
.wpbd-studies-filters-bar {
  padding: 14px;
}

.wpbd-brand-icon,
.wpbd-user-avatar {
  border-radius: 8px;
  background: #1D2366;
  box-shadow: none;
}

.wpbd-brand-copy strong,
.wpbd-user-name,
.wpbd-app-greeting,
.wpbd-section-heading h2,
.wpbd-study-title,
.wpbd-dynamic-study-title,
.wpbd-card-heading,
.wpbd-admin-study-header h2,
.wpbd-manager-toolbar h3,
.wpbd-modal-title,
.wpbd-manager-table strong,
.wpbd-study-preview h3,
.wpbd-progress-item strong,
.wpbd-stat-value {
  color: #1D2366;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 600;
}

.wpbd-app-greeting,
.wpbd-section-heading h2,
.wpbd-dynamic-study-title {
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 4px;
}

.wpbd-stat-value {
  font-size: 20px;
  line-height: 1.1;
}

.wpbd-brand-copy span,
.wpbd-app-subtitle,
.wpbd-section-heading p,
.wpbd-page-subtitle,
.wpbd-study-excerpt,
.wpbd-empty-state,
.wpbd-login-message,
.wpbd-inline-help,
.wpbd-study-notes-helper,
.wpbd-results-count,
.wpbd-manager-toolbar p,
.wpbd-form-field .description,
.wpbd-progress-item span,
.wpbd-dynamic-study-excerpt,
.wpbd-info-list dt,
.wpbd-info-list dd,
.wpbd-ghost-link,
.wpbd-study-download-item span,
.wpbd-study-download-item strong,
.wpbd-card-meta,
.wpbd-study-meta span,
.wpbd-reference-pill,
.wpbd-study-progress-chip,
.wpbd-nav-link,
.wpbd-footer-brand span,
.wpbd-app-footer,
.wpbd-manager-table td,
.wpbd-manager-table th {
  color: #1D2366;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.wpbd-nav-link {
  padding: 9px 12px;
  border-radius: 8px;
}
.wpbd-nav-link:hover,
.wpbd-nav-link.is-active {
  color: #1D2366;
  background: #DFE0E7;
}

.wpbd-dashboard-stats {
  gap: 14px;
  margin-bottom: 16px;
}
.wpbd-stat-card {
  min-height: auto;
  padding: 14px;
  border: 1px solid var(--wpbd-border);
  border-radius: 8px;
  background: var(--wpbd-card) !important;
  color: #1D2366;
}
.wpbd-stat-card::before,
.wpbd-stat-card::after,
.wpbd-devotional-hero::before,
.wpbd-devotional-hero::after,
.wpbd-stat-icon {
  display: none !important;
}
.wpbd-stat-label {
  color: #1D2366;
  font-size: 12px;
  font-weight: 400;
}
.wpbd-stat-card-purple,
.wpbd-stat-card-magenta,
.wpbd-stat-card-green,
.wpbd-stat-card-orange {
  background: var(--wpbd-card);
}

.wpbd-study-badge,
.wpbd-reference-pill,
.wpbd-study-progress-chip,
.wpbd-card-meta span,
.wpbd-study-meta span,
.wpbd-devotional-mini-kicker {
  background: #1D2366;
  color: #fff !important;
  border-radius: 999px;
  border: none;
}
.wpbd-study-badge-inline {
  position: static;
  margin-bottom: 8px;
}
.wpbd-study-badge {
  min-height: 24px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 500;
}

.wpbd-button,
.wpbd-action-button,
.wpbd-page-link {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid #1D236647;
  background: #fff;
  color: #1D2366;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: background .18s ease, box-shadow .18s ease;
  box-shadow: none;
  transform: none !important;
}
.wpbd-button:hover,
.wpbd-action-button:hover,
.wpbd-page-link:hover {
  transform: none;
  background: #DFE0E7;
  box-shadow: none;
}
.wpbd-button-dark,
.wpbd-button-primary {
  background: #1D2366;
  color: #fff;
  border-color: #1D2366;
}
.wpbd-button-dark:hover,
.wpbd-button-primary:hover {
  background: #1D2366;
  color: #fff;
  border-color: #1D2366;
}
.wpbd-button-light {
  background: #fff;
  color: #1D2366;
  border-color: #1D236647;
}
.wpbd-button-danger {
  background: #fff;
  color: #1D2366;
  border-color: #1D236647;
}

.wpbd-icon-button {
  width: 36px;
  min-width: 36px;
  min-height: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #1D236647;
  background: #fff;
  color: #1D2366;
  cursor: pointer;
}
.wpbd-icon-button:hover {
  background: #DFE0E7;
  box-shadow: none;
}
.wpbd-icon-button-danger,
.wpbd-icon-button-light {
  color: #1D2366;
}
.wpbd-icon-button .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

.wpbd-form-field label {
  color: #1D2366;
  font-size: 12px;
  font-weight: 600;
  font-family: "Roboto", Arial, sans-serif;
}
.wpbd-form-field input[type="text"],
.wpbd-form-field input[type="number"],
.wpbd-form-field input[type="date"],
.wpbd-form-field input[type="file"],
.wpbd-form-field input[type="url"],
.wpbd-form-field input[type="search"],
.wpbd-form-field select,
.wpbd-form-field textarea,
.wpbd-study-note-input,
.wpbd-studies-search input,
.wpbd-studies-select select {
  width: 100%;
  min-height: 44px;
  height: auto;
  padding: 10px 12px;
  border: 1px solid #1D236647;
  border-radius: 8px;
  background: #fff;
  color: #1D2366;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
}
.wpbd-form-field textarea,
.wpbd-study-note-input {
  min-height: 120px;
}
.wpbd-study-note-input {
  height: auto;
}
.wpbd-studies-filters-bar {
  display: grid;
  grid-template-columns: minmax(0,2fr) minmax(180px,1fr) 160px;
  gap: 12px;
  padding: 14px;
}
.wpbd-studies-search,
.wpbd-studies-select,
.wpbd-studies-submit {
  min-width: 0;
}
.wpbd-studies-submit .wpbd-button {
  width: 100%;
}

.wpbd-manager-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 180px));
  gap: 12px;
  align-items: end;
}
.wpbd-manager-filters .wpbd-form-actions,
.wpbd-filter-actions {
  margin: 0;
}
.wpbd-manager-table {
  border-spacing: 0;
}
.wpbd-manager-table thead th {
  background: #DFE0E7;
  color: #1D2366;
  font-size: 12px;
  font-weight: 600;
}
.wpbd-manager-table tbody tr:nth-child(odd) td {
  background: rgba(255,255,255,0.45);
}
.wpbd-manager-table tbody tr:nth-child(even) td {
  background: rgba(255,255,255,0.75);
}
.wpbd-manager-table th,
.wpbd-manager-table td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(29, 35, 102, 0.12);
}
.wpbd-manager-actions {
  gap: 8px;
}

.wpbd-reference-pill-list,
.wpbd-study-meta,
.wpbd-card-meta {
  gap: 8px;
}

.wpbd-ghost-link {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #1D236647;
  border-radius: 8px;
  background: #fff;
}
.wpbd-ghost-link:hover {
  background: #DFE0E7;
  box-shadow: none;
}

.wpbd-toast {
  min-width: 220px;
  max-width: 360px;
  padding: 10px 12px;
  background: #DFE0E7;
  color: #1D2366;
  border: 1px solid #1D236647;
  border-radius: 4px;
  box-shadow: none;
  font-size: 12px;
}

.wpbd-study-grid-library .wpbd-study-app-card,
.wpbd-progress-card .wpbd-study-app-card,
.wpbd-started-studies-section .wpbd-study-app-card,
.wpbd-completed-studies-section .wpbd-study-app-card {
  padding: 14px;
}

.wpbd-modal-panel {
  padding: 0;
}
.wpbd-modal-header {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(29, 35, 102, 0.12);
}
.wpbd-modal-content {
  padding: 14px;
}

@media (max-width: 840px) {
  .wpbd-dashboard-stats,
  .wpbd-dynamic-study-layout,
  .wpbd-study-grid,
  .wpbd-manager-filters,
  .wpbd-studies-filters-bar {
    grid-template-columns: 1fr;
  }
  .wpbd-app-shell {
    padding: 12px;
  }
}


/* v1.1.7 admin visual fixes */
:root {
  --wpbd-bg: transparent;
}

.wpbd-app-shell,
.wpbd-studies-page,
.wpbd-page-stack,
.wpbd-dynamic-study-page,
.wpbd-admin-page-stack,
.wpbd-manager,
.wpbd-admin-study-shell {
  background: transparent !important;
}

.wpbd-admin-page-stack {
  padding: 0 !important;
}

.wpbd-admin-page-hero h2,
.wpbd-manager-toolbar h3,
.wpbd-manager-toolbar-no-action h3 {
  color: #1D2366 !important;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 600;
}

.wpbd-admin-page-hero p,
.wpbd-manager-toolbar p {
  color: #1D2366;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
}

.wpbd-manager-filters {
  grid-template-columns: repeat(3, minmax(0, 180px));
  gap: 12px;
  align-items: end;
}

.wpbd-manager-filters .wpbd-form-field,
.wpbd-manager-filters .wpbd-filter-actions,
.wpbd-manager-filters .wpbd-form-actions {
  display: grid;
  align-content: end;
  margin: 0;
}

.wpbd-manager-filters .wpbd-button,
.wpbd-manager-filters .wpbd-button-full,
.wpbd-manager-filters .wpbd-button-light,
.wpbd-manager-filters select {
  min-height: 44px !important;
  height: 44px !important;
}

.wpbd-manager-filters .wpbd-button {
  padding-top: 0;
  padding-bottom: 0;
}

.wpbd-icon-button {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}

.wpbd-icon-svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: currentColor;
}

.wpbd-icon-svg svg {
  width: 16px;
  height: 16px;
  display: block;
}

.wpbd-icon-button .dashicons {
  display: none !important;
}

.wpbd-manager-table td,
.wpbd-manager-table th {
  vertical-align: middle;
}

.wpbd-manager-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.wpbd-manager-table-wrap,
.wpbd-manager-table,
.wpbd-admin-page-hero,
.wpbd-manager .wpbd-notice,
.wpbd-modal__dialog {
  background: #F0F0F0;
  border: 1px solid #1D236647;
  border-radius: 8px;
}

.wpbd-manager-table-wrap {
  padding: 0;
  overflow: hidden;
}


/* v1.1.8 dynamic study modular shortcodes */
.wpbd-dynamic-reference-card,
.wpbd-dynamic-content-card,
.wpbd-dynamic-video-card,
.wpbd-dynamic-files-card,
.wpbd-dynamic-note-card,
.wpbd-dynamic-progress-card,
.wpbd-dynamic-info-card {
  width: 100%;
}


.wpbd-study-note-item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.wpbd-study-note-item-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.wpbd-note-inline-action {
  padding: 0;
  border: 0;
  background: transparent;
  color: #2C3286;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
}

.wpbd-note-inline-action:hover,
.wpbd-note-inline-action:focus {
  color: #1D2366;
  text-decoration: underline;
}

.wpbd-note-inline-action.is-danger {
  color: #B42318;
}

.wpbd-note-inline-action.is-danger:hover,
.wpbd-note-inline-action.is-danger:focus {
  color: #912018;
}

.wpbd-study-note-edit-form[hidden] {
  display: none !important;
}

.wpbd-study-note-inline-input {
  min-height: 110px;
}

.wpbd-study-note-edit-actions {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.wpbd-study-note-item.is-busy {
  opacity: 0.7;
  pointer-events: none;
}


/* v1.1.15 teacher label + study card normalization */
.wpbd-study-grid .wpbd-study-app-card,
.wpbd-study-grid-library .wpbd-study-app-card,
.wpbd-progress-card .wpbd-study-app-card,
.wpbd-started-studies-section .wpbd-study-app-card,
.wpbd-completed-studies-section .wpbd-study-app-card,
.wpbd-page-section .wpbd-study-app-card {
  display: flex;
  height: 100%;
}

.wpbd-study-grid .wpbd-study-app-card .wpbd-study-body,
.wpbd-study-grid-library .wpbd-study-app-card .wpbd-study-body,
.wpbd-progress-card .wpbd-study-app-card .wpbd-study-body,
.wpbd-started-studies-section .wpbd-study-app-card .wpbd-study-body,
.wpbd-completed-studies-section .wpbd-study-app-card .wpbd-study-body,
.wpbd-page-section .wpbd-study-app-card .wpbd-study-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.wpbd-study-app-card .wpbd-study-title {
  min-height: 2.7em;
}

.wpbd-study-app-card .wpbd-study-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  min-height: 4.8em;
}

.wpbd-study-app-card .wpbd-study-meta {
  margin-top: auto;
}

.wpbd-study-app-card .wpbd-study-badge,
.wpbd-study-app-card .wpbd-study-meta span,
.wpbd-study-card .wpbd-study-badge,
.wpbd-study-card .wpbd-study-meta span {
  font-size: 10px;
  min-height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  line-height: 1.2;
}

.wpbd-study-app-card .wpbd-study-badge,
.wpbd-study-card .wpbd-study-badge {
  margin-bottom: 6px;
}

.wpbd-study-app-card .wpbd-study-meta,
.wpbd-study-card .wpbd-study-meta {
  gap: 8px;
}


/* v1.1.17 study card badge refinement */
.wpbd-study-app-card .wpbd-study-badge,
.wpbd-study-card .wpbd-study-badge,
.wpbd-dynamic-title-panel .wpbd-study-badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  flex: 0 0 auto;
  padding: 0 8px;
  min-height: 22px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  color: #1d2366 !important;
  background: #DFE0E7;
  border: 1px solid #1D236647;
  border-radius: 999px;
}

.wpbd-study-app-card .wpbd-study-body,
.wpbd-study-card .wpbd-study-body,
.wpbd-dynamic-title-wrap {
  align-items: flex-start;
}

.wpbd-study-app-card .wpbd-study-meta,
.wpbd-study-card .wpbd-study-meta {
  gap: 6px;
}

.wpbd-study-app-card .wpbd-study-meta span,
.wpbd-study-card .wpbd-study-meta span,
.wpbd-studies-page .wpbd-study-app-card-library .wpbd-study-meta span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  flex: 0 0 auto;
  color: #1D2366 !important;
  background: #DFE0E7;
  border: 1px solid #1D236647;
  border-radius: 999px;
  line-height: 1.2;
  white-space: nowrap;
}

.wpbd-study-app-card .wpbd-study-meta-badge-author,
.wpbd-study-card .wpbd-study-meta-badge-author {
  min-height: 22px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 500;
}

.wpbd-study-app-card .wpbd-study-meta-badge-time,
.wpbd-study-app-card .wpbd-study-meta-badge-level,
.wpbd-study-app-card .wpbd-study-meta-badge-book,
.wpbd-study-card .wpbd-study-meta-badge-time,
.wpbd-study-card .wpbd-study-meta-badge-level,
.wpbd-study-card .wpbd-study-meta-badge-book,
.wpbd-study-meta-hero span,
.wpbd-dynamic-title-meta span {
  min-height: 18px;
  padding: 0 6px;
  font-size: 8px;
  font-weight: 600;
  color: #1D2366;
  background: #DFE0E7;
  border: 1px solid #1D236647;
  border-radius: 999px;
}

.wpbd-study-app-card .wpbd-study-meta-badge-author,
.wpbd-study-app-card .wpbd-study-meta-badge-book,
.wpbd-study-card .wpbd-study-meta-badge-author,
.wpbd-study-card .wpbd-study-meta-badge-book {
  white-space: normal;
}


/* v1.1.19 frontend study editor */
.wpbd-rich-editor-field .wp-editor-wrap {
  border: 1px solid var(--wpbd-border);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.wpbd-rich-editor-field .wp-editor-tools {
  padding: 10px 12px 0;
  background: #fff;
}

.wpbd-rich-editor-field .wp-editor-container {
  border: 0;
}

.wpbd-rich-editor-field .mce-top-part::before {
  box-shadow: none;
}

.wpbd-rich-editor-field .quicktags-toolbar,
.wpbd-rich-editor-field .mce-toolbar-grp {
  border: 0;
  background: #fff;
}

.wpbd-rich-editor-field textarea.wp-editor-area {
  min-height: 260px;
  border: 0;
  padding: 14px;
  font-size: 0.95rem;
  line-height: 1.7;
}

.wpbd-modal__dialog.wpbd-modal-study-form {
  border: 0;
  box-shadow: none;
}

.wpbd-modal__dialog.wpbd-modal-study-form:hover {
  background: #F0F0F0;
  box-shadow: none;
}

.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-modal__header {
  display: none;
}


/* v1.1.20 borderless edit modal fields */
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="text"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="number"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="date"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="file"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="url"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="search"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field select,
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field textarea,
.wpbd-modal__dialog.wpbd-modal-study-form .wp-editor-wrap,
.wpbd-modal__dialog.wpbd-modal-study-form .wp-editor-container,
.wpbd-modal__dialog.wpbd-modal-study-form .quicktags-toolbar,
.wpbd-modal__dialog.wpbd-modal-study-form .mce-toolbar-grp,
.wpbd-modal__dialog.wpbd-modal-study-form .mce-top-part,
.wpbd-modal__dialog.wpbd-modal-study-form .wp-editor-tools {
  border: 0 !important;
  box-shadow: none !important;
}

.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="text"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="number"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="date"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="file"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="url"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field input[type="search"],
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field select,
.wpbd-modal__dialog.wpbd-modal-study-form .wpbd-form-field textarea {
  outline: none;
}

.wpbd-modal__dialog.wpbd-modal-study-form .mce-top-part::before {
  box-shadow: none !important;
}


/* v1.1.22 teacher stats */
.wpbd-teacher-stats .wpbd-dashboard-stats {
  margin-bottom: 20px;
}

.wpbd-teacher-stats-table-wrap {
  margin-top: 4px;
}

.wpbd-teacher-stats-note {
  margin: 12px 0 0;
  color: var(--wpbd-muted);
  font-size: .92rem;
}


/* v1.1.23 table pagination and internal scroll */
.wpbd-table-status {
  margin: 2px 0 10px;
  color: var(--wpbd-muted);
  font-size: 0.88rem;
}

.wpbd-teacher-stats-table-wrap,
.wpbd-manager .wpbd-manager-table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.wpbd-teacher-stats-table,
.wpbd-manager-table {
  min-width: 720px;
}

@media (max-width: 767px) {
  .wpbd-table-status {
    font-size: 0.82rem;
  }
}

/* v1.1.28 - categories manager visual refinement */
.wpbd-admin-study-grid {
  grid-template-columns: minmax(180px, 0.9fr) minmax(260px, 1.35fr);
}

.wpbd-form-field-duration input[type="number"] {
  width: 100%;
  min-width: 0;
}

.wpbd-theme-manager-block {
  margin-top: 24px;
  padding: 20px;
  display: grid;
  gap: 16px;
}

.wpbd-theme-manager-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.wpbd-theme-manager-toolbar__content {
  display: grid;
  gap: 6px;
}

.wpbd-theme-manager-toolbar__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.wpbd-theme-toolbar-count {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 10px;
  border: 1px solid #1D236647;
  border-radius: 999px;
  background: #DFE0E7;
  color: #1D2366;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.wpbd-theme-toolbar-button {
  min-height: 40px;
  white-space: nowrap;
}

.wpbd-theme-summary {
  margin-top: 0;
  padding: 16px;
  border: 1px solid #1D236647;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.35);
}

.wpbd-theme-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wpbd-theme-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid #1D236647;
  border-radius: 999px;
  background: #DFE0E7;
  color: #1D2366;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.wpbd-theme-pill__name {
  color: #1D2366;
}

.wpbd-theme-pill__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border: 1px solid rgba(29, 35, 102, 0.16);
  border-radius: 999px;
  background: rgba(29, 35, 102, 0.08);
  color: #1D2366;
  font-size: 10px;
  font-weight: 700;
}

.wpbd-theme-modal-stack {
  display: grid;
  gap: 18px;
}

.wpbd-theme-modal-section {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #1D236647;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.3);
}

.wpbd-theme-modal-section h4 {
  margin: 0;
  color: #1D2366;
  font-size: 14px;
  font-weight: 600;
}

.wpbd-theme-modal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.wpbd-theme-create-form .wpbd-form-field,
.wpbd-theme-manager-table .wpbd-form-field {
  margin: 0;
}

.wpbd-theme-create-form .wpbd-form-field input[type="text"],
.wpbd-theme-manager-table input[type="text"] {
  width: 100%;
  min-height: 40px;
  padding: 10px 12px;
  border: 1px solid #1D236647;
  border-radius: 8px;
  background: #fff;
  color: #1D2366;
  box-sizing: border-box;
}

.wpbd-theme-inline-form,
.wpbd-theme-inline-delete {
  margin: 0;
}

.wpbd-theme-manager-table td {
  vertical-align: middle;
}

.wpbd-theme-manager-table .wpbd-manager-actions {
  flex-wrap: wrap;
}

.wpbd-theme-manager-table .wpbd-button {
  min-height: 34px;
}

.wpbd-modal-theme-manager .wpbd-modal__dialog {
  max-width: 920px;
}

.wpbd-modal-theme-manager .wpbd-modal__header {
  padding: 16px 20px;
}

.wpbd-modal-theme-manager .wpbd-modal__body {
  padding: 20px;
}

@media (max-width: 860px) {
  .wpbd-theme-manager-toolbar,
  .wpbd-theme-modal-grid {
    grid-template-columns: 1fr;
  }

  .wpbd-theme-manager-toolbar {
    display: grid;
    align-items: stretch;
  }

  .wpbd-theme-toolbar-button {
    width: 100%;
    justify-content: center;
  }
}


/* v1.1.31 study heading spacing fix */
.wpbd-study-heading-block {
  display: grid;
  gap: 18px;
  margin-bottom: 18px;
}

.wpbd-study-heading-block .wpbd-dynamic-title-panel,
.wpbd-study-heading-block .wpbd-dynamic-summary-card {
  margin: 0;
}

.wpbd-study-heading-block .wpbd-dynamic-summary-card {
  padding-top: 22px;
}

.wpbd-study-heading-block .wpbd-dynamic-study-excerpt {
  display: block;
}

/* v1.1.33 frontend users */
.wpbd-user-register-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.wpbd-users-overview-grid {
  display: grid;
  gap: 20px;
}

.wpbd-users-section {
  margin-top: 4px;
}

.wpbd-user-role-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #DFE0E7;
  border: 1px solid #1D236647;
  color: #1D2366;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.wpbd-modal-user-register .wpbd-modal__dialog {
  max-width: 640px;
}

.wpbd-user-register-form .wpbd-theme-modal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wpbd-user-register-form .wpbd-form-field:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 860px) {
  .wpbd-user-register-form .wpbd-theme-modal-grid {
    grid-template-columns: 1fr;
  }
}

/* v1.1.34 frontend users visual refinement */
.wpbd-user-register-block.wpbd-theme-manager {
  padding: 20px;
  display: grid;
  gap: 16px;
}

.wpbd-user-register-toolbar {
  align-items: center;
}

.wpbd-user-register-toolbar .wpbd-theme-manager-toolbar__content h3 {
  margin-bottom: 0;
  color: #1D2366;
}

.wpbd-user-register-summary {
  margin-top: 0;
}

.wpbd-user-register-form .wpbd-theme-modal-section {
  gap: 16px;
}

.wpbd-user-register-helper {
  color: rgba(29, 35, 102, 0.78);
  font-size: 12px;
  line-height: 1.5;
}

.wpbd-user-register-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

.wpbd-user-register-form .wpbd-form-field {
  margin: 0;
}

.wpbd-user-register-form .wpbd-form-field input[type="text"],
.wpbd-user-register-form .wpbd-form-field input[type="email"],
.wpbd-user-register-form .wpbd-form-field input[type="password"],
.wpbd-user-register-form .wpbd-form-field select {
  min-height: 44px;
  border: 1px solid #1D236647;
  border-radius: 8px;
  background: #fff;
  color: #1D2366;
}

.wpbd-password-input-wrap {
  position: relative;
}

.wpbd-password-input-wrap input {
  padding-right: 52px !important;
}

.wpbd-password-toggle {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(29, 35, 102, 0.12);
  border-radius: 10px;
  background: #DFE0E7;
  color: #1D2366;
  cursor: pointer;
}

.wpbd-password-toggle:hover {
  background: rgba(29, 35, 102, 0.1);
}

.wpbd-password-toggle .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

.wpbd-users-overview .wpbd-page-section {
  padding: 18px;
  gap: 14px;
}

.wpbd-users-table td:last-child,
.wpbd-users-table th:last-child {
  width: 112px;
}

.wpbd-user-status-form {
  margin: 0;
}

.wpbd-user-status-button {
  min-width: 68px;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid rgba(29, 35, 102, 0.18);
  background: #DFE0E7;
  color: #1D2366;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.wpbd-user-status-button:hover {
  box-shadow: 0 8px 18px rgba(29, 35, 102, 0.10);
  transform: translateY(-1px);
}

.wpbd-user-status-button:focus-visible {
  outline: 2px solid rgba(29, 35, 102, 0.20);
  outline-offset: 2px;
}

.wpbd-user-status-button.is-active {
  background: rgba(29, 35, 102, 0.10);
  border-color: rgba(29, 35, 102, 0.22);
  color: #1D2366;
}

.wpbd-user-status-button.is-inactive {
  background: #F5F5F8;
  border-color: rgba(29, 35, 102, 0.14);
  color: rgba(29, 35, 102, 0.78);
}

@media (max-width: 860px) {
  .wpbd-user-register-grid {
    grid-template-columns: 1fr;
  }

  .wpbd-users-table td:last-child,
  .wpbd-users-table th:last-child {
    width: auto;
  }
}
.wpbd-notice-updated {
  color: #0f5132;
  background: #d1e7dd;
  border-color: #badbcc;
}


/* v1.1.40 responsive pass */
.wpbd-form-field,
.wpbd-form-field > *,
.wpbd-study-reference-row > *,
.wpbd-theme-modal-grid > *,
.wpbd-user-register-grid > *,
.wpbd-manager-filters > * {
  min-width: 0;
}

.wpbd-responsive-table-wrap,
.wpbd-manager-table-wrap,
.wpbd-teacher-stats-table-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.wpbd-responsive-table-wrap > table {
  min-width: 720px;
}

@media (max-width: 991px) {
  .wpbd-form-header,
  .wpbd-manager-toolbar,
  .wpbd-admin-page-hero,
  .wpbd-theme-manager-toolbar,
  .wpbd-user-register-toolbar {
    display: grid;
    align-items: stretch;
  }

  .wpbd-admin-page-hero .wpbd-button,
  .wpbd-theme-toolbar-button,
  .wpbd-user-register-toolbar .wpbd-button {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .wpbd-frontend-submit,
  .wpbd-theme-manager-block,
  .wpbd-user-register-block.wpbd-theme-manager,
  .wpbd-users-overview .wpbd-page-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .wpbd-admin-study-grid,
  .wpbd-user-register-grid,
  .wpbd-theme-modal-grid,
  .wpbd-manager-filters,
  .wpbd-form-grid,
  .wpbd-form-grid-2 {
    grid-template-columns: 1fr !important;
  }

  .wpbd-manager-filters .wpbd-form-field,
  .wpbd-manager-filters .wpbd-filter-actions,
  .wpbd-manager-filters .wpbd-form-actions,
  .wpbd-admin-study-actions,
  .wpbd-theme-manager-toolbar__heading {
    width: 100%;
  }

  .wpbd-manager-filters .wpbd-button,
  .wpbd-manager-filters .wpbd-button-full,
  .wpbd-theme-toolbar-button,
  .wpbd-user-register-toolbar .wpbd-button,
  .wpbd-admin-page-hero .wpbd-button,
  .wpbd-admin-study-actions .wpbd-button {
    width: 100%;
    justify-content: center;
  }

  .wpbd-modal__dialog {
    width: min(100vw - 16px, 920px);
    max-height: calc(100vh - 16px);
    margin: 8px auto;
    border-radius: 18px;
  }

  .wpbd-modal__body,
  .wpbd-modal-theme-manager .wpbd-modal__body {
    padding: 16px;
  }

  .wpbd-manager-table,
  .wpbd-teacher-stats-table,
  .wpbd-users-table,
  .wpbd-theme-manager-table,
  .wpbd-responsive-table-wrap > table {
    min-width: 680px;
  }
}


/* v1.1.41 users tables mobile horizontal scroll */
.wpbd-users-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.wpbd-users-table-wrap .wpbd-users-table {
  width: max-content;
  min-width: 100%;
}

@media (max-width: 767px) {
  .wpbd-users-table-wrap {
    display: block;
    position: relative;
  }

  .wpbd-users-table-wrap .wpbd-users-table {
    min-width: 760px !important;
  }
}


/* v1.1.43 users tables internal scroll only + responsive refinement */
.wpbd-users-table-shell {
  display: grid;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.wpbd-users-table-hint {
  display: none;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(29, 35, 102, 0.72);
}

.wpbd-users-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  border-radius: 16px;
  scrollbar-width: thin;
  scrollbar-color: rgba(29, 35, 102, 0.28) rgba(223, 224, 231, 0.5);
}

.wpbd-users-table-wrap::-webkit-scrollbar {
  height: 10px;
}

.wpbd-users-table-wrap::-webkit-scrollbar-track {
  background: rgba(223, 224, 231, 0.72);
  border-radius: 999px;
}

.wpbd-users-table-wrap::-webkit-scrollbar-thumb {
  background: rgba(29, 35, 102, 0.24);
  border-radius: 999px;
}

.wpbd-users-table-wrap .wpbd-users-table {
  width: max-content;
  min-width: 100%;
  table-layout: auto;
}

.wpbd-users-table-wrap .wpbd-users-table th,
.wpbd-users-table-wrap .wpbd-users-table td {
  white-space: nowrap;
}

.wpbd-users-table-wrap .wpbd-users-table td:first-child,
.wpbd-users-table-wrap .wpbd-users-table th:first-child {
  padding-left: 16px;
}

.wpbd-users-table-wrap .wpbd-users-table td:last-child,
.wpbd-users-table-wrap .wpbd-users-table th:last-child {
  padding-right: 16px;
}

@media (max-width: 767px) {
  .wpbd-users-overview-grid {
    gap: 16px;
  }

  .wpbd-users-overview .wpbd-page-section,
  .wpbd-user-register-block.wpbd-theme-manager {
    padding: 16px;
    border-radius: 20px;
  }

  .wpbd-user-register-toolbar,
  .wpbd-section-heading,
  .wpbd-theme-manager-toolbar {
    gap: 10px;
  }

  .wpbd-user-register-toolbar .wpbd-button,
  .wpbd-users-overview .wpbd-button,
  .wpbd-theme-manager-toolbar .wpbd-button {
    min-height: 42px;
  }

  .wpbd-study-reference-row,
  .wpbd-password-input-wrap,
  .wpbd-form-actions {
    width: 100%;
  }

  .wpbd-study-reference-row {
    grid-template-columns: 1fr;
  }

  .wpbd-users-table-hint {
    display: block;
  }

  .wpbd-users-table-wrap {
    display: block;
    position: relative;
    padding-bottom: 2px;
  }

  .wpbd-users-table-wrap .wpbd-users-table {
    width: max-content !important;
    min-width: 920px !important;
  }

  .wpbd-users-table-wrap .wpbd-users-table th,
  .wpbd-users-table-wrap .wpbd-users-table td {
    white-space: nowrap !important;
  }
}


/* v1.1.44 users tables width + radius alignment */
.wpbd-users-overview-grid {
  grid-template-columns: minmax(0, 1fr);
}

.wpbd-users-overview .wpbd-page-section,
.wpbd-users-section,
.wpbd-users-section .wpbd-section-heading,
.wpbd-users-table-shell,
.wpbd-users-table-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.wpbd-users-overview .wpbd-page-section {
  border-radius: 8px;
}

.wpbd-users-section .wpbd-section-heading {
  margin-bottom: 12px;
}

.wpbd-users-section .wpbd-section-heading > div {
  width: 100%;
}

.wpbd-users-table-shell {
  gap: 10px;
}

.wpbd-users-table-wrap {
  border-radius: 8px;
}

.wpbd-users-table-wrap .wpbd-users-table {
  width: 100%;
  min-width: 100%;
}

.wpbd-users-section-teacher .wpbd-users-table,
.wpbd-users-section-student .wpbd-users-table {
  min-width: 100%;
}

@media (min-width: 768px) {
  .wpbd-users-section-teacher .wpbd-users-table,
  .wpbd-users-section-student .wpbd-users-table {
    min-width: 920px;
  }
}

@media (max-width: 767px) {
  .wpbd-users-overview .wpbd-page-section {
    border-radius: 8px;
  }

  .wpbd-users-table-wrap {
    border-radius: 8px;
  }
}


/* v1.1.45 users tables equal width surgical fix */
.wpbd-users-overview-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: stretch;
}

.wpbd-users-overview .wpbd-users-section,
.wpbd-users-overview .wpbd-users-table-shell,
.wpbd-users-overview .wpbd-users-table-wrap,
.wpbd-users-overview .wpbd-table-status,
.wpbd-users-overview .wpbd-pagination {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .wpbd-users-overview .wpbd-users-table-wrap {
    overflow-x: hidden !important;
  }

  .wpbd-users-overview .wpbd-users-table-wrap .wpbd-users-table {
    width: 100% !important;
    min-width: 100% !important;
    table-layout: fixed;
  }

  .wpbd-users-overview .wpbd-users-table-wrap .wpbd-users-table th,
  .wpbd-users-overview .wpbd-users-table-wrap .wpbd-users-table td {
    white-space: normal;
    word-break: break-word;
  }
}

@media (max-width: 767px) {
  .wpbd-users-overview-grid {
    display: grid;
    gap: 16px;
  }
}