/* ============================================================
   YourVend Design-System – Apple-Look (Umbau 10.10.2026)
   Eine Datei für alle Dashboard-Seiten. Rein optisch: Logik, SQL,
   Berechtigungen (darf_ich), Routen und Datenflüsse unverändert.
   Einbinden: <link rel="stylesheet" href="yourvend.css">
   Vorherige Fassung: yourvend.css.bak-2026-10-10
   ============================================================ */

/* ── Tokens (Schritt 2, Cihan-Vorgabe 10.10.2026) ──────────── */
:root{
  --font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
  --fg:#1d1d1f;
  --muted:#646b70;
  --bg:#f4f6f7;
  --card:#ffffff;
  --line:#d0d6d9;
  --line-soft:#e5e9eb;
  --accent:#00788a;
  --accent-hover:#005f6e;
  --on-accent:#ffffff;
  --radius-field:12px;
  --radius-card:24px;
  --radius-pill:980px;
  --shadow-card:0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);
  /* Status (dezente helle Flächen statt knalliger Farben, s. Schritt 3) */
  --success:#1d7a4c;      --success-bg:#e1f3e8;
  --warning:#9a6b00;      --warning-bg:#fbefd4;
  --danger:#b3261e;       --danger-bg:#fbe4e2;
  --info:var(--accent);   --info-bg:#e1eef0;
  --side-w:248px;

  /* Kompatibilität: Namen aus der vorherigen yourvend.css-Fassung (25.09.) auf die
     neuen Tokens mappen, damit bereits migrierte Komponentenregeln unten funktionieren,
     ohne jede Klasse umzubenennen. */
  --yv-bg:var(--bg); --yv-surface:var(--card); --yv-subtle:var(--bg); --yv-highlight:var(--line-soft);
  --yv-fg:var(--fg); --yv-muted:var(--muted); --yv-placeholder:var(--muted);
  --yv-border:var(--line); --yv-border-strong:var(--line); --yv-divider:var(--line-soft);
  --yv-primary:var(--accent); --yv-on-primary:var(--on-accent);
  --yv-brand:#01643E;
  --yv-success:var(--success); --yv-success-bg:var(--success-bg);
  --yv-warning:var(--warning); --yv-warning-bg:var(--warning-bg);
  --yv-danger:var(--danger);   --yv-danger-bg:var(--danger-bg);
  --yv-info:var(--info);       --yv-info-bg:var(--info-bg);
  --yv-radius-s:var(--radius-field); --yv-radius:var(--radius-field); --yv-radius-l:var(--radius-card); --yv-pill:var(--radius-pill);
  --yv-font:var(--font); --yv-font-display:var(--font);
  --yv-side-w:var(--side-w);
  --yv-safe-top:env(safe-area-inset-top); --yv-safe-bot:env(safe-area-inset-bottom);
  /* Kompatibilität: noch ältere Variablennamen (vor 25.09., dunkles Theme) */
  --black:var(--bg); --green:var(--accent); --bright:var(--success); --surf:var(--card);
  --high:var(--line-soft); --border:var(--line); --text:var(--fg); --muted-old:var(--muted);
}

/* ── Basis ──────────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;font-weight:400;line-height:1.45;min-height:100vh;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font);letter-spacing:-.01em;font-weight:600}
h1{font-size:44px;font-weight:600;letter-spacing:-.02em}
h2{font-size:17px;font-weight:600}
a{color:inherit}
.muted{color:var(--muted)} .small{font-size:12px} .r{text-align:right} .c{text-align:center}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}

/* ── Layout: Seitenleiste (fest, 232–260px) + Inhalt ──────────
   Struktur (nav.php): <aside class="yv-side"> ... </aside><div class="yv-main">…</div>
   Unter 900px wird die Seitenleiste zum Menü-Button + Off-Canvas-Panel. */
