/* Fide Group v2 — additions on top of fide.css (tokens from tokens/motion.css + colors.css v2) */
:root{
--dur-count:400ms;--dur-type-char:70ms;--dur-type-delay:500ms;--dur-mbar:240ms;--dur-copied:1400ms;
--ease-count:cubic-bezier(.22,1,.36,1);--hover-shift:2px;
--status-found:var(--success);--status-found-bg:var(--success-soft);--status-missing:var(--accent-ink);--status-missing-bg:var(--accent-soft);
--status-invalid:var(--error);--status-invalid-bg:var(--error-soft);--fresh-stale:var(--accent-ink);
}
@media (prefers-reduced-motion:reduce){:root{--hover-shift:0px}}

.f-cat__count{font-feature-settings:var(--price-features)}

.hero{margin-inline:calc(50% - 50vw)}
.hd-search{flex:1 1 240px;min-width:200px}
.f-table-wrap{overflow-x:auto}
.f-container,.hero-grid>*,.toolbar>*{min-width:0}
.f-search__input{width:100%}
@media (max-width:767px){.toolbar .tl,.toolbar .f-select{width:100%}.toolbar .f-select{min-width:0}}
.f-table td,.f-table th{padding-left:10px;padding-right:10px}
.f-table td.num,.f-table .f-price{white-space:nowrap}
.listing{display:block}
.f-thumb{width:40px;height:40px}
.f-table .f-btn--sm{padding:0 10px}
.hd-phone{flex:none}
.f-table .f-pn__text{white-space:nowrap;overflow-wrap:normal}
.f-thumb{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm)}
.f-thumb .f-icon{width:20px;height:20px}

.f-fresh{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);color:var(--text-muted);white-space:nowrap}
.f-fresh .f-icon{width:14px;height:14px}
.f-fresh--stale{color:var(--fresh-stale)}

.f-count{font-feature-settings:var(--price-features)}

.f-pn__copy::after{content:attr(data-done);position:absolute;bottom:calc(100% + 6px);left:50%;padding:3px 8px;border-radius:var(--radius-sm);background:var(--fg-1);color:var(--bg-surface);font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-semibold);white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.f-pn__copy.is-copied::after{opacity:1;transform:translate(-50%,0)}

.f-table--sticky th{top:var(--header-h)}

.f-status{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 8px;border-radius:var(--radius-sm);font-size:var(--fs-13);font-weight:var(--fw-semibold);white-space:nowrap}
.f-status .f-icon{width:14px;height:14px;stroke-width:2.5}
.f-status--found{background:var(--status-found-bg);color:var(--status-found)}
.f-status--missing{background:var(--status-missing-bg);color:var(--status-missing)}
.f-status--invalid{background:var(--status-invalid-bg);color:var(--status-invalid)}
.f-table tr.is-missing td:first-child{box-shadow:inset 3px 0 0 var(--status-missing)}
.f-table tr.is-invalid td:first-child{box-shadow:inset 3px 0 0 var(--status-invalid)}

.f-steps{display:grid;margin:0;padding:0;list-style:none;border:var(--border-w) solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-card);overflow:hidden}
.f-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-1) var(--space-3);padding:var(--space-4);border-bottom:var(--border-w) solid var(--border-default)}
.f-steps li:last-child{border-bottom:0}
.f-steps__n{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:var(--border-w) solid var(--border-strong);font-family:var(--font-mono);font-size:var(--fs-13);font-weight:var(--fw-semibold)}
.f-steps li:first-child .f-steps__n{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.f-steps__t{font-weight:var(--fw-semibold)}
.f-steps__d{font-size:var(--text-small-size);color:var(--text-muted)}
@media (min-width:768px){.f-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.f-steps li{border-bottom:0;border-right:var(--border-w) solid var(--border-default)}.f-steps li:last-child{border-right:0}}

.f-more{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0 0;font-size:var(--text-small-size);color:var(--text-muted)}
.f-more__bar{width:200px;height:4px;border-radius:2px;background:var(--surface-sunken);overflow:hidden}
.f-more__bar i{display:block;height:100%;background:var(--fg-2);transition:width var(--dur-enter) var(--ease-out)}

.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.mbar-hidden{transform:translateY(110%)}
.is-hidden{transform:translateY(110%)}
.m-bar{transition:transform var(--dur-mbar) var(--ease-sheet)}
@media (prefers-reduced-motion:reduce){.f-count{transition:none}.m-bar{transition:none}}

.cat-art{display:block;width:48px;height:48px;color:var(--text-body)}
.cat-art svg{width:100%;height:100%}
.brand-logo{display:block;height:20px;width:auto;max-width:112px;object-fit:contain;background:#fff;padding:6px 10px;border-radius:4px;box-sizing:content-box}