/* SurgiFacts Manager (snippet 31): company promotion badge (front end) + admin dashboard styles.
   Colours come only from the --sfc-* tokens of sf.css (in wp-admin the snippet prints the same token block inline). */

/* ---------------------------------------------------------------- Promotion badge (cards) */
.sf-promobadge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font:700 10.5px/1 var(--sf-body,inherit);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;white-space:nowrap}
.sf-promobadge--sponsored{background:var(--sfc-surface);color:var(--sfc-secondary);border:1px solid var(--sfc-secondary)}
.sf-promobadge--featured{background:var(--sfc-secondary);color:var(--sfc-white);border:1px solid var(--sfc-secondary)}
.sf-promobadge--premium{background:var(--sfc-light);color:var(--sfc-primary-deep);border:1px solid var(--sfc-light-2)}
.sf-card__badge.sf-promobadge{margin:0}
.sf-mcard .sf-promobadge{align-self:flex-start}

/* ---------------------------------------------------------------- Admin (wp-admin, scoped to .sfm) */
.sfm{max-width:1400px;color:var(--sfc-text)}
.sfm h1{color:var(--sfc-heading)}
.sfm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:8px 0 16px}
.sfm-head h1{margin:0 0 4px;padding:0}
.sfm-intro{max-width:820px;margin:0;color:var(--sfc-muted);font-size:14px}
.sfm-muted{color:var(--sfc-muted)}
.sfm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:12px 0 22px}
.sfm-card{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--sfc-border);border-radius:10px;background:var(--sfc-surface);text-decoration:none;color:var(--sfc-text)}
a.sfm-card:hover,a.sfm-card:focus{border-color:var(--sfc-secondary);box-shadow:0 0 0 1px var(--sfc-secondary)}
.sfm-card__v{font-size:28px;font-weight:700;line-height:1.1;color:var(--sfc-heading)}
.sfm-card__l{font-weight:600}
.sfm-card__h{font-size:12px;color:var(--sfc-muted)}
.sfm-card--warn{border-left:4px solid var(--sfc-warning)}
.sfm-card--bad{border-left:4px solid var(--sfc-error)}
.sfm-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 20px}
.sfm-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px}
.sfm-filters input[type=search]{min-width:220px}
.sfm-count{margin:4px 0 8px;color:var(--sfc-muted)}
.sfm-table td,.sfm-table th{vertical-align:middle}
.sfm-col-logo{width:56px}
.sfm-table img{max-width:48px;height:auto;object-fit:contain}
.sfm-nologo{display:inline-block;width:48px;text-align:center;color:var(--sfc-muted)}
.sfm-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;background:var(--sfc-surface-soft);color:var(--sfc-muted);border:1px solid var(--sfc-border)}
.sfm-pill--ok{background:var(--sfc-success-soft);color:var(--sfc-success);border-color:var(--sfc-success-soft)}
.sfm-pill--warn{background:var(--sfc-warning-soft);color:var(--sfc-warning);border-color:var(--sfc-warning-soft)}
.sfm-pill--bad{background:var(--sfc-error-soft);color:var(--sfc-error);border-color:var(--sfc-error-soft)}
.sfm-crumb{margin:10px 0 0}
.sfm-co-head{display:flex;gap:14px;align-items:center;margin:6px 0 10px}
.sfm-co-head img{width:64px;height:64px;object-fit:contain;border:1px solid var(--sfc-border);border-radius:8px;background:var(--sfc-white);padding:4px}
.sfm-co-head h1{margin:0;padding:0}
.sfm-co-head p{margin:4px 0 0}
.sfm-tabs{margin-bottom:0}
.sfm-panel{background:var(--sfc-surface);border:1px solid var(--sfc-border);border-top:0;padding:16px 20px 20px}
.sfm-kv th{width:240px;font-weight:600}
.sfm-kv__a{width:60px;text-align:right}
.sfm-inline{display:inline-flex;gap:6px;align-items:center;margin:0 0 12px}
.sfm-thumbs{display:flex;flex-wrap:wrap;gap:12px}
.sfm-thumbs figure{margin:0;width:130px;font-size:12px}
.sfm-thumbs img{width:130px;height:100px;object-fit:contain;border:1px solid var(--sfc-border);border-radius:6px;background:var(--sfc-white)}
.sfm-cols{columns:3 260px;column-gap:24px}
.sfm-check{list-style:none;margin:12px 0;padding:0;max-width:760px}
.sfm-check li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--sfc-divider)}
.sfm-check__mark{flex:0 0 28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--sfc-surface-soft);color:var(--sfc-muted);border:1px solid var(--sfc-border)}
.sfm-check li.is-done .sfm-check__mark{background:var(--sfc-success);color:var(--sfc-white);border-color:var(--sfc-success)}
.sfm-box{border:1px solid var(--sfc-border);border-radius:10px;padding:4px 18px 16px;margin:0 0 18px;background:var(--sfc-surface)}
.sfm-box--warn{border-left:4px solid var(--sfc-warning)}
.sfm-box--danger{border-left:4px solid var(--sfc-error)}
.sfm .button.sfm-btn-danger{background:var(--sfc-error);border-color:var(--sfc-error);color:var(--sfc-white)}
.sfm .button.sfm-btn-danger:hover,.sfm .button.sfm-btn-danger:focus{background:var(--sfc-accent-dark);border-color:var(--sfc-accent-dark);color:var(--sfc-white)}
.sfm-bpreview{position:relative;max-width:1100px;border-radius:12px;overflow:hidden;background:var(--sfc-gradient);min-height:180px}
.sfm-bpreview img{display:block;width:100%;height:auto}
.sfm-bpreview__none{padding:70px;text-align:center;color:var(--sfc-white)}
.sfm-bpreview__label{position:absolute;top:14px;right:14px;padding:5px 9px;border-radius:6px;background:var(--sfc-surface);color:var(--sfc-secondary);border:1px solid var(--sfc-secondary);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sfm details summary{cursor:pointer;font-weight:600;margin:6px 0}
@media (max-width:782px){.sfm-kv th{width:auto}.sfm-cols{columns:1}}