.yv-side{position:fixed;left:0;top:0;bottom:0;width:var(--side-w);background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px;gap:2px;z-index:200;overflow-y:auto}
.yv-side-top{display:flex;align-items:center;gap:10px;padding:0 6px;margin-bottom:18px}
.yv-side-top .yv-logo{width:32px;height:32px;border-radius:9px;background:var(--fg);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}
.yv-side-top .yv-brandname{font-size:21px;font-weight:600;letter-spacing:-.01em}
.yv-side a.yv-navlink{position:relative;display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border-radius:12px;color:var(--fg);text-decoration:none;font-size:14.5px;font-weight:500}
.yv-side a.yv-navlink svg{width:18px;height:18px;flex-shrink:0;stroke:var(--muted);stroke-width:1.8;fill:none}
.yv-side a.yv-navlink:hover{background:var(--line-soft)}
.yv-side a.yv-navlink.on,.yv-side a.yv-navlink[aria-current="page"]{background:var(--bg);font-weight:600}
.yv-side a.yv-navlink.on svg{stroke:var(--fg)}
.yv-side .yv-spacer{flex:1}
.yv-side .yv-count{margin-left:auto;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);font-size:11px;font-weight:600;min-width:19px;height:19px;display:flex;align-items:center;justify-content:center;padding:0 6px}
.yv-side .yv-user{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-top:8px;border-top:1px solid var(--line-soft)}
.yv-side .yv-avatar{width:30px;height:30px;border-radius:50%;background:var(--line-soft);color:var(--fg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}
.yv-side .yv-user-name{font-size:13px;font-weight:600;line-height:1.25}
.yv-side .yv-user-role{font-size:11.5px;color:var(--muted)}
.yv-lang-switch{margin-top:3px;font-size:11px}
.yv-lang-switch span{color:var(--line);margin:0 3px}
.yv-lang{color:var(--muted);text-decoration:none}
.yv-lang.on{color:var(--accent);font-weight:600}
/* Nacharbeit 11.10.2026: Warn-Badges (nav_badge.js) in der Zeile, rot */
.yv-side .yv-count-alert{background:var(--danger);color:#fff}
/* Sprachumschalter als kleine Pille (aktiv = dunkel) – Seitenleiste + Login */
.yv-lang-pill{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card)}
.yv-lang-pill a{padding:1px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;line-height:18px;color:var(--muted);text-decoration:none}
.yv-lang-pill a:hover{color:var(--fg)}
.yv-lang-pill a.on{background:var(--fg);color:#fff}
.yv-lang-pill-wrap{display:flex;justify-content:flex-end;margin-bottom:8px}
/* Abmelden unten in der Seitenleiste beim Namen (statt Button im Seitenkopf) */
.yv-side .yv-user-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px 2px}
.yv-side .yv-user-actions form{margin:0}
.yv-logout{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 6px;margin-right:-6px;border-radius:8px;font:inherit;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer}
.yv-logout:hover{background:var(--line-soft);color:var(--fg)}
.yv-logout svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none}
.yv-login-card .yv-lang-switch{font-size:12px;margin-top:0}
.yv-login-card .yv-lang-switch a{color:var(--muted);text-decoration:none}
.yv-login-card .yv-lang-switch a.on{color:var(--accent);font-weight:600}
.yv-main{padding:32px 40px 56px calc(var(--side-w) + 40px);max-width:1440px}

/* Menü-Button + Off-Canvas unter 900px */
.yv-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:220;width:40px;height:40px;border-radius:12px;background:var(--card);border:1px solid var(--line);align-items:center;justify-content:center;box-shadow:var(--shadow-card);cursor:pointer}
.yv-menu-btn svg{width:20px;height:20px;stroke:var(--fg);stroke-width:1.8;fill:none}
.yv-side-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:190}
@media (max-width:900px){
  .yv-side{transform:translateX(-100%);transition:transform .2s ease-in-out;box-shadow:var(--shadow-card);width:min(var(--side-w),82vw)}
  .yv-side.open{transform:translateX(0)}
  .yv-side.open ~ .yv-side-backdrop{display:block}
  .yv-menu-btn{display:flex}
  .yv-main{padding:72px 20px 56px}
  h1{font-size:28px}
}

