/* PressPilot Frontend Editor for Avada
   Admin UI Stylesheet
   Brand: #0066ff · #919eb4 · #e9eef6 · #00122e
   ─────────────────────────────────────────────── */

/* ── Variables ────────────────────────────────────────────────────────────── */
:root {
  --pp-primary:      #0066ff;
  --pp-primary-d:    #0052cc;
  --pp-primary-l:    #e6f0ff;
  --pp-navy:         #00122e;
  --pp-gray:         #919eb4;

  --pp-green:        #16a34a;
  --pp-green-l:      #dcfce7;
  --pp-amber:        #d97706;
  --pp-amber-l:      #fef3c7;
  --pp-red:          #dc2626;
  --pp-red-l:        #fee2e2;

  --pp-bg:           #e9eef6;
  --pp-card:         #ffffff;
  --pp-border:       #dde3ed;
  --pp-border-d:     #c4cdd9;

  --pp-text:         #00122e;
  --pp-text-mid:     #3d4e66;
  --pp-text-muted:   #919eb4;

  --pp-radius-sm:    4px;
  --pp-radius:       6px;
  --pp-radius-lg:    8px;

  --pp-shadow-sm:    0 1px 2px rgba(0,18,46,.04);
  --pp-shadow:       0 1px 3px rgba(0,18,46,.06), 0 2px 8px rgba(0,18,46,.04);

  --pp-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --pp-fs-xs: 12px;
  --pp-fs-sm: 13px;
  --pp-fs-base: 14px;
  --pp-fs-md: 16px;
  --pp-fs-lg: 18px;
}

/* ── Reset & base ─────────────────────────────────────────────────────────── */
.ppfe-admin-wrap *,
.ppfe-admin-wrap *::before,
.ppfe-admin-wrap *::after { box-sizing: border-box; }

.ppfe-admin-wrap {
  font-family: var(--pp-font-family-sans);
  font-size: var(--pp-fs-base);
  color: var(--pp-text);
  background: var(--pp-bg);
  min-height: 100vh;
  margin-left: -20px;
  margin-top: -10px;
}

.ppfe-admin-wrap input,
.ppfe-admin-wrap select,
.ppfe-admin-wrap textarea,
.ppfe-admin-wrap button,
.ppfe-admin-wrap a {
  font-family: var(--pp-font-family-sans);
  color: inherit;
}

