.tp-filter{font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);min-height:34px}.tp-filter.on{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.tp-filter .n{opacity:.6;margin-left:4px;font-family:var(--font-mono);font-weight:500}.tp-picker{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;min-height:34px;padding:0 12px;font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:0;color:var(--text-primary);background:var(--bg-white);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.tp-picker:hover{background:var(--bg-warm)}.tp-filter.tp-picker{width:168px;flex-shrink:0}.tp-picker-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}@media(max-width:767px){.tp-picker{min-height:32px;height:32px;font-weight:600}}.tp-dd{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;padding:0 12px;background-color:var(--bg-white);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;text-align:left;box-sizing:border-box}.tp-dd:hover{background-color:var(--bg-warm)}.ss-field-picker{width:100%;font-weight:500;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ss-field-picker.empty{color:var(--text-tertiary)}.ss-field-picker svg{color:var(--text-tertiary);flex-shrink:0}.ss-field-picker:focus-visible,.ss-field-picker[aria-expanded=true]{border-color:var(--brand-dark);box-shadow:0 0 0 3px var(--brand-glow)}.ss-field-picker[aria-expanded=true] svg{color:var(--brand-darker)}.ss-field-picker:disabled{opacity:.55;cursor:default}.tp-form .ss-field-picker{min-height:44px;height:44px;font-size:14px;font-weight:400;padding-left:12px}@media(min-width:768px){.tp-form .ss-field-picker{min-height:38px;height:38px}}@media(max-width:767px){.tp-form .ss-field-picker{font-size:16px}}.tp-menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:210px;max-height:340px;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:1000}.tp-menu.right{left:auto;right:0;transform:none}.tp-menu.left{left:0;transform:none}.ss-field-menu{left:0;right:0;transform:none;min-width:0;width:100%}@media(max-width:767px){.tp-menu{left:0;transform:none}}.tp-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-family:var(--font-body);font-size:14px;color:var(--text-primary);text-align:left;min-height:36px}.tp-menu-item:hover{background:var(--brand-bg)}.tp-menu-item.on{font-weight:600;background:var(--brand-bg);color:var(--text-on-brand)}.tp-menu-item.on:hover{background:var(--brand-light)}.tp-menu-item .n{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--text-tertiary)}.tp-menu-check{width:16px;height:16px;border:1px solid var(--border-medium);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0;background:var(--bg-white)}.tp-menu-item.on .tp-menu-check{background:var(--brand);border-color:var(--brand);color:var(--text-on-brand)}.tp-menu-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-menu-sep{height:1px;background:var(--border-light);margin:4px 6px}.ss-menu-extra .tp-menu-text{color:var(--text-on-brand);font-weight:600}.ss-menu-extra .tp-menu-check{border-color:transparent;background:transparent}.tp-menu-search{display:block;width:100%;box-sizing:border-box;margin:0 0 4px;padding:8px 10px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-warm);font-family:var(--font-body);font-size:14px;color:var(--text-primary);outline:none;position:sticky;top:0}.tp-menu-search:focus{border-color:var(--brand-dark);box-shadow:0 0 0 3px var(--brand-glow);background:var(--bg-white)}.tp-menu-none{padding:10px;font-size:13px;color:var(--text-tertiary);text-align:center}