/* ── Seitenkopf ─────────────────────────────────────────────── */
.yv-kicker{font-size:13px;color:var(--muted);margin-bottom:4px}
.yv-titlebar{display:flex;align-items:flex-end;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.yv-titlebar .grow{flex:1}
.yv-titlebar .yv-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ── Karten, Kennzahlen ─────────────────────────────────────── */
.card{background:var(--card);border:0;box-shadow:var(--shadow-card);border-radius:var(--radius-card);padding:26px;margin-bottom:18px}
.card-title,.card h2{font-size:17px;font-weight:600;color:var(--fg);margin-bottom:14px}
.flat{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-field);padding:14px;margin-bottom:10px}
.kpis,.kpi-grid,.stats,.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}
.kpi,.stat{background:var(--card);box-shadow:var(--shadow-card);border-radius:var(--radius-card);padding:22px 24px;text-align:left}
.kpi .lbl,.kpi-lbl,.stat-lbl{font-size:13px;color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0;margin:0}
.kpi .val,.kpi-val,.stat-val{font-size:36px;font-weight:600;color:var(--fg);letter-spacing:-.02em;margin-top:8px;font-variant-numeric:tabular-nums}
.kpi .sub{font-size:13px;color:var(--muted);margin-top:6px}
.stat-row,.stats{grid-template-columns:repeat(3,1fr)}
@media (max-width:480px){.kpi .val,.kpi-val,.stat-val{font-size:28px}.kpis,.kpi-grid{grid-template-columns:1fr 1fr}.stat,.kpi{padding:16px 16px}}

/* ── Buttons, Chips ─────────────────────────────────────────── */
.btn,.btn-o,.btn-d,.btn-danger,.btn-warning,.btn-dis{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:var(--radius-pill);padding:0 22px;font:500 15px var(--font);cursor:pointer;border:1px solid transparent;transition:background .12s ease-in-out,opacity .12s;text-decoration:none;white-space:nowrap}
.btn{background:var(--accent);color:var(--on-accent)}
.btn:hover{background:var(--accent-hover)}
.btn-o{background:var(--card);color:var(--fg);border-color:var(--line)}
.btn-o:hover{background:var(--line-soft)}
.btn-d,.btn-danger{background:var(--card);color:var(--danger);border-color:var(--line)}
.btn-warning{background:var(--warning-bg);color:var(--warning)}
.btn-dis,.btn:disabled,.btn-o:disabled{background:var(--line-soft);color:#9a9fa3;cursor:not-allowed;opacity:1}
.btn-sm{height:36px;padding:0 16px;font-size:13px}
.btn-block{width:100%;height:44px;font-size:15px}
.chip,.filter-btn,.sortbtn{display:inline-flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--line);color:var(--fg);border-radius:var(--radius-pill);padding:8px 16px;font:500 13.5px var(--font);cursor:pointer}
.chip.on,.filter-btn.active,.sortbtn.active{background:var(--fg);color:#fff;border-color:var(--fg)}
.tabs{display:flex;gap:6px;border-bottom:0;margin-bottom:18px;overflow-x:auto;scrollbar-width:none;background:var(--line-soft);border-radius:var(--radius-pill);padding:4px;width:fit-content}
.tabs::-webkit-scrollbar{display:none}
.tab,.htab{flex:0 0 auto;background:transparent;border:0;border-radius:var(--radius-pill);color:var(--muted);padding:9px 16px;font:500 13.5px var(--font);cursor:pointer;white-space:nowrap}
.tab.active,.htab.active{color:#fff;background:var(--fg)}

/* ── Status ─────────────────────────────────────────────────── */
.pill,.badge,.ps-tag,.kat-badge{display:inline-block;border-radius:var(--radius-pill);padding:4px 11px;font-size:11.5px;font-weight:600;white-space:nowrap;border:0;background:var(--info-bg);color:var(--fg)}
.pill-gruen,.badge-ok,.badge.ok,.st-bezahlt{background:var(--success-bg);color:var(--success)}
.pill-gelb,.badge-warn,.badge.cf{background:var(--warning-bg);color:var(--warning)}
.pill-rot,.badge-danger,.badge.leer,.st-storniert{background:var(--danger-bg);color:var(--danger)}
.pill-blau,.pill-admin,.badge.info{background:var(--info-bg);color:var(--accent)}
.pill-fahrer{background:var(--success-bg);color:var(--success)}
.info,.ok,.ok-box{background:var(--success-bg);border:0;border-radius:var(--radius-field);padding:12px 14px;font-size:13px;color:var(--success);margin-bottom:12px;line-height:1.6}
.err,.err-box{background:var(--danger-bg);border:0;border-radius:var(--radius-field);padding:12px 14px;font-size:13px;color:var(--danger);margin-bottom:12px}
.warn-box{background:var(--warning-bg);border:0;border-radius:var(--radius-field);padding:12px 14px;font-size:13px;color:var(--warning);margin-bottom:12px}
.banner{background:var(--danger-bg);border:0;border-radius:var(--radius-card);padding:14px 16px;margin-bottom:18px;color:var(--danger)}
.itm{background:var(--card);box-shadow:var(--shadow-card);border-left:4px solid var(--line);border-radius:var(--radius-field);padding:14px 16px;margin-bottom:10px;cursor:pointer}
.itm:hover{background:var(--bg)}
.tile{background:var(--card);box-shadow:var(--shadow-card);border-left:5px solid var(--line);border-radius:var(--radius-card);padding:16px}
.tile.gruen{border-left-color:var(--success)}.tile.gelb{border-left-color:var(--warning)}.tile.rot{border-left-color:var(--danger)}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.dot.gruen{background:var(--success)}.dot.gelb{background:var(--warning)}.dot.rot{background:var(--danger)}

/* ── Tabellen (keine Gitterlinien, nur Zeilentrenner) ─────────── */
table,.ek-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;color:var(--muted);font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;padding:10px 12px;border-bottom:1px solid var(--line-soft);white-space:nowrap}
td{padding:12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
th.r,td.r,th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}
tr.row-click{cursor:pointer}
tr.row-click:hover{background:var(--bg)}
tfoot td{border-top:1px solid var(--line);border-bottom:0;font-weight:600}
.tbl-scroll{overflow-x:auto}
.feedwrap{background:var(--card);box-shadow:var(--shadow-card);border-radius:var(--radius-card);overflow:hidden}

/* ── Füllgrad ───────────────────────────────────────────────── */
.fuell-bar{height:8px;border-radius:4px;background:var(--line-soft);overflow:hidden;min-width:80px}
.fuell-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .3s ease-in-out}
.fuell-fill.mid{background:var(--warning)}
.fuell-fill.low{background:var(--danger)}

