.cc-pfp{position:relative;display:inline-block}.cc-pfp-trigger{display:inline-flex;align-items:center;gap:var(--space-1-5,6px);padding:6px 12px;border-radius:var(--r-sm,8px);font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink-2);white-space:nowrap;transition:opacity .12s,background .12s,color .12s,border-color .12s,transform .1s}.cc-pfp-trigger:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.cc-pfp-trigger:active{transform:scale(.97)}.cc-pfp-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cc-pfp-trigger.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.cc-pfp-trigger-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--crm-on-primary);font-size:11px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums;margin-left:2px}.cc-pfp-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:100;width:380px;max-width:calc(100vw - 32px);max-height:min(640px,calc(100vh - 120px));display:flex;flex-direction:column;padding:0;border-radius:var(--r-xl,16px);background:var(--card);border:1px solid var(--line);box-shadow:var(--crm-shadow-raised);animation:ccPfpFade .16s ease both;overflow:hidden}@keyframes ccPfpFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cc-pfp-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2-5,10px);padding:14px 18px;border-bottom:1px solid var(--line);background:var(--card)}.cc-pfp-title{font-size:15px;font-weight:750;color:var(--ink);margin:0;letter-spacing:-.01em}.cc-pfp-head-actions{display:flex;align-items:center;gap:8px}.cc-pfp-reset{padding:4px 10px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--ink-3);font-size:12px;font-weight:550;font-family:inherit;cursor:pointer;transition:color .12s,background .12s,border-color .12s}.cc-pfp-reset:hover{background:var(--chip);color:var(--ink-2);border-color:var(--line-2)}.cc-pfp-close{min-width:28px;min-height:28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;transition:background .12s,color .12s}.cc-pfp-close:hover{background:var(--chip);color:var(--ink)}.cc-pfp-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cc-pfp-sections{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px 20px;display:flex;flex-direction:column;gap:16px}.cc-pfp-sections::-webkit-scrollbar{width:6px}.cc-pfp-sections::-webkit-scrollbar-track{background:transparent}.cc-pfp-sections::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.cc-pfp-sections::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.cc-pfp-section-head{display:flex;align-items:center;gap:6px;margin-bottom:7px}.cc-pfp-section-head>svg:first-child{color:var(--ink-3);flex-shrink:0}.cc-pfp-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.cc-pfp-chips{display:flex;flex-wrap:wrap;gap:6px}.cc-pfp-chip{padding:5px 11px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink-2);font-size:11.5px;font-weight:550;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .08s}.cc-pfp-chip:hover{background:var(--chip);border-color:var(--line-2)}.cc-pfp-chip:active{transform:scale(.96)}.cc-pfp-chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:650}.cc-pfp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cc-pfp-grid--loyalty{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.cc-pfp-grid-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:9px;border:1.5px solid var(--line);background:var(--card);color:var(--ink-2);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .08s;text-align:center}.cc-pfp-grid-btn:hover{background:var(--chip);border-color:var(--line-2);color:var(--ink)}.cc-pfp-grid-btn:active{transform:scale(.96)}.cc-pfp-grid-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cc-pfp-grid-btn[style*="--btn-tint"]:hover{border-color:color-mix(in srgb,var(--btn-tint) 35%,var(--line))}.cc-pfp-grid-btn[style*="--btn-tint"].is-active{background:color-mix(in srgb,var(--btn-tint) 12%,transparent);border-color:var(--btn-tint);color:var(--btn-tint)}.cc-pfp-grid-btn[style*="--btn-tint"].is-active>svg:first-child{color:var(--btn-tint)}.cc-pfp-grid-btn.is-active:not([style*="--btn-tint"]){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.cc-pfp-grid-btn.is-active:not([style*="--btn-tint"])>svg:first-child{color:var(--accent)}.cc-pfp-grid-btn>svg:first-child{flex-shrink:0;opacity:.75}.cc-pfp-segment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cc-pfp-field{display:flex;flex-direction:column;gap:4px;min-width:0}.cc-pfp-field--full{grid-column:span 2}.cc-pfp-field-label{font-size:11px;font-weight:600;color:var(--ink-2);line-height:1.25}.cc-pfp-input{width:100%;min-height:36px;padding:7px 11px;border:1.5px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:var(--type-body,13px);font-family:inherit;outline:none;transition:border-color .14s,box-shadow .14s;box-sizing:border-box}.cc-pfp-input::placeholder{color:var(--ink-4);font-size:12px}.cc-pfp-input:hover{border-color:var(--line-2)}.cc-pfp-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cc-pfp-check{margin-top:10px;cursor:pointer;user-select:none;font-size:12px;font-weight:550;color:var(--ink-2)}.cc-pfp-check,.cc-pfp-date-row{display:flex;align-items:center;gap:8px}.cc-pfp-date-row .cc-dp-wrap{flex:1;min-width:0}.cc-pfp-date-sep{color:var(--ink-3);font-size:13px;flex-shrink:0}.cc-pfp-active{margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}.cc-pfp-active-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cc-pfp-active-chip{gap:4px;padding:3px 6px 3px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);font-size:11.5px;font-weight:600;font-family:inherit}.cc-pfp-active-chip,.cc-pfp-active-chip-x{display:inline-flex;align-items:center;color:var(--accent)}.cc-pfp-active-chip-x{position:relative;justify-content:center;width:18px;height:18px;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:color .12s,background .12s;font-size:14px;line-height:1;font-weight:700;opacity:.75}.cc-pfp-active-chip-x:after{content:"";position:absolute;inset:-4px}.cc-pfp-active-chip-x:hover{opacity:1;background:color-mix(in srgb,var(--accent) 15%,transparent)}.cc-pfp-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface-2)}.cc-pfp-footer-reset{padding:6px 12px;border-radius:var(--r-sm,8px);border:1px solid var(--line);background:var(--card);color:var(--ink-2);font-size:12px;font-weight:550;cursor:pointer;transition:all .12s ease}.cc-pfp-footer-reset:hover{background:var(--chip);color:var(--ink);border-color:var(--line-2)}.cc-pfp-footer-done{padding:6px 16px;border-radius:var(--r-sm,8px);border:none;background:var(--accent);color:var(--crm-on-primary);font-size:12px;font-weight:650;cursor:pointer;transition:all .12s ease}.cc-pfp-footer-done:hover{filter:brightness(1.08)}.cc-pfp-footer-done:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.cc-pfp-panel{animation:none;transition:none}}