/* ── Header ───────────────────────────────────────────────────────────────── */
.ppfe-header {
  background: var(--pp-card);
  border-bottom: 1px solid var(--pp-border);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 28px;
  padding-right: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ppfe-header-brand { display: flex; align-items: center; gap: 12px; }
.ppfe-header-logo {
  width: 36px; height: 36px;
  background: var(--pp-primary);
  border-radius: var(--pp-radius);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.ppfe-header-title    { font-size: var(--pp-fs-md); font-weight: 700; color: var(--pp-navy); letter-spacing: -.2px; line-height: 1.2; }
.ppfe-header-subtitle { font-size: var(--pp-fs-xs); color: var(--pp-gray); margin-top: 1px; }
.ppfe-header-meta     { display: flex; align-items: center; gap: 8px; }

/* ── Navigation ───────────────────────────────────────────────────────────── */
.ppfe-nav {
  background: var(--pp-card);
  border-bottom: 1px solid var(--pp-border);
  padding: 0 28px;
  display: flex;
  overflow-x: auto;
}
.ppfe-nav-tab {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 1; height: 48px; margin-right: 0;
  font-size: var(--pp-fs-sm); font-weight: 500; color: var(--pp-text-mid);
  text-decoration: none; border: none; border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s; white-space: nowrap; cursor: pointer;
  box-shadow: none !important; outline: none !important;
}

.ppfe-nav-tab:focus,
.ppfe-nav-tab:active {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
}

.ppfe-nav-tab.is-active:focus,
.ppfe-nav-tab.is-active:active {
  border-bottom-color: var(--pp-primary) !important;
}
.ppfe-nav-tab:hover   { color: var(--pp-primary); text-decoration: none; }
.ppfe-nav-tab.is-active { color: var(--pp-primary); border-bottom-color: var(--pp-primary); font-weight: 600; }

/* ── Body ─────────────────────────────────────────────────────────────────── */
.ppfe-admin-body { padding: 24px 28px; max-width: 1100px; }
.ppfe-section    { margin-bottom: 20px; }
.ppfe-section-title {
  font-size: var(--pp-fs-sm) !important; font-weight: 600 !important;
  color: var(--pp-text-mid) !important; margin: 0 0 10px !important;
  padding: 0 !important; border: none !important;
}

/* ── Accordion ────────────────────────────────────────────────────────────── */
.ppfe-accordion {
  background: var(--pp-card); border: 1px solid var(--pp-border);
  border-radius: var(--pp-radius-lg); overflow: hidden; margin-bottom: 16px;
}
.ppfe-accordion-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; cursor: pointer; user-select: none;
}
.ppfe-accordion-header:hover { background: #fafbfc; }
.ppfe-accordion-title  { font-size: var(--pp-fs-base); font-weight: 600; color: var(--pp-navy); }
.ppfe-accordion-chevron {
  width: 16px; height: 16px; color: var(--pp-gray);
  transition: transform .2s; flex-shrink: 0;
}
.ppfe-accordion.is-open .ppfe-accordion-chevron { transform: rotate(180deg); }
.ppfe-accordion-body   { border-top: 1px solid var(--pp-border); }

/* ── Field rows (label left | control right) ─────────────────────────────── */
.ppfe-field-row {
  display: grid; grid-template-columns: 220px 1fr;
  align-items: start; gap: 16px;
  padding: 18px 20px; border-bottom: 1px solid var(--pp-border);
}
.ppfe-field-row:last-child { border-bottom: none; }
.ppfe-field-label   { font-size: var(--pp-fs-sm); font-weight: 600; color: var(--pp-navy); padding-top: 2px; line-height: 1.4; }
.ppfe-field-desc    { font-size: var(--pp-fs-xs); color: var(--pp-gray); margin-top: 8px; line-height: 1.5; }
.ppfe-field-control { display: flex; flex-direction: column; gap: 6px; }

/* ── Status cards grid ────────────────────────────────────────────────────── */
.ppfe-cards {
  display: grid;
  gap: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ppfe-cards--2 { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.ppfe-cards--3 { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.ppfe-cards--4 { grid-template-columns: repeat(4, 1fr); }

.ppfe-card { background: var(--pp-card); border: 1px solid var(--pp-border); border-radius: var(--pp-radius-lg); padding: 18px 20px; }
.ppfe-card--status  { display: flex; align-items: center; gap: 14px; }
.ppfe-card--shortcode { padding: 16px 20px; }

.ppfe-card-icon { width: 38px; height: 38px; border-radius: var(--pp-radius); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ppfe-card-icon svg { width: 17px; height: 17px; }
.ppfe-card-icon--green  { background: var(--pp-green-l);   color: var(--pp-green);    }
.ppfe-card-icon--amber  { background: var(--pp-amber-l);   color: var(--pp-amber);    }
.ppfe-card-icon--blue   { background: var(--pp-primary-l); color: var(--pp-primary);  }
.ppfe-card-icon--purple { background: var(--pp-primary-l); color: var(--pp-primary-d);}
.ppfe-card-icon--navy   { background: #e8ecf4;             color: var(--pp-navy);     }

.ppfe-card-content { flex: 1; min-width: 0; }
.ppfe-card-label   { display: block; font-size: var(--pp-fs-xs); font-weight: 700; color: var(--pp-text-muted); margin-bottom: 6px; }
.ppfe-card-value   { display: block; font-size: var(--pp-fs-base); font-weight: 600; color: var(--pp-navy); }
.ppfe-card-desc    { font-size: var(--pp-fs-sm); color: var(--pp-text-mid); margin: 8px 0 0; line-height: 1.5; }

/* ── Shortcode display in card ────────────────────────────────────────────── */
.ppfe-shortcode-display { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; flex-wrap: wrap; }

/* ── Badges ───────────────────────────────────────────────────────────────── */
.ppfe-badge { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 20px; font-size: var(--pp-fs-xs); font-weight: 600; }
.ppfe-badge--primary { background: var(--pp-primary-l); color: var(--pp-primary-d); border: 1px solid #c0d9ff; }
.ppfe-badge--green   { background: var(--pp-green-l);   color: #15803d;             border: 1px solid #bbf7d0; }
.ppfe-badge--blue    { background: var(--pp-primary-l); color: var(--pp-primary);   border: 1px solid #c0d9ff; }
.ppfe-badge--light   { background: rgba(255,255,255,.15); color: #fff;              border: 1px solid rgba(255,255,255,.2); }

/* ── Code ─────────────────────────────────────────────────────────────────── */
.ppfe-code     { font-family: 'SF Mono', Consolas, monospace; font-size: var(--pp-fs-xs); background: var(--pp-primary-l); color: var(--pp-primary-d); padding: 3px 8px; border-radius: var(--pp-radius-sm); border: 1px solid #c0d9ff; }
.ppfe-code--lg { font-size: var(--pp-fs-sm); padding: 5px 11px; }

/* ── Copy button ──────────────────────────────────────────────────────────── */
.ppfe-copy-btn {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 12px; background: var(--pp-card);
  border: 1px solid var(--pp-border-d); border-radius: var(--pp-radius-sm);
  font-size: var(--pp-fs-xs); font-weight: 500; color: var(--pp-text-mid);
  cursor: pointer; transition: all .15s; white-space: nowrap;
}
.ppfe-copy-btn svg { width: 12px; height: 12px; flex-shrink: 0; }
.ppfe-copy-btn:hover    { background: var(--pp-primary-l); border-color: var(--pp-primary); color: var(--pp-primary); }
.ppfe-copy-btn.is-copied { background: var(--pp-green-l);  border-color: var(--pp-green);   color: var(--pp-green); }

/* ── Steps (quick setup) ─────────────────────────────────────────────────── */
.ppfe-steps { background: var(--pp-card); border: 1px solid var(--pp-border); border-radius: 0; overflow: hidden; }
.ppfe-step  { display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; border-bottom: 1px solid var(--pp-border); }
.ppfe-step:last-child { border-bottom: none; }
.ppfe-step:hover { background: #fafbfc; }
.ppfe-step-num {
  width: 24px; height: 24px; border-radius: 50%;
  background: var(--pp-primary-l); color: var(--pp-primary);
  font-size: var(--pp-fs-xs); font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; border: 1px solid #c0d9ff; margin-top: 1px;
}
.ppfe-step-body h3 { font-size: var(--pp-fs-sm) !important; font-weight: 600 !important; color: var(--pp-navy) !important; margin: 0 0 4px !important; padding: 0 !important; border: none !important; }
.ppfe-step-body p  { font-size: var(--pp-fs-sm); color: var(--pp-text-mid); margin: 0; line-height: 1.55; }
.ppfe-step-body code { font-family: 'SF Mono', Consolas, monospace; font-size: var(--pp-fs-xs); background: var(--pp-primary-l); color: var(--pp-primary-d); padding: 1px 6px; border-radius: var(--pp-radius-sm); }

/* ── Shortcode reference cards ────────────────────────────────────────────── */
.ppfe-sc-card { background: var(--pp-card); border: 1px solid var(--pp-border); border-radius: var(--pp-radius-lg); overflow: hidden; margin-bottom: 14px; }
.ppfe-sc-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--pp-border); background: #fafbfc; flex-wrap: wrap; }
.ppfe-sc-desc   { padding: 14px 20px; font-size: var(--pp-fs-sm); color: var(--pp-text-mid); margin: 0; line-height: 1.5; border-bottom: 1px solid var(--pp-border); }
.ppfe-sc-table-wrap { overflow-x: auto; }
.ppfe-param-table { width: 100%; border-collapse: collapse; font-size: var(--pp-fs-sm); }
.ppfe-param-table th { background: #fafbfc; padding: 9px 16px; text-align: left; font-weight: 700; color: var(--pp-text-muted); font-size: var(--pp-fs-xs); border-bottom: 1px solid var(--pp-border); }
.ppfe-param-table td { padding: 11px 16px; border-bottom: 1px solid var(--pp-border); color: var(--pp-text); vertical-align: top; line-height: 1.4; }
.ppfe-param-table tr:last-child td { border-bottom: none; }
.ppfe-param-table tr:hover td { background: #fafbfc; }
.ppfe-param-name { font-family: 'SF Mono', Consolas, monospace; font-size: var(--pp-fs-xs); background: var(--pp-primary-l); color: var(--pp-primary-d); padding: 2px 7px; border-radius: 3px; }
.ppfe-sc-compat  { padding: 10px 20px; border-top: 1px solid var(--pp-border); background: #fafbfc; }

/* ── Style settings layout ────────────────────────────────────────────────── */
.ppfe-style-layout { display: grid; grid-template-columns: 1fr 360px; gap: 20px; align-items: start; }
@media (max-width: 1080px) { .ppfe-style-layout { grid-template-columns: 1fr; } }

/* Color grid */
.ppfe-color-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; padding: 18px 20px; }
.ppfe-color-field label {
  display: block; font-size: var(--pp-fs-xs); font-weight: 600;
  color: var(--pp-text-muted); margin-bottom: 6px;
}

/* ── Color control: native picker + swatch + hex field ───────────────────── */
.ppfe-color-control {
  display: flex; align-items: center;
  border: 1px solid var(--pp-border-d); border-radius: var(--pp-radius);
  overflow: hidden; background: var(--pp-card);
  transition: border-color .15s, box-shadow .15s;
}
.ppfe-color-control:focus-within {
  border-color: var(--pp-primary);
  box-shadow: 0 0 0 2px rgba(0,102,255,.12);
}
.ppfe-color-native {
  position: absolute; opacity: 0;
  width: 40px; height: 40px;
  cursor: pointer; border: none; padding: 0;
}
.ppfe-color-swatch {
  display: block; width: 40px; height: 40px;
  flex-shrink: 0; cursor: pointer; position: relative;
  border-right: 1px solid var(--pp-border);
  transition: filter .15s;
}
.ppfe-color-swatch:hover { filter: brightness(.9); }
.ppfe-color-hex {
  flex: 1; border: none !important; outline: none !important;
  box-shadow: none !important; padding: 0 10px !important;
  font-family: 'SF Mono', Consolas, monospace !important;
  font-size: var(--pp-fs-sm) !important; color: var(--pp-navy) !important;
  background: transparent !important; height: 40px;
  min-width: 0; text-transform: lowercase; letter-spacing: .5px;
}

/* Size grid */
.ppfe-size-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; padding: 18px 20px; }
.ppfe-size-field label { display: flex; align-items: center; justify-content: space-between; font-size: var(--pp-fs-xs); font-weight: 600; color: var(--pp-text-muted); margin-bottom: 7px; }
.ppfe-size-unit   { font-size: var(--pp-fs-xs); color: var(--pp-text-muted); font-weight: 400; text-transform: none; letter-spacing: 0; }
.ppfe-range-wrap  { display: flex; align-items: center; gap: 10px; }
.ppfe-range { flex: 1; -webkit-appearance: none; height: 3px; border-radius: 3px; background: var(--pp-border-d); outline: none; cursor: pointer; }
.ppfe-range::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; background: var(--pp-primary); cursor: pointer; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--pp-primary); }
.ppfe-number-input  { width: 56px; padding: 5px 8px; border: 1px solid var(--pp-border); border-radius: var(--pp-radius-sm); font-size: var(--pp-fs-sm); text-align: center; color: var(--pp-text); background: var(--pp-card); }
.ppfe-number-input:focus  { outline: none; border-color: var(--pp-primary); box-shadow: 0 0 0 3px var(--pp-primary-l); }
.ppfe-select-input  { width: 100%; padding: 8px 10px; border: 1px solid var(--pp-border); border-radius: var(--pp-radius-sm); font-size: var(--pp-fs-sm); color: var(--pp-text); background: var(--pp-card); cursor: pointer; }
.ppfe-select-input:focus  { outline: none; border-color: var(--pp-primary); box-shadow: 0 0 0 3px var(--pp-primary-l); }

/* Form submit row */
.ppfe-form-actions { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-top: 1px solid var(--pp-border); background: #fafbfc; }
.ppfe-submit-btn, input.ppfe-submit-btn, #submit.ppfe-submit-btn {
  display: inline-flex !important; align-items: center !important;
  padding: 9px 22px !important; background: var(--pp-primary) !important;
  color: #fff !important; border: none !important; border-radius: var(--pp-radius) !important;
  font-size: var(--pp-fs-sm) !important; font-weight: 600 !important; cursor: pointer !important;
  transition: background .15s !important; text-shadow: none !important;
  box-shadow: none !important; height: auto !important;
}
.ppfe-submit-btn:hover, input.ppfe-submit-btn:hover { background: var(--pp-primary-d) !important; }
.ppfe-save-indicator { font-size: var(--pp-fs-sm); font-weight: 500; color: var(--pp-green); opacity: 0; transition: opacity .3s; }
.ppfe-save-indicator.is-visible { opacity: 1; }

/* ── Preview panel ────────────────────────────────────────────────────────── */
.ppfe-style-preview  { position: sticky; top: 32px; background: var(--pp-card); border: 1px solid var(--pp-border); border-radius: var(--pp-radius-lg); overflow: hidden; }
.ppfe-preview-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #fafbfc; border-bottom: 1px solid var(--pp-border); font-size: var(--pp-fs-xs); font-weight: 600; color: var(--pp-text-mid); }
.ppfe-preview-hint   { font-size: var(--pp-fs-xs); color: var(--pp-text-muted); font-weight: 400; }
.ppfe-preview-body   { padding: 18px; }
.ppfe-preview-form   { display: flex; flex-direction: column; gap: 12px; }
.ppfe-preview-label  { font-size: var(--pp-fs-xs); font-weight: 700; color: var(--pp-gray); margin-bottom: 4px; }
.ppfe-preview-input, .ppfe-preview-textarea, .ppfe-preview-select { padding: 9px 12px; border: 1px solid var(--pp-border); border-radius: 5px; font-size: var(--pp-fs-sm); color: var(--pp-text-muted); background: #fafbfc; }
.ppfe-preview-textarea   { min-height: 60px; }
.ppfe-preview-field-row  { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ppfe-preview-btn        { padding: 9px 16px; background: var(--pp-primary); color: #fff; border-radius: 5px; font-size: var(--pp-fs-sm); font-weight: 600; text-align: center; margin-top: 2px; }

/* ── Settings info card ───────────────────────────────────────────────────── */
.ppfe-info-card  { background: var(--pp-card); border: 1px solid var(--pp-border); border-radius: var(--pp-radius-lg); overflow: hidden; }
.ppfe-info-item  { display: flex; align-items: center; justify-content: space-between; padding: 13px 20px; border-bottom: 1px solid var(--pp-border); font-size: var(--pp-fs-sm); }
.ppfe-info-item:last-child { border-bottom: none; }
.ppfe-info-item:hover { background: #fafbfc; }
.ppfe-info-label { font-weight: 600; color: var(--pp-text-mid); }

/* ── Roadmap ──────────────────────────────────────────────────────────────── */
.ppfe-roadmap    { display: flex; flex-direction: column; gap: 16px; padding: 20px; }
.ppfe-release    { background: var(--pp-card); border: 1px solid var(--pp-border); border-radius: var(--pp-radius-lg); padding: 16px 20px; display: flex; gap: 16px; align-items: flex-start; }
.ppfe-release-tag { font-size: var(--pp-fs-xs); font-weight: 600; padding: 4px 10px; border-radius: 20px; white-space: nowrap; flex-shrink: 0; margin-top: 1px; }
.ppfe-release-tag--blue   { background: var(--pp-primary-l); color: var(--pp-primary-d); border: 1px solid #c0d9ff; }
.ppfe-release-tag--purple { background: #ede9fe; color: #5b21b6; border: 1px solid #ddd6fe; }
.ppfe-release-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.ppfe-release-list li { font-size: var(--pp-fs-sm); color: var(--pp-text); padding-left: 14px; position: relative; line-height: 1.4; }
.ppfe-release-list li::before { content: '→'; position: absolute; left: 0; color: var(--pp-gray); font-size: var(--pp-fs-xs); }

/* ── Guide page ───────────────────────────────────────────────────────────── */
.ppfe-guide-steps       { display: flex; flex-direction: column; gap: 16px; padding: 20px; }
.ppfe-guide-step        { background: var(--pp-card); border: 1px solid var(--pp-border); border-radius: var(--pp-radius-lg); overflow: hidden; }
.ppfe-guide-step-header { display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px; }
.ppfe-guide-step-num    { width: 28px; height: 28px; background: var(--pp-primary); color: #fff; font-size: var(--pp-fs-xs); font-weight: 700; border-radius: var(--pp-radius); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ppfe-guide-step-body   { flex: 1; }
.ppfe-guide-step-body h3 { font-size: var(--pp-fs-base) !important; font-weight: 600 !important; color: var(--pp-navy) !important; margin: 0 0 6px !important; padding: 0 !important; border: none !important; }
.ppfe-guide-step-body p  { font-size: var(--pp-fs-sm); color: var(--pp-text-mid); margin: 0; line-height: 1.6; }
.ppfe-guide-step-body code { font-family: 'SF Mono', Consolas, monospace; font-size: var(--pp-fs-xs); background: var(--pp-primary-l); color: var(--pp-primary-d); padding: 1px 6px; border-radius: var(--pp-radius-sm); }
.ppfe-guide-tip      { padding: 11px 20px; background: #fffbeb; border-top: 1px solid #fde68a; font-size: var(--pp-fs-xs); color: #78350f; display: flex; align-items: flex-start; gap: 7px; line-height: 1.5; }
.ppfe-guide-tip-icon { flex-shrink: 0; }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 782px) {
  .ppfe-admin-body { padding: 16px; }
  .ppfe-header     { padding: 16px; }
  .ppfe-nav        { padding: 0 16px; }
  .ppfe-cards--3   { grid-template-columns: 1fr 1fr; }
  .ppfe-cards--4   { grid-template-columns: 1fr 1fr; }
  .ppfe-release    { flex-direction: column; }
  .ppfe-guide-step-header { flex-direction: column; }
  .ppfe-field-row  { grid-template-columns: 1fr; gap: 8px; }
  .ppfe-style-layout { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  .ppfe-cards--3  { grid-template-columns: 1fr; }
  .ppfe-cards--4  { grid-template-columns: 1fr 1fr; }
  .ppfe-sc-header { flex-direction: column; align-items: flex-start; }
}

/* ── Setup / create-pages helpers ────────────────────────────────────────── */
.ppfe-setup-action {
  padding: 16px 20px;
  border-bottom: 1px solid var(--pp-border);
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.ppfe-setup-done {
  padding: 14px 20px;
  border-bottom: 1px solid var(--pp-border);
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.ppfe-create-pages-btn {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--pp-primary) !important;
  color: #fff !important;
  border: none !important;
  padding: 9px 22px !important;
  border-radius: var(--pp-radius) !important;
  font-size: var(--pp-fs-sm) !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: background .15s !important;
}
.ppfe-create-pages-btn:hover { background: var(--pp-primary-d) !important; color: #fff !important; }
.ppfe-setup-status  { font-size: var(--pp-fs-sm); color: var(--pp-text-muted); }
.ppfe-setup-link    { font-size: var(--pp-fs-xs); color: var(--pp-primary); text-decoration: none; }
.ppfe-setup-link:hover { text-decoration: underline; }
.ppfe-notice-dismiss { margin-left: 8px; }
.ppfe-notice-status  { margin-left: 12px; font-size: var(--pp-fs-sm); }
.ppfe-shortcode-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.ppfe-shortcode-meta > span {
  flex: 1 1 auto;
  min-width: 0;
}
.ppfe-shortcode-meta .ppfe-copy-btn {
  margin-left: auto;
  flex: 0 0 auto;
}
.ppfe-badge--navy    { background: #e8ecf4; color: var(--pp-navy); border: 1px solid #d0d8e6; }