/* ── Formulare ──────────────────────────────────────────────── */
label.lbl,.lbl{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0;text-transform:none;margin-bottom:6px}
input,select,textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-field);height:44px;padding:0 14px;color:var(--fg);font:400 15px var(--font);outline:none;-webkit-appearance:none}
textarea{height:auto;padding:12px 14px}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,120,138,.15)}
input::placeholder,textarea::placeholder{color:#9a9fa3}
select option{background:var(--card)}
input[type="file"]{height:auto;padding:8px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}
.fg{margin-bottom:10px}
.search-wrap{position:relative;margin-bottom:12px}.search-wrap input{padding-left:38px}
.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}
@media (max-width:480px){.row2,.row3{grid-template-columns:1fr}}

/* ── Login-/Passwort-Karte (zentriert, auf var(--bg)) ─────────── */
.yv-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}
.yv-login-card{background:var(--card);box-shadow:var(--shadow-card);border-radius:var(--radius-card);padding:32px 28px;width:100%;max-width:360px}
.yv-login-card .yv-logo{width:48px;height:48px;border-radius:14px;background:var(--fg);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin:0 auto 16px}
.yv-login-card h1{font-size:19px;text-align:center;margin-bottom:4px;letter-spacing:-.01em}
.yv-login-card .sub{color:var(--muted);font-size:13px;text-align:center;margin-bottom:22px}

