:root{--fnf-primary:#0ea5e9;--fnf-dark:#0284c7;--fnf-bg:#f0f9ff;--fnf-bg2:#e0f2fe;--fnf-border:#dbeafe;--fnf-muted:#64748b}.fnf-ph,.fnf-bundle{background:#fff;border:1px solid var(--fnf-border);border-radius:18px;padding:20px;margin:24px 0;box-shadow:0 2px 10px rgba(14,165,233,.08);clear:both}.fnf-ph h3,.fnf-bundle h3{margin:0 0 12px;font-size:1.1rem}.fnf-ph__stats{display:flex;gap:18px;flex-wrap:wrap;color:var(--fnf-muted);margin-bottom:8px;font-size:.9rem}.fnf-ph__stats b{color:var(--fnf-dark)}.fnf-ph__svg{width:100%;height:auto;display:block}.fnf-ph__area{fill:rgba(56,189,248,.18);stroke:none}.fnf-ph__line{fill:none;stroke:var(--fnf-primary);stroke-width:2.5;stroke-linejoin:round}.fnf-ph__dot{fill:#fff;stroke:var(--fnf-dark);stroke-width:2}.fnf-ph__dates{display:flex;justify-content:space-between;color:var(--fnf-muted);font-size:.8rem}.fnf-delivery{background:var(--fnf-bg);border:1px solid var(--fnf-border);border-radius:16px;padding:16px 18px;margin:18px 0;overflow:hidden}.fnf-delivery h3{margin-top:0}.fnf-delivery select{width:100%}.fnf-bundle__items{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}.fnf-bundle__items li{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--fnf-bg);border-radius:12px;padding:8px 12px}.fnf-bundle__items a{display:flex;align-items:center;gap:10px;color:inherit;font-weight:600}.fnf-bundle__items img{width:52px;height:52px;object-fit:cover;border-radius:10px}.fnf-bundle__total{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.fnf-bundle__total b{color:var(--fnf-dark);font-size:1.15rem}.fnf-bundle__total del{color:var(--fnf-muted)}.fnf-review-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.fnf-review-images img{width:76px;height:76px;object-fit:cover;border-radius:12px;border:1px solid var(--fnf-border)}.comment-form-fnf-images{margin-top:10px}.fnf-form{display:grid;gap:10px;margin-top:16px}.fnf-form input,.fnf-form textarea,.fnf-form select{width:100%}.fnf-badge{display:inline-block;padding:2px 12px;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--fnf-bg2);color:var(--fnf-dark)}.fnf-badge--answered{background:#dcfce7;color:#166534}.fnf-badge--closed{background:#e2e8f0;color:#475569}.fnf-msg{border-radius:14px;padding:12px 16px;margin:10px 0;max-width:86%}.fnf-msg--me{background:var(--fnf-bg2);margin-inline-start:0;margin-inline-end:auto}.fnf-msg--staff{background:#fff;border:1px solid var(--fnf-border);margin-inline-start:auto;margin-inline-end:0}.fnf-msg small{display:block;color:var(--fnf-muted);margin-top:4px}