/* icons.css — Phosphor icons (regular) inlined as CSS-mask data-URIs.
*
* Usage:
* The icon paints in the element's `currentColor` and sizes to `1em`, so it
* inherits the surrounding text colour + font-size. Fully self-hosted (no font
* file, no CDN) — the SVG lives in the mask data-URI. Source: Phosphor Icons
* (MIT), regular weight, from the vendored set in the Apex project.
*
* Add a new icon: paste its regular SVG from
* vendor/icons/phosphor-icons/SVGs/regular/.svg
* into a `.ph-{--i:url('data:image/svg+xml;utf8,')}` rule.
*/
.ph{
display:inline-block;
width:1em; height:1em;
flex:0 0 auto;
background-color:currentColor;
vertical-align:-0.15em;
-webkit-mask:var(--i) center / contain no-repeat;
mask:var(--i) center / contain no-repeat;
}
.ph-gear{--i:url('data:image/svg+xml;utf8,')}
.ph-list{--i:url('data:image/svg+xml;utf8,')}
.ph-x{--i:url('data:image/svg+xml;utf8,')}
.ph-download{--i:url('data:image/svg+xml;utf8,')}
.ph-pin{--i:url('data:image/svg+xml;utf8,')}
.ph-arrow-left{--i:url('data:image/svg+xml;utf8,')}
.ph-refresh{--i:url('data:image/svg+xml;utf8,')}
.ph-caret-left{--i:url('data:image/svg+xml;utf8,')}
.ph-caret-right{--i:url('data:image/svg+xml;utf8,')}
.ph-caret-down{--i:url('data:image/svg+xml;utf8,')}
.ph-book{--i:url('data:image/svg+xml;utf8,')}
.ph-books{--i:url('data:image/svg+xml;utf8,')}
.ph-newspaper{--i:url('data:image/svg+xml;utf8,')}
.ph-search{--i:url('data:image/svg+xml;utf8,')}
.ph-funnel{--i:url('data:image/svg+xml;utf8,')}
/* Phase 123 — archive (box with lid + handle). Used by the series archive
toggle (settings tile + reader topbar). */
.ph-archive{--i:url('data:image/svg+xml;utf8,')}
/* Settings tab icons — Users tab + Roadmap tab (Admin reuses ph-gear). */
.ph-users{--i:url('data:image/svg+xml;utf8,')}
.ph-map-trifold{--i:url('data:image/svg+xml;utf8,')}
/* Restricted toggle — lock (restricted) + lock-open (unrestricted). */
.ph-lock{--i:url('data:image/svg+xml;utf8,')}
.ph-lock-open{--i:url('data:image/svg+xml;utf8,')}
/* Restrict toggle — prohibit (no-entry) sign; red .on state marks restricted. */
.ph-prohibit{--i:url('data:image/svg+xml;utf8,')}
/* Hide-posters toggle (eye / eye-slash) + catalog delete (trash). */
.ph-eye{--i:url('data:image/svg+xml;utf8,')}
.ph-eye-slash{--i:url('data:image/svg+xml;utf8,')}
.ph-trash{--i:url('data:image/svg+xml;utf8,')}
/* Unarchive — counter-clockwise restore arrow. */
.ph-arrow-counter-clockwise{--i:url('data:image/svg+xml;utf8,')}
/* Open original source — external-link (arrow leaving a box). */
.ph-arrow-square-out{--i:url('data:image/svg+xml;utf8,')}
/* Remove from library — sign-out (arrow leaving a door). */
.ph-sign-out{--i:url('data:image/svg+xml;utf8,')}
/* Synopsis — article / document with text lines. */
.ph-article{--i:url('data:image/svg+xml;utf8,')}
/* Unarchive — a tray with an arrow lifting up and out ("take out of
archive"). Clean at small sizes. */
.ph-tray-arrow-up{--i:url('data:image/svg+xml;utf8,')}
/* Unarchive — the SAME archive box as ph-archive (lid + body) but with an
up-arrow in place of the handle line, so it's the exact counterpart. */
.ph-unarchive{--i:url('data:image/svg+xml;utf8,')}
/* ── Stash additions (icons not in Reader's base set) ──
Same CSS-mask approach: each rule supplies --i as an inline SVG data-URI.
Authored in Phosphor's regular style (viewBox 0 0 256 256, stroke 16,
round caps) so they sit consistently beside the imported set. */
.ph-plus{--i:url('data:image/svg+xml;utf8,')}
.ph-circle{--i:url('data:image/svg+xml;utf8,')}
.ph-check-circle{--i:url('data:image/svg+xml;utf8,')}
.ph-pencil-simple{--i:url('data:image/svg+xml;utf8,')}
.ph-hourglass{--i:url('data:image/svg+xml;utf8,')}
.ph-snowflake{--i:url('data:image/svg+xml;utf8,')}
.ph-cube{--i:url('data:image/svg+xml;utf8,')}