/* ── Fahrer-App (Handy): große Touch-Flächen ──────────────────── */
.auto-card{background:var(--card);box-shadow:var(--shadow-card);border-radius:16px;padding:16px;margin-bottom:12px;position:relative}
.auto-card.active{box-shadow:var(--shadow-card),0 0 0 2px var(--accent)}
.auto-card.eingecheckt{box-shadow:var(--shadow-card),0 0 0 2px var(--warning)}
.auto-nr{width:30px;height:30px;background:var(--line-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--fg);flex-shrink:0}
.auto-nr.done{background:var(--success-bg);color:var(--success);text-decoration:line-through}
.auto-nr.active{background:var(--accent);color:#fff}
.spirale-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-soft);min-height:44px}
.spirale-nr{width:48px;height:40px;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-field);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--fg);flex-shrink:0}
.spirale-input{width:72px!important;text-align:center;padding:10px 8px!important;font-size:18px!important;font-weight:600}
.timer{font-size:28px;font-weight:600;color:var(--warning);text-align:center;padding:8px 0;font-variant-numeric:tabular-nums}

/* ── Modale, Sonstiges ──────────────────────────────────────── */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(29,29,31,.5);z-index:300;align-items:center;justify-content:center;padding:20px}
.modal-bg.open{display:flex}
.modal{background:var(--card);border-radius:var(--radius-card);padding:26px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-card)}
.modal-title,.modal h3{font-weight:600;font-size:17px;margin-bottom:14px}
.close-x{float:right;cursor:pointer;color:var(--muted);font-size:18px}
.divider{border:0;border-top:1px solid var(--line-soft);margin:12px 0}
.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--line-soft);border-top-color:var(--accent);animation:yv-spin .9s linear infinite;margin:30px auto}
.empty,.hint{text-align:left;padding:8px 0;color:var(--muted);font-size:13px}
@keyframes yv-spin{to{transform:rotate(360deg)}}
@keyframes yv-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.fade,.card{animation:yv-fade .25s ease}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ── Linien-Icons statt Emojis (Nacharbeit 11.10.2026) ─────────────
   Einheitlich stroke 1.8 wie die Seitenleiste. Als CSS-Maske definiert, damit
   dasselbe Markup <i class=yvi-NAME aria-hidden=true></i> in PHP-Templates UND
   in per JS erzeugtem HTML funktioniert (ohne Anfuehrungszeichen -> sicher in
   jedem String-Typ). Farbe = currentColor. Nicht fuer PDF/Mail/Mira. */
