/* Phosphor icons — offline subset (MIT, phosphoricons.com), CSS-mask over same-origin
   SVG FILES in vendor/icons/ (the app CSP img-src 'self' forbids data: URIs — masks
   obey img-src). Markup stays <i class="ph ph-name"> / <i class="ph-fill ph-name">.
   To add an icon: drop the SVG in icons/{regular|fill}/ and append a rule below. */
.ph, .ph-fill {
  display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--ph-svg) no-repeat center / contain;
          mask: var(--ph-svg) no-repeat center / contain;
}
.ph.ph-arrow-square-out { --ph-svg: url("icons/regular/arrow-square-out.svg"); }
.ph.ph-arrow-up { --ph-svg: url("icons/regular/arrow-up.svg"); }
.ph.ph-at { --ph-svg: url("icons/regular/at.svg"); }
.ph.ph-caret-down { --ph-svg: url("icons/regular/caret-down.svg"); }
.ph.ph-caret-left { --ph-svg: url("icons/regular/caret-left.svg"); }
.ph.ph-caret-right { --ph-svg: url("icons/regular/caret-right.svg"); }
.ph.ph-caret-up { --ph-svg: url("icons/regular/caret-up.svg"); }
.ph.ph-check-circle { --ph-svg: url("icons/regular/check-circle.svg"); }
.ph.ph-check { --ph-svg: url("icons/regular/check.svg"); }
.ph.ph-clock-counter-clockwise { --ph-svg: url("icons/regular/clock-counter-clockwise.svg"); }
.ph.ph-clock { --ph-svg: url("icons/regular/clock.svg"); }
.ph.ph-code { --ph-svg: url("icons/regular/code.svg"); }
.ph.ph-copy { --ph-svg: url("icons/regular/copy.svg"); }
.ph.ph-dots-six-vertical { --ph-svg: url("icons/regular/dots-six-vertical.svg"); }
.ph.ph-gear { --ph-svg: url("icons/regular/gear.svg"); }
.ph.ph-git-commit { --ph-svg: url("icons/regular/git-commit.svg"); }
.ph.ph-info { --ph-svg: url("icons/regular/info.svg"); }
.ph.ph-magnifying-glass { --ph-svg: url("icons/regular/magnifying-glass.svg"); }
.ph.ph-paper-plane-tilt { --ph-svg: url("icons/regular/paper-plane-tilt.svg"); }
.ph.ph-pencil-simple { --ph-svg: url("icons/regular/pencil-simple.svg"); }
.ph.ph-play { --ph-svg: url("icons/regular/play.svg"); }
.ph.ph-plus { --ph-svg: url("icons/regular/plus.svg"); }
.ph.ph-spinner-gap { --ph-svg: url("icons/regular/spinner-gap.svg"); }
.ph.ph-trash { --ph-svg: url("icons/regular/trash.svg"); }
.ph.ph-warning-circle { --ph-svg: url("icons/regular/warning-circle.svg"); }
.ph.ph-warning { --ph-svg: url("icons/regular/warning.svg"); }
.ph.ph-x { --ph-svg: url("icons/regular/x.svg"); }
.ph-fill.ph-circle { --ph-svg: url("icons/fill/circle.svg"); }
.ph-fill.ph-sparkle { --ph-svg: url("icons/fill/sparkle.svg"); }

/* Fill icons for the SaaS shell (rail · dock · top bar), extracted from the spotlight-mock Phosphor-Fill font. */
.ph-fill.ph-squares-four { --ph-svg: url("icons/fill/squares-four.svg"); }
.ph-fill.ph-plugs { --ph-svg: url("icons/fill/plugs.svg"); }
.ph-fill.ph-monitor { --ph-svg: url("icons/fill/monitor.svg"); }
.ph-fill.ph-rows { --ph-svg: url("icons/fill/rows.svg"); }
.ph-fill.ph-chart-bar { --ph-svg: url("icons/fill/chart-bar.svg"); }
.ph-fill.ph-git-fork { --ph-svg: url("icons/fill/git-fork.svg"); }
.ph-fill.ph-github-logo { --ph-svg: url("icons/fill/github-logo.svg"); }
.ph-fill.ph-triangle { --ph-svg: url("icons/fill/triangle.svg"); }
.ph-fill.ph-slack-logo { --ph-svg: url("icons/fill/slack-logo.svg"); }
.ph-fill.ph-users-three { --ph-svg: url("icons/fill/users-three.svg"); }
.ph-fill.ph-chat-circle-dots { --ph-svg: url("icons/fill/chat-circle-dots.svg"); }
.ph-fill.ph-gear { --ph-svg: url("icons/fill/gear.svg"); }
