/* =============================================================================
   Planning tools — light theme of the public site.
   A copy of the body.pn rules at the end of tools.css (the panel's light
   restyle of the same markup), scoped to the public light theme, without the
   panel-only layout rules. Change both together.
   ============================================================================= */
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-val.tool-info,
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-val.tool-warn,
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-val.tool-accent { color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.is-done { color: var(--pn-success); border-color: #BFDCCB; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-panel { padding: 22px; border-color: var(--pn-border); background: var(--pn-surface); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-panel--studio { background: var(--pn-surface); border-color: var(--pn-border); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-panel--spaced { margin-bottom: 16px; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-panel--pad { padding: 22px; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-panel + .tool-panel { margin-top: 16px; }
@media (max-width: 640px) {
  :root:not([data-theme="dark"]) body:not(.pn) .tool-panel,
:root:not([data-theme="dark"]) body:not(.pn) .tool-panel--pad { padding: 16px; }
}
:root:not([data-theme="dark"]) body:not(.pn) .tool-label,
:root:not([data-theme="dark"]) body:not(.pn) .tool-eyebrow,
:root:not([data-theme="dark"]) body:not(.pn) .tool-block-title,
:root:not([data-theme="dark"]) body:not(.pn) .quote-lib-eyebrow {
  font-family: var(--pn-font);
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--pn-ink);
}
:root:not([data-theme="dark"]) body:not(.pn) .budget-top .tool-label { font-size: 0.84rem; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-block-title { font-size: 0.95rem; margin-bottom: 14px; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-intro h2,
:root:not([data-theme="dark"]) body:not(.pn) .quote-lib-head h2,
:root:not([data-theme="dark"]) body:not(.pn) .quote-generated-head h3,
:root:not([data-theme="dark"]) body:not(.pn) .quote-empty h4 { font-weight: 600; letter-spacing: -.01em; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-intro h2,
:root:not([data-theme="dark"]) body:not(.pn) .quote-lib-head h2 { font-size: 1.25rem; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-generated-head h3 { font-size: 1.05rem; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-preview-title { font-size: 0.84rem; font-weight: 600; text-transform: none; color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-card-title { font-size: 0.9rem; font-weight: 600; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-card-author { font-family: inherit; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-badge,
:root:not([data-theme="dark"]) body:not(.pn) .tool-badge--gold { background: var(--pn-accent-soft); color: var(--pn-accent-strong); border: 0; font-weight: 600; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-progress-wrap,
:root:not([data-theme="dark"]) body:not(.pn) .tool-block,
:root:not([data-theme="dark"]) body:not(.pn) .budget-top,
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-card,
:root:not([data-theme="dark"]) body:not(.pn) .gold-card,
:root:not([data-theme="dark"]) body:not(.pn) .gold-item-box,
:root:not([data-theme="dark"]) body:not(.pn) .gold-net,
:root:not([data-theme="dark"]) body:not(.pn) .budget-dist-container,
:root:not([data-theme="dark"]) body:not(.pn) .quote-card,
:root:not([data-theme="dark"]) body:not(.pn) .quote-field--theme,
:root:not([data-theme="dark"]) body:not(.pn) .tool-sectionbar { border-radius: var(--pn-radius); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-progress-wrap { padding: 16px 18px; background: var(--pn-surface-2); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-progress-title { font-size: 0.86rem; font-weight: 600; text-transform: none; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-progress-value { font-size: 1.05rem; font-weight: 600; color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-progress-bar-bg { height: 6px; background: var(--pn-surface-3); border-radius: 999px; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-progress-bar-fill { background: var(--pn-ink); border-radius: 999px; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-block,
:root:not([data-theme="dark"]) body:not(.pn) .budget-top,
:root:not([data-theme="dark"]) body:not(.pn) .gold-card { background: var(--pn-surface-2); border-color: var(--pn-border); }
:root:not([data-theme="dark"]) body:not(.pn) .gold-item-box { background: var(--pn-surface); border-color: var(--pn-border); }
:root:not([data-theme="dark"]) body:not(.pn) .gold-net { background: var(--pn-surface); border-color: var(--pn-border); }
:root:not([data-theme="dark"]) body:not(.pn) .gold-card { border-width: 1px; }
:root:not([data-theme="dark"]) body:not(.pn) .budget-top { border-width: 1px; }
:root:not([data-theme="dark"]) body:not(.pn) .gold-title { font-size: 1rem; font-weight: 600; }
:root:not([data-theme="dark"]) body:not(.pn) .gold-total-label { font-weight: 600; text-transform: none; color: var(--pn-ink-3); font-size: 0.78rem; }
:root:not([data-theme="dark"]) body:not(.pn) .gold-total-val { font-weight: 600; font-size: 1.2rem; }
:root:not([data-theme="dark"]) body:not(.pn) .gold-item-label { color: var(--pn-ink-2); font-weight: 600; }
:root:not([data-theme="dark"]) body:not(.pn) .gold-net-val { font-weight: 600; font-size: 1.2rem; }
:root:not([data-theme="dark"]) body:not(.pn) .budget-dist-container { background: var(--pn-surface); border-color: var(--pn-border); }
:root:not([data-theme="dark"]) body:not(.pn) .budget-dist-bar { background: var(--pn-surface-3); }
:root:not([data-theme="dark"]) body:not(.pn) .budget-dist-head span:first-child { font-weight: 600; text-transform: none; font-size: 0.8rem; }
:root:not([data-theme="dark"]) body:not(.pn) .dist-legend-item { color: var(--pn-ink-2); }
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-card { padding: 16px 18px; text-align: left; background: var(--pn-surface); border-color: var(--pn-border); }
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-card--sunken { background: var(--pn-surface); }
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-label { font-size: 0.8rem; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--pn-ink-3); margin-bottom: 0; }
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-val { margin-top: 6px; font-size: 1.5rem; font-weight: 600; letter-spacing: -.02em; line-height: 1.15; font-variant-numeric: tabular-nums; }
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-val--md { font-size: 1.3rem; }
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-val--sm { font-size: 1.4rem; }
:root:not([data-theme="dark"]) body:not(.pn) .budget-kpi-card small { margin-top: 6px; }
:root:not([data-theme="dark"]) body:not(.pn) .guest-price { justify-content: flex-start; }
:root:not([data-theme="dark"]) body:not(.pn) .guest-price input { background: var(--pn-surface); border: 1px solid var(--pn-border-strong); border-radius: 6px; padding: 3px 6px; }
:root:not([data-theme="dark"]) body:not(.pn) .budget-target-input { font-weight: 600; }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-group-title { font-size: 0.98rem; font-weight: 600; letter-spacing: -.005em; color: var(--pn-ink); margin-bottom: 10px; }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-group-count { font-family: inherit; font-weight: 500; }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-item { background: var(--pn-surface); border-color: var(--pn-border); border-radius: var(--pn-radius); padding: 12px 14px; }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-item:hover { background: var(--pn-surface-2); border-color: var(--pn-border-strong); }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-item.is-completed { opacity: 1; background: var(--pn-surface-2); border-color: var(--pn-border); }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-item.is-completed .checklist-title { color: var(--pn-ink-3); }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-checkbox { accent-color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-title { font-weight: 500; }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-btn { display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; color: var(--pn-ink-3); }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-btn:hover { background: var(--pn-surface-3); color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .checklist-price { color: var(--pn-success); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn {
  display: inline-flex; align-items: center; gap: 6px;
  height: 32px; padding: 0 12px; border-radius: 999px;
  background: var(--pn-surface); border: 1px solid var(--pn-border-strong); color: var(--pn-ink-2);
  font-family: inherit; font-size: 0.84rem; font-weight: 500; line-height: 1;
  white-space: nowrap;
}
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn:hover { background: var(--pn-surface-3); border-color: #C3BBB0; color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active { background: var(--pn-ink); border-color: var(--pn-ink); color: #FFFFFF; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--accent,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--ink,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--dim { color: var(--pn-ink-2); border-color: var(--pn-border-strong); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--danger,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--danger-soft { color: var(--pn-danger); border-color: #EBC3BE; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--ok,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--ok-bright { color: var(--pn-success); border-color: #BFDCCB; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--accent:hover,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--ink:hover,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--dim:hover,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--pink:hover,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--info:hover,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--purple:hover {
  background: var(--pn-surface-3); border-color: #C3BBB0; color: var(--pn-ink);
}
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--danger:hover,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--danger-soft:hover { background: var(--pn-danger-soft); border-color: #EBC3BE; color: var(--pn-danger); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--ok:hover,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.tool-btn--ok-bright:hover { background: var(--pn-success-soft); border-color: #BFDCCB; color: var(--pn-success); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active.tool-btn--accent,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active.tool-btn--ink,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active.tool-btn--dim,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active.tool-btn--pink,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active.tool-btn--info,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active.tool-btn--purple,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active.tool-btn--ok,
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active.tool-btn--ok-bright {
  background: var(--pn-ink); border-color: var(--pn-ink); color: #FFFFFF;
}
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn--sm { height: 28px; padding: 0 10px; font-size: 0.78rem; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn--block { display: flex; justify-content: center; height: 34px; padding: 0 12px; border-radius: 9px; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn--compact { justify-content: center; height: auto; min-height: 36px; padding: 6px 10px; white-space: normal; line-height: 1.25; border-radius: 9px; font-size: 0.84rem; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn--row { height: 30px; font-size: 0.8rem; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn .pn-i,
:root:not([data-theme="dark"]) body:not(.pn) .btn-gold .pn-i,
:root:not([data-theme="dark"]) body:not(.pn) .btn-outline-gold .pn-i { width: 16px; height: 16px; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-icon-btn { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; color: var(--pn-ink-3); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-icon-btn:hover { background: var(--pn-danger-soft); color: var(--pn-danger); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-form-row .luxury-input,
:root:not([data-theme="dark"]) body:not(.pn) .tool-form-grid .luxury-input { font-size: 0.92rem; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-submit { flex-grow: 1; padding: 0 18px; min-height: 42px; font-size: 0.92rem; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-apply-row .quote-apply-main { width: 100%; margin-bottom: 8px; padding: 0 14px; font-size: 0.88rem; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-apply-row a.btn-gold,
:root:not([data-theme="dark"]) body:not(.pn) .quote-apply-row a.btn-outline-gold { display: flex; padding: 0 14px; font-size: 0.88rem; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-adder select.luxury-input { width: auto; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-adder .tool-price { width: 110px; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-adder .luxury-input,
:root:not([data-theme="dark"]) body:not(.pn) .tool-form-grid .luxury-input { font-size: 0.92rem; }
:root:not([data-theme="dark"]) body:not(.pn) .gold-item-box .luxury-input { font-size: 0.92rem; }
:root:not([data-theme="dark"]) body:not(.pn) .budget-target-input { font-size: 1.2rem; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-status-select { background: var(--pn-surface); border: 1px solid var(--pn-border-strong); border-radius: 7px; padding: 5px 8px; font-family: inherit; color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-checkline input,
:root:not([data-theme="dark"]) body:not(.pn) .tool-sectionbar input[type="checkbox"] { accent-color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-table-responsive { border-color: var(--pn-border); border-radius: var(--pn-radius); background: var(--pn-surface); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-table { font-size: 0.88rem; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-table th {
  background: var(--pn-surface-2); font-family: inherit; font-size: 0.76rem; font-weight: 600;
  letter-spacing: 0.03em; color: var(--pn-ink-3); padding: 10px 14px; border-bottom-color: var(--pn-border);
}
:root:not([data-theme="dark"]) body:not(.pn) .tool-table td { padding: 12px 14px; border-bottom-color: var(--pn-border); color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-table tbody tr:last-child td { border-bottom: 0; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-table tr:hover td { background: #FCFBF8; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-table .tool-cell-name { font-weight: 600; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-sync-status { background: var(--pn-success-soft); border: 0; color: var(--pn-success); font-weight: 600; padding: 4px 10px; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-sync-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-sync-status.syncing { background: var(--pn-warning-soft); color: var(--pn-warning); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-sync-status.offline { background: var(--pn-surface-3); color: var(--pn-ink-3); }
:root:not([data-theme="dark"]) body:not(.pn) .task-priority-pill { border: 0; border-radius: 999px; padding: 2px 8px; font-weight: 600; text-transform: none; letter-spacing: 0; font-size: 0.72rem; }
:root:not([data-theme="dark"]) body:not(.pn) .priority-high { background: var(--pn-danger-soft); color: var(--pn-danger); }
:root:not([data-theme="dark"]) body:not(.pn) .priority-normal { background: var(--pn-info-soft); color: var(--pn-info); }
:root:not([data-theme="dark"]) body:not(.pn) .priority-low { background: var(--pn-surface-3); color: var(--pn-ink-3); }
:root:not([data-theme="dark"]) body:not(.pn) .side-badge { border: 0; border-radius: 999px; padding: 2px 9px; font-weight: 600; }
:root:not([data-theme="dark"]) body:not(.pn) .side-bride { background: #FBE9F1; color: #A02A5F; }
:root:not([data-theme="dark"]) body:not(.pn) .side-groom { background: var(--pn-info-soft); color: var(--pn-info); }
:root:not([data-theme="dark"]) body:not(.pn) .side-common { background: var(--pn-success-soft); color: var(--pn-success); }
:root:not([data-theme="dark"]) body:not(.pn) .side-gift { background: #F1EAFB; color: #6B3FA0; }
:root:not([data-theme="dark"]) body:not(.pn) .side-vip { background: var(--pn-warning-soft); color: var(--pn-warning); }
:root:not([data-theme="dark"]) body:not(.pn) .currency-toggle { background: var(--pn-surface-3); border: 0; border-radius: 10px; padding: 3px; }
:root:not([data-theme="dark"]) body:not(.pn) .currency-btn { color: var(--pn-ink-2); font-weight: 500; padding: 5px 12px; border-radius: 8px; }
:root:not([data-theme="dark"]) body:not(.pn) .currency-btn.active { background: var(--pn-surface); color: var(--pn-ink); font-weight: 600; box-shadow: var(--pn-shadow-sm); }
:root:not([data-theme="dark"]) body:not(.pn) .theme-pill-btn,
:root:not([data-theme="dark"]) body:not(.pn) .tool-style-pill {
  background: var(--pn-surface); border: 1px solid var(--pn-border-strong); color: var(--pn-ink-2);
  border-radius: 9px; font-weight: 500; transform: none; box-shadow: none;
}
:root:not([data-theme="dark"]) body:not(.pn) .theme-pill-btn:hover,
:root:not([data-theme="dark"]) body:not(.pn) .tool-style-pill:hover { background: var(--pn-surface-2); border-color: #C3BBB0; color: var(--pn-ink); transform: none; }
:root:not([data-theme="dark"]) body:not(.pn) .theme-pill-btn.active,
:root:not([data-theme="dark"]) body:not(.pn) .tool-style-pill.is-active { background: var(--pn-accent-soft); border-color: var(--pn-accent); color: var(--pn-ink); box-shadow: none; font-weight: 600; }
:root:not([data-theme="dark"]) body:not(.pn) .theme-color-dot { border-color: var(--pn-border-strong); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-field--theme { background: var(--pn-surface-2); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-generated { border-top-color: var(--pn-border-strong); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-card { background: var(--pn-surface); border-color: var(--pn-border); padding: 18px 20px; box-shadow: none; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-card:hover { transform: none; border-color: var(--pn-border-strong); box-shadow: var(--pn-shadow-sm); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-card--generated { background: var(--pn-surface-2); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-card--generated .quote-text { color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-card-meta { border-top-color: var(--pn-border); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-text { font-size: 1rem; color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-fav-btn { display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; border-radius: 7px; color: var(--pn-ink-3); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-fav-btn:hover { transform: none; background: var(--pn-surface-3); color: var(--pn-danger); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-fav-btn.is-fav { color: var(--pn-danger); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-fav-btn.is-fav .pn-i { fill: currentColor; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-badge-counter { background: var(--pn-surface-3); color: var(--pn-ink-2); font-weight: 600; }
:root:not([data-theme="dark"]) body:not(.pn) .tool-filter-btn.active .quote-badge-counter { background: rgba(255, 255, 255, .18); color: #fff; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-badge-counter--fav { background: var(--pn-danger-soft); color: var(--pn-danger); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-search-input {
  background: var(--pn-surface); border: 1px solid var(--pn-border-strong); border-radius: 9px; color: var(--pn-ink);
  padding: 0 14px 0 40px; height: 42px; font-family: inherit; font-size: 0.92rem;
}
:root:not([data-theme="dark"]) body:not(.pn) .quote-search-input:focus { background: var(--pn-surface); border-color: var(--pn-accent); box-shadow: var(--pn-focus); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-search-icon { left: 14px; color: var(--pn-ink-3); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-search-icon .pn-i { width: 17px; height: 17px; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-empty { background: var(--pn-surface-2); border-color: var(--pn-border-strong); border-radius: var(--pn-radius); }
:root:not([data-theme="dark"]) body:not(.pn) .quote-empty-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--pn-surface-3); color: var(--pn-ink-3); margin-bottom: 12px; font-size: 0; }
:root:not([data-theme="dark"]) body:not(.pn) .quote-empty-icon .pn-i { width: 22px; height: 22px; }
:root:not([data-theme="dark"]) body:not(.pn) .invitation-live-card { border-radius: var(--pn-radius-lg); box-shadow: var(--pn-shadow); min-height: 340px; }
:root:not([data-theme="dark"]) body:not(.pn) .invitation-live-card.theme-pearl-ivory,
:root:not([data-theme="dark"]) body:not(.pn) .invitation-live-card.theme-ottoman-parchment { box-shadow: var(--pn-shadow); }
:root:not([data-theme="dark"]) body:not(.pn) .card-names { font-weight: 600; letter-spacing: 0.02em; }
:root:not([data-theme="dark"]) body:not(.pn) .card-monogram,
:root:not([data-theme="dark"]) body:not(.pn) .card-header-badge { font-weight: 600; }
@media (max-width: 640px) {
  :root:not([data-theme="dark"]) body:not(.pn) .tool-bar { align-items: stretch; }
  :root:not([data-theme="dark"]) body:not(.pn) .quote-form-row { grid-template-columns: 1fr; }
}
:root:not([data-theme="dark"]) body:not(.pn) .tool-sectionbar .tool-filter-btn.tool-btn--ok-bright { color: var(--pn-ink-2); border-color: var(--pn-border-strong); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-sectionbar .tool-filter-btn.tool-btn--ok-bright:hover { background: var(--pn-surface-3); border-color: #C3BBB0; color: var(--pn-ink); }
:root:not([data-theme="dark"]) body:not(.pn) .tool-sectionbar .tool-filter-btn.active { background: var(--pn-ink); border-color: var(--pn-ink); color: #FFFFFF; }