[class*="yvi-"]{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--yvi) center/contain no-repeat;mask:var(--yvi) center/contain no-repeat}
h1 [class*="yvi-"],h2 [class*="yvi-"],h3 [class*="yvi-"],.card-title [class*="yvi-"]{color:var(--muted);margin-right:2px}
/* Statuspunkte (vorher 🔴🟢🟡⚪) */
.yvi-dot-red,.yvi-dot-green,.yvi-dot-yellow,.yvi-dot-grey{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/svg%3E");width:.9em;height:.9em;vertical-align:-.08em}
.yvi-dot-red{background-color:var(--danger)}.yvi-dot-green{background-color:var(--success)}.yvi-dot-yellow{background-color:#d9a400}.yvi-dot-grey{background-color:var(--line)}
/* Runder Icon-Button (z. B. Bearbeiten) */
.yv-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;flex-shrink:0}
.yv-icon-btn:hover{background:var(--line-soft)}
.yv-icon-btn [class*="yvi-"]{width:16px;height:16px;vertical-align:0}
.yvi-pin{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.1 7-11.5A7 7 0 005 9.5C5 14.9 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.4'/%3E%3C/svg%3E")}
.yvi-edit{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9a2.1 2.1 0 00-3-3L5 17v3z'/%3E%3Cpath d='M14 7l3 3'/%3E%3C/svg%3E")}
.yvi-automat{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h5M8 10.5h5M8 14h5'/%3E%3Cpath d='M16 7v7'/%3E%3Cpath d='M8 17.5h8'/%3E%3C/svg%3E")}
.yvi-alert{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l9 16H3z'/%3E%3Cpath d='M12 10v4'/%3E%3Cpath d='M12 17.2v.1'/%3E%3C/svg%3E")}
.yvi-flag{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 4h11l-2 4 2 4H5'/%3E%3C/svg%3E")}
.yvi-check{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16 9.8'/%3E%3C/svg%3E")}
.yvi-clock{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.yvi-save{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h11l3 3v12a1 1 0 01-1 1H6a1 1 0 01-1-1z'/%3E%3Cpath d='M8 4v5h7V4'/%3E%3Crect x='8' y='13' width='8' height='6' rx='1'/%3E%3C/svg%3E")}
.yvi-clipboard{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='5' width='12' height='16' rx='2'/%3E%3Cpath d='M9 5V4a1 1 0 011-1h4a1 1 0 011 1v1'/%3E%3Cpath d='M9 11h6M9 15h4'/%3E%3C/svg%3E")}
.yvi-doc{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M10 12h5M10 16h5'/%3E%3C/svg%3E")}
.yvi-box{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4-9 4-9-4z'/%3E%3Cpath d='M3 7v10l9 4 9-4V7'/%3E%3Cpath d='M12 11v10'/%3E%3C/svg%3E")}
.yvi-search{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E")}
.yvi-download{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='M7.5 10.5L12 15l4.5-4.5'/%3E%3Cpath d='M4 16v3a1 1 0 001 1h14a1 1 0 001-1v-3'/%3E%3C/svg%3E")}
.yvi-chart{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V12M10 20V4M16 20V9M3 20h18'/%3E%3C/svg%3E")}
.yvi-gear{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cpath d='M12 2.5V5M12 19v2.5M2.5 12H5M19 12h2.5M5.3 5.3l1.8 1.8M16.9 16.9l1.8 1.8M5.3 18.7l1.8-1.8M16.9 7.1l1.8-1.8'/%3E%3C/svg%3E")}
.yvi-wrench{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5a4 4 0 00-5.2 5.2L4 16l4 4 5.3-5.3a4 4 0 005.2-5.2l-2.6 2.6-2.4-.6-.6-2.4z'/%3E%3C/svg%3E")}
.yvi-help{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.6 9.3a2.5 2.5 0 014.8.9c0 1.7-2.4 2.2-2.4 3.8'/%3E%3Cpath d='M12 17.2v.1'/%3E%3C/svg%3E")}
.yvi-camera{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3.5L9 5.5h6L16.5 8H20v11H4z'/%3E%3Ccircle cx='12' cy='13.5' r='3.5'/%3E%3C/svg%3E")}
.yvi-spiral{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14M5 12h14M5 17h14'/%3E%3Cpath d='M8 5v14M16 5v14'/%3E%3C/svg%3E")}
.yvi-lock{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 018 0v3'/%3E%3C/svg%3E")}
.yvi-refresh{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 00-14.5-4.5L4 8'/%3E%3Cpath d='M4 4v4h4'/%3E%3Cpath d='M4 13a8 8 0 0014.5 4.5L20 16'/%3E%3Cpath d='M20 20v-4h-4'/%3E%3C/svg%3E")}
.yvi-user{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.4'/%3E%3Cpath d='M5 20c0-3.6 3.1-6 7-6s7 2.4 7 6'/%3E%3C/svg%3E")}
.yvi-users{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3'/%3E%3Cpath d='M3.5 19c0-3 2.5-5 5.5-5s5.5 2 5.5 5'/%3E%3Cpath d='M15.5 5.8a3 3 0 010 5.5'/%3E%3Cpath d='M17.5 14.3c1.8.6 3 2.3 3 4.7'/%3E%3C/svg%3E")}
.yvi-plus{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.yvi-calc{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8'/%3E%3Cpath d='M8.5 12h.01M12 12h.01M15.5 12h.01M8.5 16h.01M12 16h.01M15.5 16h.01'/%3E%3C/svg%3E")}
.yvi-building{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5a1 1 0 011-1h9a1 1 0 011 1v16'/%3E%3Cpath d='M15 10h4a1 1 0 011 1v10'/%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M8 8h3M8 12h3M8 16h3'/%3E%3C/svg%3E")}
.yvi-money{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6.5 9.5v.01M17.5 14.5v.01'/%3E%3C/svg%3E")}
.yvi-card{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 15h4'/%3E%3C/svg%3E")}
.yvi-x-circle{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E")}
.yvi-ban{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6l12.8 12.8'/%3E%3C/svg%3E")}
.yvi-trash{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M9 7V4h6v3'/%3E%3Cpath d='M6 7l1 13h10l1-13'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E")}
.yvi-sparkle{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z'/%3E%3Cpath d='M19 16l.7 1.8 1.8.7-1.8.7L19 21l-.7-1.8-1.8-.7 1.8-.7z'/%3E%3C/svg%3E")}
.yvi-zap{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L5 13.5h6L10 21l8-10.5h-6z'/%3E%3C/svg%3E")}
.yvi-star{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.8.9-4.2 4.1 1 5.8L12 16.8l-5.2 2.8 1-5.8L3.6 9.7l5.8-.9z'/%3E%3C/svg%3E")}
.yvi-bulb{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 00-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0012 3z'/%3E%3C/svg%3E")}
.yvi-target{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 12h.01'/%3E%3C/svg%3E")}
.yvi-calendar{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='2'/%3E%3Cpath d='M4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.yvi-cart{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2 3h2l2.4 12.2a2 2 0 002 1.8h8.4a2 2 0 002-1.7L20 8H6'/%3E%3C/svg%3E")}
.yvi-monitor{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E")}
.yvi-phone{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
.yvi-brush{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4l6 6'/%3E%3Cpath d='M17 7l-6.5 6.5'/%3E%3Cpath d='M10.5 13.5L4 20h6l3-3'/%3E%3Cpath d='M10.5 13.5l3 3'/%3E%3C/svg%3E")}
.yvi-truck{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='13' height='10' rx='2'/%3E%3Cpath d='M16 10h3l2 3v4h-5'/%3E%3Ccircle cx='7.5' cy='18.5' r='1.6'/%3E%3Ccircle cx='17.5' cy='18.5' r='1.6'/%3E%3C/svg%3E")}
.yvi-cup{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h11v6a5 5 0 01-5 5h-1a5 5 0 01-5-5z'/%3E%3Cpath d='M16 10h1.5a2.5 2.5 0 010 5H16'/%3E%3Cpath d='M8 3.5v2M11 3.5v2'/%3E%3C/svg%3E")}
.yvi-database{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3'/%3E%3Cpath d='M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6'/%3E%3Cpath d='M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3'/%3E%3C/svg%3E")}
.yvi-mail{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 6.5L12 13l8.5-6.5'/%3E%3C/svg%3E")}
.yvi-chat{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E")}
.yvi-tag{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.3'/%3E%3C/svg%3E")}
.yvi-printer{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V3h10v6'/%3E%3Crect x='3' y='9' width='18' height='8' rx='2'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E")}
.yvi-link{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 005.7 0l3-3a4 4 0 00-5.7-5.7l-1 1'/%3E%3Cpath d='M14 10a4 4 0 00-5.7 0l-3 3a4 4 0 005.7 5.7l1-1'/%3E%3C/svg%3E")}
.yvi-call{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 004.5 4.5L14.5 13l5 2v4a1 1 0 01-1 1A16 16 0 014 5a1 1 0 011-1z'/%3E%3C/svg%3E")}
.yvi-door{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h3a2 2 0 012 2v12a2 2 0 01-2 2h-3'/%3E%3Cpath d='M10 17l-5-5 5-5'/%3E%3Cpath d='M5 12h11'/%3E%3C/svg%3E")}
.yvi-briefcase{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a1 1 0 011-1h4a1 1 0 011 1v2'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E")}
.yvi-signal{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9a14 14 0 0119 0'/%3E%3Cpath d='M5.5 12.5a9.5 9.5 0 0113 0'/%3E%3Cpath d='M8.8 16a5 5 0 016.4 0'/%3E%3Cpath d='M12 19.5v.01'/%3E%3C/svg%3E")}
.yvi-activity{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-8 4 16 3-8h4'/%3E%3C/svg%3E")}
.yvi-image{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.6'/%3E%3Cpath d='M21 16l-5-5-9 8'/%3E%3C/svg%3E")}
.yvi-sun{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4'/%3E%3C/svg%3E")}
.yvi-square{--yvi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='2'/%3E%3C/svg%3E")}