/* T2839: Inventory feeds (coming soon) */
.if-soon{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 16px;padding:12px 16px;border:1px solid var(--blue,#1085d8);border-radius:8px;background:color-mix(in srgb,var(--blue,#1085d8) 10%,transparent)}
.if-soon strong{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#0b5fa5;border-radius:999px;padding:3px 10px;white-space:nowrap}
.if-soon span{flex:1 1 280px}
.if-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.if-card{border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--panel,transparent)}
.if-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.if-card-head .badge{white-space:nowrap;flex:none}
.if-card h3{margin:0;font-size:15px}
.if-card p{margin:0;flex:1}
.if-card button{align-self:flex-start}
.badge.if-draft{background:#b7791f;color:#fff}
.if-form .if-sec{margin-bottom:14px}
.if-checks{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 8px}
.if-checks .check{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.if-radios{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 10px}
.if-sub{margin-top:10px}
.if-sub h3{font-size:14px;margin:6px 0}
.if-multi{min-width:min(420px,100%);max-width:100%}
.if-prevhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.if-prevhead h2{margin:0 auto 0 0}
.if-csv{max-height:340px;overflow:auto;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font:12px/1.5 ui-monospace,Consolas,monospace;white-space:pre}
.if-foot{position:sticky;bottom:0;padding:12px 0;background:var(--bg,inherit);justify-content:flex-end;border-top:1px solid var(--line)}
@media (max-width:640px){.if-foot{flex-wrap:wrap}.if-foot button{flex:1 1 auto}}
/* T2843: ChipCharts first, with a Recommended tag */
.if-card.if-rec{position:relative;padding-top:18px}
.if-ribbon{position:absolute;top:-10px;left:12px;background:light-dark(var(--blue,#1085d8),#f59e0b);color:light-dark(#fff,#1b1300);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 9px;border-radius:999px}
/* ChipCharts wordmark, as in chipcharts.com's header (App.css .logo-*) */
.cc-logo{font-weight:700;white-space:nowrap;letter-spacing:0}
.cc-chip{color:light-dark(#1d4ed8,#60a5fa)}
.cc-charts{color:light-dark(#1a1d27,#e1e4ed)}
.cc-tld{color:light-dark(#6b7280,#8b90a0);font-weight:400;font-size:.64em}
.if-card h3.if-cc-title{font-size:17px;line-height:1.2}
.cc-icon{display:inline-block;width:1.15em;height:1.25em;vertical-align:-.28em;margin-inline-end:.3em;color:light-dark(#333333,#e1e4ed)}
.cc-icon svg{width:100%;height:100%}
/* T2844: several upload times per day */
.if-timerow{display:flex;align-items:center;gap:6px;margin:0 0 6px}
.if-timerow input{width:auto;min-width:9em}
.if-timerow .quiet{width:auto;min-height:0;padding:4px 8px}