/*
 * Creator > Community > Plan list.
 *
 * Presentation only. Product visibility, author/agent access and plan state are
 * supplied by creator-plan-list.php and existing WooCommerce data.
 */

body.fanika-creator-plan-list {
  background: #eef6fc;
}

body.fanika-creator-plan-list .site-content,
body.fanika-creator-plan-list .entry-content {
  background: transparent;
}

body.fanika-creator-plan-list .fc-plan-list-page {
  width: min(calc(100% - 32px), var(--fanika-width-standard, 1080px));
  max-width: var(--fanika-width-standard, 1080px) !important;
  margin-inline: auto;
  padding: 16px 0 96px;
  background: transparent;
  border-radius: 0;
}

body.fanika-creator-plan-list .fc-dashboard-section-title {
  margin: 0;
  color: var(--fanika-ui-text, #1f2937);
  font-size: clamp(1.25rem, 2vw, 1.6rem);
  line-height: 1.3;
}

.creator-plan-list-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid #e5ebf2;
  border-radius: var(--fanika-ui-card-radius, 16px);
  background: #fff;
  box-shadow: 0 7px 22px rgba(50, 78, 108, 0.04);
}

.creator-plan-list-count {
  margin: 0;
  color: var(--fanika-ui-text-muted, #667085);
  font-size: 0.84rem;
  font-weight: 700;
}

body.fanika-creator-plan-list .fc-dashboard-post-add-btn {
  min-height: 40px;
  width: auto;
  padding: 9px 16px;
  border: 1px solid var(--fanika-ui-accent, #ec4899);
  background: var(--fanika-ui-accent, #ec4899);
  color: #fff;
  box-shadow: none;
}

body.fanika-creator-plan-list .fc-dashboard-post-add-btn:hover,
body.fanika-creator-plan-list .fc-dashboard-post-add-btn:focus-visible {
  border-color: #db2777;
  background: #db2777;
  color: #fff;
}

.creator-plan-list-grid.talent-post-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 0;
}

.creator-plan-card.talent-post-card {
  min-width: 0;
  min-height: 132px;
  border: 1px solid #e5ebf2;
  border-radius: var(--fanika-ui-card-radius, 16px);
  background: #fff;
  box-shadow: 0 7px 22px rgba(50, 78, 108, 0.04);
}

.creator-plan-card .thumbnail {
  width: 124px;
  height: auto;
  min-height: 132px;
  background: #f5f8fb;
}

.creator-plan-card .talent-post-card-no-image {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: 132px;
  place-items: center;
  color: #b5c0cc;
  font-size: 1.5rem;
}

.creator-plan-card .content {
  min-width: 0;
  padding: 14px;
}

.creator-plan-card h3 {
  margin-bottom: 6px;
  font-size: 0.98rem;
  line-height: 1.45;
}

.creator-plan-card h3 a {
  color: #263449;
  text-decoration: none;
}

.creator-plan-card h3 a:hover,
.creator-plan-card h3 a:focus-visible {
  color: var(--fanika-ui-accent, #ec4899);
  text-decoration: underline;
}

.creator-plan-card .plan-label {
  margin-bottom: 6px;
  color: var(--fanika-ui-accent, #ec4899);
  font-size: 0.86rem;
  font-weight: 800;
}

.creator-plan-card .post-date {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--fanika-ui-text-muted, #667085);
  font-size: 0.76rem;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.creator-plan-card .status-label.fanika-ui-status {
  margin-bottom: 7px;
  padding: 2px 9px;
  color: inherit;
}

.creator-plan-card .actions {
  padding-top: 10px;
  text-align: left;
}

.creator-plan-card .actions a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #e5ebf2;
  border-radius: 999px;
  background: #f8fbff;
  color: #344054;
  font-size: 0.78rem;
  text-decoration: none;
}

.creator-plan-card .actions a i {
  color: var(--fanika-ui-accent, #ec4899);
}

.creator-plan-card .actions a:hover,
.creator-plan-card .actions a:focus-visible {
  border-color: #f3c5dc;
  background: #fff8fb;
  color: var(--fanika-ui-accent, #ec4899);
  text-decoration: none;
}

.creator-plan-list-empty {
  display: grid;
  min-height: 180px;
  place-items: center;
  gap: 8px;
  padding: 28px 18px;
  text-align: center;
}

.creator-plan-list-empty i {
  color: #c6d0da;
  font-size: 2rem;
}

.creator-plan-list-empty p {
  margin: 0;
  color: var(--fanika-ui-text-muted, #667085);
}

body.fanika-creator-plan-list .pagination-wrapper {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid #e5ebf2;
  border-radius: 14px;
  background: #fff;
}

body.fanika-creator-plan-list .pagination-info {
  margin: 0 0 8px;
  color: var(--fanika-ui-text-muted, #667085);
  font-size: 0.76rem;
}

@media (max-width: 767px) {
  body.fanika-creator-plan-list .fc-plan-list-page {
    width: min(calc(100% - 16px), var(--fanika-width-standard, 1080px));
    max-width: none !important;
    padding-block: 10px 80px;
  }

  .creator-plan-list-toolbar {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 14px;
  }

  body.fanika-creator-plan-list .fc-dashboard-post-add-btn {
    width: auto;
    padding-inline: 14px;
  }

  .creator-plan-list-grid.talent-post-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .creator-plan-card.talent-post-card {
    min-height: 108px;
    border-radius: 14px;
  }

  .creator-plan-card .thumbnail {
    width: 96px;
    height: auto;
    min-height: 108px;
  }

  .creator-plan-card .talent-post-card-no-image {
    min-height: 108px;
  }

  .creator-plan-card .content {
    padding: 11px;
  }

  .creator-plan-card h3 {
    font-size: 0.9rem;
  }

  .creator-plan-card .post-date {
    -webkit-line-clamp: 2;
  }
}

@media (max-width: 359px) {
  .creator-plan-list-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  body.fanika-creator-plan-list .fc-dashboard-post-add-btn {
    width: 100%;
    justify-content: center;
  }

  .creator-plan-card.talent-post-card {
    flex-direction: column;
  }

  .creator-plan-card .thumbnail {
    width: 100%;
    height: 150px;
    min-height: 150px;
  }
}


/* Accepted integrated plan-management layout (Owner-reviewed v34 structure). */
.creator-plan-management-list,
.creator-plan-inline-editor {
  margin-bottom: 14px;
  padding: 18px;
  border: 1px solid #e5ebf2;
  border-radius: var(--fanika-ui-card-radius, 16px);
  background: #fff;
  box-shadow: 0 7px 22px rgba(50, 78, 108, 0.04);
}

.creator-plan-management-list__head,
.creator-plan-inline-editor__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.creator-plan-management-list__head h2,
.creator-plan-inline-editor__heading h2 {
  margin: 0 0 4px;
  color: #263449;
  font-size: 1rem;
}

.creator-plan-management-list__head p,
.creator-plan-inline-editor__heading p {
  margin: 0;
  color: var(--fanika-ui-text-muted, #667085);
  font-size: .78rem;
}

.creator-plan-management-rows {
  display: grid;
  gap: 0;
}

.creator-plan-management-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 4px;
  border-top: 1px solid #edf0f4;
}

.creator-plan-management-row:first-child {
  border-top: 0;
}

.creator-plan-management-row__main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  min-width: 0;
}

.creator-plan-management-row__main strong {
  min-width: 150px;
  color: #263449;
  font-size: .92rem;
}

.creator-plan-management-row__main > span:not(.fanika-ui-status) {
  color: #4f5f72;
  font-size: .8rem;
}

.creator-plan-management-row__actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.creator-plan-management-row__actions a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #e4e8ee;
  border-radius: 999px;
  background: #fff;
  color: #344054;
  font-size: .76rem;
  font-weight: 700;
  text-decoration: none;
}

.creator-plan-management-row__actions a:hover,
.creator-plan-management-row__actions a:focus-visible {
  border-color: #f3c5dc;
  background: #fff8fb;
  color: var(--fanika-ui-accent, #ec4899);
}

.creator-plan-inline-editor__heading {
  display: block;
}

.creator-plan-inline-editor__body > .pm-form-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.creator-plan-inline-editor__body .fanika-creator-child-breadcrumb,
.creator-plan-inline-editor__body .fanika-creator-child-heading,
.creator-plan-inline-editor__body .navigation-buttons {
  display: none !important;
}

.creator-plan-inline-editor__body .pm-form-section {
  margin: 0;
}

.creator-plan-inline-editor__body .pm-form-actions {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .creator-plan-management-list,
  .creator-plan-inline-editor {
    padding: 14px 12px;
    border-radius: 14px;
  }

  .creator-plan-management-list__head {
    align-items: stretch;
    flex-direction: column;
  }

  .creator-plan-management-list__head .fanika-ui-action {
    align-self: flex-start;
  }

  .creator-plan-management-row {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
    padding-block: 13px;
  }

  .creator-plan-management-row__main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px 10px;
  }

  .creator-plan-management-row__main strong {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .creator-plan-management-row__actions {
    justify-content: flex-start;
  }

  .creator-plan-inline-editor__body .pm-form-page {
    padding: 0 !important;
  }
}

@media (max-width: 420px) {
  .creator-plan-management-row__main {
    grid-template-columns: 1fr;
  }

  .creator-plan-management-row__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .creator-plan-management-row__actions a {
    justify-content: center;
  }
}


/* Owner visual QA: keep the Plan thumbnail picker compact without changing shared upload UI. */
.creator-plan-inline-editor__body .creator-plan-thumbnail-field .pm-upload-zone {
  min-height: 112px;
  padding: 14px 16px;
}

.creator-plan-inline-editor__body .creator-plan-thumbnail-field .pm-upload-zone .fa-upload {
  margin-bottom: 6px;
  font-size: 1.45rem;
}

.creator-plan-inline-editor__body .creator-plan-thumbnail-field .pm-upload-zone p {
  margin: 3px 0;
}

@media (max-width: 767px) {
  .creator-plan-inline-editor__body .creator-plan-thumbnail-field .pm-upload-zone {
    min-height: 96px;
    padding: 12px;
  }
}


/* Owner visual QA: keep Plan edit actions aligned and coupon state compact. */
.creator-plan-inline-editor__body .creator-plan-edit-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.creator-plan-inline-editor__body .creator-plan-edit-actions .pm-form-submit-btn,
.creator-plan-inline-editor__body .creator-plan-edit-actions .pm-form-delete-btn {
  margin: 0;
}

.creator-plan-coupon-status {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid #e5ebf2;
  border-radius: 12px;
  background: #f8fbff;
  color: #344054;
  font-size: .8rem;
}

.creator-plan-coupon-status strong {
  color: #263449;
}

.creator-plan-coupon-status__item {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #fff;
}

@media (max-width: 520px) {
  .creator-plan-inline-editor__body .creator-plan-edit-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .creator-plan-inline-editor__body .creator-plan-edit-actions .pm-form-submit-btn,
  .creator-plan-inline-editor__body .creator-plan-edit-actions .pm-form-delete-btn {
    width: 100%;
  }
}

/* QA-083: show each plan's WooCommerce featured thumbnail without altering plan data. */
.creator-plan-management-row__thumbnail {
  flex: 0 0 76px;
  width: 76px;
  height: 76px;
}

.creator-plan-management-row__image,
.creator-plan-management-row__image-placeholder {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  align-items: center;
  justify-content: center;
  background: #f3f6fa;
  color: #98a2b3;
}

@media (max-width: 767px) {
  .creator-plan-management-row__thumbnail {
    grid-row: 1 / 3;
    flex-basis: 64px;
    width: 64px;
    height: 64px;
  }
  .creator-plan-management-row__main {
    display: flex;
  }
}

/* QA-083 coupon fields: layout-only; no write path or discount activation. */
.fanika-plan-coupon-preview {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #e5ebf2;
  border-radius: 12px;
  background: #f8fbff;
  opacity: 1;
}

.fanika-plan-coupon-preview legend {
  padding: 0 8px;
  font-weight: 700;
}

.fanika-plan-coupon-preview__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.fanika-plan-coupon-preview__fields label {
  display: grid;
  gap: 6px;
  font-weight: 600;
}

.fanika-plan-coupon-preview__fields input,
.fanika-plan-coupon-preview__fields select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .fanika-plan-coupon-preview__fields {
    grid-template-columns: 1fr;
  }
}

/* QA-083 coupon schedule: start/end controls each take half the available row. */
.fanika-plan-coupon-preview__period {
  min-width: 0;
}
.fanika-plan-coupon-preview__period-title {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
}
.fanika-plan-coupon-preview__period-dates {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 8px;
}
.fanika-plan-coupon-preview__period-dates > label {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.fanika-plan-coupon-preview__period-dates input[type="date"] {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

/* Public supporter-only plan catalog; management markup stays untouched. */
.fanika-public-plan-catalog{
  box-sizing:border-box;
  width:min(1080px,calc(100% - 32px));
  max-width:1080px;
  margin:24px auto 0;
  padding:0 0 112px;
  color:var(--fanika-public-text,#15245f);
}
.fanika-public-plan-catalog__heading{
  margin-bottom:16px;padding:20px 24px;border-radius:12px;
  background:rgba(var(--fanika-public-surface-rgb,255,255,255),var(--fanika-public-surface-opacity,.96));
}
.fanika-public-plan-catalog__heading h1{margin:0;font-size:1.5rem}
.fanika-public-plan-catalog__heading p{margin:6px 0 0}
.fanika-public-plan-catalog__rows{display:grid;gap:12px}
.fanika-public-plan-catalog__row{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:128px minmax(0,1fr) auto;
  align-items:center;gap:22px;
  width:100%;min-width:0;
  padding:16px 20px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:12px;
  background:rgba(var(--fanika-public-surface-rgb,255,255,255),var(--fanika-public-surface-opacity,.96));
}
.fanika-public-plan-catalog__image-link{display:block;width:128px;height:100px;border-radius:9px;overflow:hidden;background:#EDF7FE}
.fanika-public-plan-catalog__image{display:block;width:100%;height:100%;object-fit:contain}
.fanika-public-plan-catalog__placeholder{display:grid;place-items:center;width:100%;height:100%}
.fanika-public-plan-catalog__content{min-width:0}
.fanika-public-plan-catalog__content h2{font-size:1.16rem;line-height:1.4;margin:0 0 9px;overflow-wrap:anywhere}
.fanika-public-plan-catalog__content h2 a{color:inherit;text-decoration:none}
.fanika-public-plan-catalog__price{font-weight:700;margin:0 0 5px}
.fanika-public-plan-catalog__description{margin:0;font-size:.85rem;overflow-wrap:anywhere}
.fanika-public-plan-catalog__detail{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.fanika-public-plan-catalog__pagination{display:flex;justify-content:center;gap:12px;margin:20px 0}
.fanika-public-plan-catalog__back{display:flex;justify-content:center;margin:32px auto 0}
.fanika-public-plan-catalog__back .fanika-shared-back-navigation{display:flex;justify-content:center;width:100%}
.fanika-public-plan-catalog__empty{padding:24px;border-radius:12px;background:rgba(var(--fanika-public-surface-rgb,255,255,255),var(--fanika-public-surface-opacity,.96))}
@media(max-width:767px){
  .fanika-public-plan-catalog{width:calc(100% - 32px);padding-bottom:112px}
  .fanika-public-plan-catalog__row{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px}
  .fanika-public-plan-catalog__image-link{width:88px;height:88px}
  .fanika-public-plan-catalog__detail{grid-column:1/-1;justify-self:stretch}
  .fanika-public-plan-catalog__heading{padding:16px}
}

/* QA094: Creator management must not inherit the supporter's public profile
   wallpaper/opacity. Scope to the verified owner/authorized-agent body class. */
html:has(body.fanika-creator-plan-list),
body.fanika-creator-plan-list,
body.fanika-creator-plan-list .site,
body.fanika-creator-plan-list .site-content,
body.fanika-creator-plan-list .site-main,
body.fanika-creator-plan-list .entry-content {
  background-image: none !important;
  background-color: #edf7fe !important;
  background-attachment: scroll !important;
}
body.fanika-creator-plan-list .fc-plan-list-page {
  background-image: none !important;
}
body.fanika-creator-plan-list .creator-plan-management-list,
body.fanika-creator-plan-list .creator-plan-inline-editor {
  background: #fff !important;
}

/* QA094 Creator-only Plan Management. Public Creator appearance never controls
   this page, including the shared four-row menu. Scoped body class is only
   assigned to the authorized owner/agent view, not supporter catalog. */
body.fanika-creator-plan-list,
body.fanika-creator-plan-list .fc-plan-list-page,
body.fanika-creator-plan-list .fc-plan-list-page :is(button,input,select,textarea,a) {
  font-family: "Noto Sans JP", system-ui, -apple-system, sans-serif !important;
}
body.fanika-creator-plan-list .fc-plan-list-page,
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-management-list,
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor {
  color: #263449;
}
/* Native details/summary: keyboard-accessible, closed on initial create, open
   for edit/duplicate and POST resubmission without disturbing saved form fields. */
body.fanika-creator-plan-list .creator-plan-inline-editor > summary {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 6px 16px;
  padding: 4px 0;
  margin: 0;
  cursor: pointer;
  list-style: none;
}
body.fanika-creator-plan-list .creator-plan-inline-editor > summary::-webkit-details-marker { display: none; }
body.fanika-creator-plan-list .creator-plan-inline-editor__title {
  font-weight: 800;
  font-size: 1rem;
  color: #263449;
}
body.fanika-creator-plan-list .creator-plan-inline-editor__intro {
  grid-column: 1/-1;
  font-size: .78rem;
  color: #667085;
}
body.fanika-creator-plan-list .creator-plan-inline-editor__chevron {
  width: 10px;
  height: 10px;
  border-right: 2px solid #667085;
  border-bottom: 2px solid #667085;
  transform: rotate(45deg);
  transition: transform .15s ease;
}
body.fanika-creator-plan-list .creator-plan-inline-editor[open] .creator-plan-inline-editor__chevron {
  transform: rotate(225deg);
}
body.fanika-creator-plan-list .creator-plan-inline-editor[open] .creator-plan-inline-editor__body {
  margin-top: 16px;
  border-top: 1px solid #edf0f4;
  padding-top: 16px;
}
/* Latest add-plan submit buttons: keep the current submit names and action, but
   center their common footer row, not the original right-aligned placement. */
body.fanika-creator-plan-list .creator-plan-inline-editor__body .creator-plan-create-page .pm-form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  margin: 20px auto 0;
  padding: 16px 8px;
  background: #fff;
}
body.fanika-creator-plan-list .creator-plan-inline-editor__body .creator-plan-create-page .pm-form-actions > button {
  box-sizing: border-box;
  flex: 0 1 220px;
  min-width: 160px;
  min-height: 42px;
  margin: 0 !important;
  border-radius: 8px;
  font: 700 13px "Noto Sans JP", system-ui, sans-serif !important;
}
body.fanika-creator-plan-list .creator-plan-inline-editor__body .creator-plan-create-page .pm-form-actions .pm-form-submit-btn {
  background: #ed438c !important;
  border-color: #ed438c !important;
  color: #fff !important;
}
body.fanika-creator-plan-list .creator-plan-inline-editor__body .creator-plan-create-page .pm-form-actions .pm-form-secondary-btn {
  background: #fff !important;
  border: 1px solid #f1a5c7 !important;
  color: #c93b79 !important;
}
/* Separate shared return button, centered after the editor section. */
body.fanika-creator-plan-list .creator-plan-management-back {
  display: flex;
  justify-content: center;
  margin: 12px auto 70px;
}
body.fanika-creator-plan-list .creator-plan-management-back .fanika-shared-back-navigation {
  display: flex;
  justify-content: center;
  margin: 0 !important;
  width: 100%;
}
@media (max-width: 540px) {
  body.fanika-creator-plan-list .creator-plan-inline-editor__body .creator-plan-create-page .pm-form-actions > button {
    flex: 1 1 100%;
  }
}

/* Shared Creator four-row menu is owned solely by fanika-ui-foundation.css. */
/* The public profile appearance cascade can paint surface-card descendants
   transparent; bind only this Creator management list to a solid white card. */
body.fanika-creator-plan-list .fc-plan-list-page > section.creator-plan-management-list.fanika-ui-surface-card {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
}
/* Heading typography belongs to Creator admin UI, not supporter profile. */
body.fanika-creator-plan-list .fc-plan-list-page .fanika-creator-child-heading,
body.fanika-creator-plan-list .fc-plan-list-page .fanika-creator-child-heading *,
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-management-list__head *,
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__heading * {
  font-family: "Noto Sans JP", system-ui, sans-serif !important;
  letter-spacing: normal !important;
  font-style: normal !important;
  text-transform: none !important;
}

/* QA094 plan management: public-profile customization must not drive admin
   appearance. Private to the authorized management body and content surface;
   never repaint Kikuchi's shared four-row navigation. */
body.fanika-creator-plan-list .fc-plan-list-page {
  --fanika-ui-accent: #ec4899;
  --fanika-ui-button-color: #ec4899;
  --fanika-ui-button-text: #243549;
  --fanika-ui-text: #263449;
  --fanika-ui-text-muted: #667085;
  --fanika-public-text: #263449;
  --fanika-public-surface-opacity: 1;
  font-family: "Noto Sans JP", system-ui, -apple-system, sans-serif !important;
  color: #263449 !important;
}
body.fanika-creator-plan-list .fc-plan-list-page > .fanika-creator-child-heading {
  background: #fff4f8 !important;
  background-color: #fff4f8 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 16px;
  box-shadow: none;
}
body.fanika-creator-plan-list .fc-plan-list-page > .fanika-creator-child-heading,
body.fanika-creator-plan-list .fc-plan-list-page > .fanika-creator-child-heading :is(h1,p,span) {
  font-family: "Noto Sans JP", system-ui, -apple-system, sans-serif !important;
  color: #263449;
}
body.fanika-creator-plan-list .fc-plan-list-page > .fanika-creator-child-heading .fanika-creator-child-heading__eyebrow {
  color: #d83d7d !important;
}
/* Survey add/toggle controls inherit Creator-defined button colours unless
   we explicitly bound them to the editor's standard action palette. */
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body [data-fanika-survey-builder] {
  --fanika-ui-accent: #ec4899;
  --fanika-ui-button-color: #ec4899;
  --fanika-primary: #ec4899;
  color: #263449 !important;
  font-family: "Noto Sans JP", system-ui, -apple-system, sans-serif !important;
}
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body [data-fanika-survey-builder] :is(button,input,select,textarea,label) {
  font-family: "Noto Sans JP", system-ui, -apple-system, sans-serif !important;
  accent-color: #ec4899 !important;
}
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body [data-fanika-survey-builder] button {
  background: #ec4899 !important;
  background-color: #ec4899 !important;
  border: 1px solid #ec4899 !important;
  color: #fff !important;
  box-shadow: none !important;
}
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body [data-fanika-survey-builder] button:hover,
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body [data-fanika-survey-builder] button:focus-visible {
  background: #db2777 !important;
  border-color: #db2777 !important;
}

/* QA094: Plan EDIT only. The inline edit form is a generic .pm-form-page,
   unlike create's .creator-plan-create-page, so create-specific resets missed it.
   Keep its saving/deletion semantics unchanged; restore management appearance. */
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body > .pm-form-page {
  --fanika-ui-accent: #ec4899;
  --fanika-ui-button-color: #ec4899;
  --fanika-primary: #ec4899;
  --fanika-ui-text: #263449;
  --fanika-ui-text-muted: #667085;
  color: #263449 !important;
  background-color: #fff !important;
  background-image: none !important;
  backdrop-filter: none !important;
  font-family: "Noto Sans JP", system-ui, sans-serif !important;
}
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body > .pm-form-page :is(h1,h2,h3,h4,p,label,legend,small,span,input,textarea,select,button) {
  font-family: "Noto Sans JP", system-ui, sans-serif !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body .creator-plan-edit-actions {
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  margin: 20px auto 0 !important;
  padding: 16px 8px;
  background: #fff !important;
}
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body .creator-plan-edit-actions > button {
  box-sizing: border-box;
  flex: 0 1 220px;
  width: auto !important;
  min-width: 160px;
  min-height: 42px;
  margin: 0 !important;
  border-radius: 8px;
  font-weight: 700 !important;
  font-size: 13px !important;
}
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body .creator-plan-edit-actions > .pm-form-submit-btn {
  color: #fff !important;
  background: #ec4899 !important;
  border: 1px solid #ec4899 !important;
}
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body .creator-plan-edit-actions > .pm-form-delete-btn {
  color: #b42318 !important;
  background: #fff !important;
  border: 1px solid #e9a6a0 !important;
}
/* Plan heading follows the shared menu's COMMUNITY pink genre; the menu
   component itself remains owned by QA's common stylesheet and renderer. */
body.fanika-creator-plan-list .fc-plan-list-page > .fanika-creator-child-heading {
  background: #fff4f8 !important;
  border-left: 4px solid #ef5da2 !important;
}
@media (max-width: 520px) {
  body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body .creator-plan-edit-actions > button {
    flex: 1 1 100%;
  }
}

/* QA094 20:45: embedded edit URL tools use legacy public button classes.
   Neutralize public profile customisation for those controls only, without
   replacing edit handlers or modifying the accepted common four-row menu. */
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body .fn-copy-button,
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body .pm-form-back-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border: 1px solid #e9b6cf !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  background: #fff !important;
  background-image: none !important;
  color: #c43d78 !important;
  box-shadow: none !important;
  font: 700 13px "Noto Sans JP", system-ui, sans-serif !important;
  text-shadow: none !important;
  letter-spacing: normal !important;
  text-decoration: none !important;
}
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body .fn-copy-button:is(:hover,:focus-visible),
body.fanika-creator-plan-list .fc-plan-list-page .creator-plan-inline-editor__body .pm-form-back-button:is(:hover,:focus-visible) {
  background: #fff4f8 !important;
  border-color: #ef8fba !important;
  color: #ac245e !important;
}
/* Keep the existing destructive update/delete footer distinct and aligned. */