/* ==========================================
   Phosphor Icons - Local SVG Implementation
   Using CSS mask technique for modern browsers
   ========================================== */

/* Base Icon Styles */
.ph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    vertical-align: middle;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    flex-shrink: 0;
}

/* Size Variants */
.ph-sm {
    font-size: 0.875em;
}

.ph-lg {
    font-size: 1.25em;
}

.ph-xl {
    font-size: 1.5em;
}

.ph-2x {
    font-size: 2em;
}

.ph-3x {
    font-size: 3em;
}

/* ==========================================
   ICON DEFINITIONS
   Mapped from Bootstrap Icons equivalents
   ========================================== */

/* === Navigation & UI === */
.ph-house {
    -webkit-mask-image: url('icons/bold/house-bold.svg');
    mask-image: url('icons/bold/house-bold.svg');
}

.ph-house-line {
    -webkit-mask-image: url('icons/bold/house-line-bold.svg');
    mask-image: url('icons/bold/house-line-bold.svg');
}

.ph-list {
    -webkit-mask-image: url('icons/bold/list-bold.svg');
    mask-image: url('icons/bold/list-bold.svg');
}

.ph-x {
    -webkit-mask-image: url('icons/bold/x-bold.svg');
    mask-image: url('icons/bold/x-bold.svg');
}

.ph-x-circle {
    -webkit-mask-image: url('icons/bold/x-circle-bold.svg');
    mask-image: url('icons/bold/x-circle-bold.svg');
}

.ph-check {
    -webkit-mask-image: url('icons/bold/check-bold.svg');
    mask-image: url('icons/bold/check-bold.svg');
}

.ph-check-circle {
    -webkit-mask-image: url('icons/bold/check-circle-bold.svg');
    mask-image: url('icons/bold/check-circle-bold.svg');
}

.ph-plus {
    -webkit-mask-image: url('icons/bold/plus-bold.svg');
    mask-image: url('icons/bold/plus-bold.svg');
}

.ph-plus-circle {
    -webkit-mask-image: url('icons/bold/plus-circle-bold.svg');
    mask-image: url('icons/bold/plus-circle-bold.svg');
}

.ph-minus {
    -webkit-mask-image: url('icons/bold/minus-bold.svg');
    mask-image: url('icons/bold/minus-bold.svg');
}

.ph-minus-circle {
    -webkit-mask-image: url('icons/bold/minus-circle-bold.svg');
    mask-image: url('icons/bold/minus-circle-bold.svg');
}

.ph-magnifying-glass {
    -webkit-mask-image: url('icons/bold/magnifying-glass-bold.svg');
    mask-image: url('icons/bold/magnifying-glass-bold.svg');
}

.ph-funnel {
    -webkit-mask-image: url('icons/bold/funnel-bold.svg');
    mask-image: url('icons/bold/funnel-bold.svg');
}

.ph-function {
    -webkit-mask-image: url('icons/bold/function-bold.svg');
    mask-image: url('icons/bold/function-bold.svg');
}

.ph-arrows-clockwise {
    -webkit-mask-image: url('icons/bold/arrows-clockwise-bold.svg');
    mask-image: url('icons/bold/arrows-clockwise-bold.svg');
}

.ph-arrow-clockwise {
    -webkit-mask-image: url('icons/bold/arrow-clockwise-bold.svg');
    mask-image: url('icons/bold/arrow-clockwise-bold.svg');
}

.ph-arrow-counter-clockwise {
    -webkit-mask-image: url('icons/bold/arrow-counter-clockwise-bold.svg');
    mask-image: url('icons/bold/arrow-counter-clockwise-bold.svg');
}

/* === Actions === */
.ph-pencil-simple {
    -webkit-mask-image: url('icons/bold/pencil-simple-bold.svg');
    mask-image: url('icons/bold/pencil-simple-bold.svg');
}

.ph-pencil {
    -webkit-mask-image: url('icons/bold/pencil-bold.svg');
    mask-image: url('icons/bold/pencil-bold.svg');
}

.ph-trash {
    -webkit-mask-image: url('icons/bold/trash-bold.svg');
    mask-image: url('icons/bold/trash-bold.svg');
}

.ph-trash-simple {
    -webkit-mask-image: url('icons/bold/trash-simple-bold.svg');
    mask-image: url('icons/bold/trash-simple-bold.svg');
}

.ph-floppy-disk {
    -webkit-mask-image: url('icons/bold/floppy-disk-bold.svg');
    mask-image: url('icons/bold/floppy-disk-bold.svg');
}

.ph-download-simple {
    -webkit-mask-image: url('icons/bold/download-simple-bold.svg');
    mask-image: url('icons/bold/download-simple-bold.svg');
}

.ph-download {
    -webkit-mask-image: url('icons/bold/download-bold.svg');
    mask-image: url('icons/bold/download-bold.svg');
}

.ph-upload-simple {
    -webkit-mask-image: url('icons/bold/upload-simple-bold.svg');
    mask-image: url('icons/bold/upload-simple-bold.svg');
}

.ph-upload {
    -webkit-mask-image: url('icons/bold/upload-bold.svg');
    mask-image: url('icons/bold/upload-bold.svg');
}

.ph-export {
    -webkit-mask-image: url('icons/bold/export-bold.svg');
    mask-image: url('icons/bold/export-bold.svg');
}

.ph-eraser {
    -webkit-mask-image: url('icons/bold/eraser-bold.svg');
    mask-image: url('icons/bold/eraser-bold.svg');
}

.ph-copy {
    -webkit-mask-image: url('icons/bold/copy-bold.svg');
    mask-image: url('icons/bold/copy-bold.svg');
}

/* === Files & Documents === */
.ph-file {
    -webkit-mask-image: url('icons/bold/file-bold.svg');
    mask-image: url('icons/bold/file-bold.svg');
}

.ph-file-text {
    -webkit-mask-image: url('icons/bold/file-text-bold.svg');
    mask-image: url('icons/bold/file-text-bold.svg');
}

.ph-file-xls {
    -webkit-mask-image: url('icons/bold/file-xls-bold.svg');
    mask-image: url('icons/bold/file-xls-bold.svg');
}

.ph-file-pdf {
    -webkit-mask-image: url('icons/bold/file-pdf-bold.svg');
    mask-image: url('icons/bold/file-pdf-bold.svg');
}

.ph-file-csv {
    -webkit-mask-image: url('icons/bold/file-csv-bold.svg');
    mask-image: url('icons/bold/file-csv-bold.svg');
}

.ph-file-arrow-down {
    -webkit-mask-image: url('icons/bold/file-arrow-down-bold.svg');
    mask-image: url('icons/bold/file-arrow-down-bold.svg');
}

.ph-file-arrow-up {
    -webkit-mask-image: url('icons/bold/file-arrow-up-bold.svg');
    mask-image: url('icons/bold/file-arrow-up-bold.svg');
}

.ph-files {
    -webkit-mask-image: url('icons/bold/files-bold.svg');
    mask-image: url('icons/bold/files-bold.svg');
}

.ph-folder {
    -webkit-mask-image: url('icons/bold/folder-bold.svg');
    mask-image: url('icons/bold/folder-bold.svg');
}

.ph-folder-open {
    -webkit-mask-image: url('icons/bold/folder-open-bold.svg');
    mask-image: url('icons/bold/folder-open-bold.svg');
}

.ph-folder-simple {
    -webkit-mask-image: url('icons/bold/folder-simple-bold.svg');
    mask-image: url('icons/bold/folder-simple-bold.svg');
}

/* === Calendar & Time === */
.ph-calendar {
    -webkit-mask-image: url('icons/bold/calendar-bold.svg');
    mask-image: url('icons/bold/calendar-bold.svg');
}

.ph-calendar-blank {
    -webkit-mask-image: url('icons/bold/calendar-blank-bold.svg');
    mask-image: url('icons/bold/calendar-blank-bold.svg');
}

.ph-calendar-check {
    -webkit-mask-image: url('icons/bold/calendar-check-bold.svg');
    mask-image: url('icons/bold/calendar-check-bold.svg');
}

.ph-calendar-dots {
    -webkit-mask-image: url('icons/bold/calendar-dots-bold.svg');
    mask-image: url('icons/bold/calendar-dots-bold.svg');
}

.ph-calendar-plus {
    -webkit-mask-image: url('icons/bold/calendar-plus-bold.svg');
    mask-image: url('icons/bold/calendar-plus-bold.svg');
}

.ph-clock {
    -webkit-mask-image: url('icons/bold/clock-bold.svg');
    mask-image: url('icons/bold/clock-bold.svg');
}

.ph-clock-clockwise {
    -webkit-mask-image: url('icons/bold/clock-clockwise-bold.svg');
    mask-image: url('icons/bold/clock-clockwise-bold.svg');
}

.ph-timer {
    -webkit-mask-image: url('icons/bold/timer-bold.svg');
    mask-image: url('icons/bold/timer-bold.svg');
}

.ph-hourglass {
    -webkit-mask-image: url('icons/bold/hourglass-bold.svg');
    mask-image: url('icons/bold/hourglass-bold.svg');
}

/* === Charts & Analytics === */
.ph-chart-line {
    -webkit-mask-image: url('icons/bold/chart-line-bold.svg');
    mask-image: url('icons/bold/chart-line-bold.svg');
}

.ph-chart-line-up {
    -webkit-mask-image: url('icons/bold/chart-line-up-bold.svg');
    mask-image: url('icons/bold/chart-line-up-bold.svg');
}

.ph-chart-line-down {
    -webkit-mask-image: url('icons/bold/chart-line-down-bold.svg');
    mask-image: url('icons/bold/chart-line-down-bold.svg');
}

.ph-chart-bar {
    -webkit-mask-image: url('icons/bold/chart-bar-bold.svg');
    mask-image: url('icons/bold/chart-bar-bold.svg');
}

.ph-chart-bar-horizontal {
    -webkit-mask-image: url('icons/bold/chart-bar-horizontal-bold.svg');
    mask-image: url('icons/bold/chart-bar-horizontal-bold.svg');
}

.ph-chart-pie {
    -webkit-mask-image: url('icons/bold/chart-pie-bold.svg');
    mask-image: url('icons/bold/chart-pie-bold.svg');
}

.ph-chart-donut {
    -webkit-mask-image: url('icons/bold/chart-donut-bold.svg');
    mask-image: url('icons/bold/chart-donut-bold.svg');
}

.ph-trend-up {
    -webkit-mask-image: url('icons/bold/trend-up-bold.svg');
    mask-image: url('icons/bold/trend-up-bold.svg');
}

.ph-trend-down {
    -webkit-mask-image: url('icons/bold/trend-down-bold.svg');
    mask-image: url('icons/bold/trend-down-bold.svg');
}

.ph-graph {
    -webkit-mask-image: url('icons/bold/graph-bold.svg');
    mask-image: url('icons/bold/graph-bold.svg');
}

/* === Inventory & Packaging === */
.ph-package {
    -webkit-mask-image: url('icons/bold/package-bold.svg');
    mask-image: url('icons/bold/package-bold.svg');
}

.ph-cube {
    -webkit-mask-image: url('icons/bold/cube-bold.svg');
    mask-image: url('icons/bold/cube-bold.svg');
}

.ph-archive {
    -webkit-mask-image: url('icons/bold/archive-bold.svg');
    mask-image: url('icons/bold/archive-bold.svg');
}

.ph-basket {
    -webkit-mask-image: url('icons/bold/basket-bold.svg');
    mask-image: url('icons/bold/basket-bold.svg');
}

.ph-tray {
    -webkit-mask-image: url('icons/bold/tray-bold.svg');
    mask-image: url('icons/bold/tray-bold.svg');
}

.ph-tray-arrow-down {
    -webkit-mask-image: url('icons/bold/tray-arrow-down-bold.svg');
    mask-image: url('icons/bold/tray-arrow-down-bold.svg');
}

.ph-tray-arrow-up {
    -webkit-mask-image: url('icons/bold/tray-arrow-up-bold.svg');
    mask-image: url('icons/bold/tray-arrow-up-bold.svg');
}

.ph-warehouse {
    -webkit-mask-image: url('icons/bold/warehouse-bold.svg');
    mask-image: url('icons/bold/warehouse-bold.svg');
}

.ph-barcode {
    -webkit-mask-image: url('icons/bold/barcode-bold.svg');
    mask-image: url('icons/bold/barcode-bold.svg');
}

.ph-scales {
    -webkit-mask-image: url('icons/bold/scales-bold.svg');
    mask-image: url('icons/bold/scales-bold.svg');
}

.ph-stack {
    -webkit-mask-image: url('icons/bold/stack-bold.svg');
    mask-image: url('icons/bold/stack-bold.svg');
}

/* === Users & People === */
.ph-user {
    -webkit-mask-image: url('icons/bold/user-bold.svg');
    mask-image: url('icons/bold/user-bold.svg');
}

.ph-user-circle {
    -webkit-mask-image: url('icons/bold/user-circle-bold.svg');
    mask-image: url('icons/bold/user-circle-bold.svg');
}

.ph-user-plus {
    -webkit-mask-image: url('icons/bold/user-plus-bold.svg');
    mask-image: url('icons/bold/user-plus-bold.svg');
}

.ph-user-minus {
    -webkit-mask-image: url('icons/bold/user-minus-bold.svg');
    mask-image: url('icons/bold/user-minus-bold.svg');
}

.ph-user-check {
    -webkit-mask-image: url('icons/bold/user-check-bold.svg');
    mask-image: url('icons/bold/user-check-bold.svg');
}

.ph-user-gear {
    -webkit-mask-image: url('icons/bold/user-gear-bold.svg');
    mask-image: url('icons/bold/user-gear-bold.svg');
}

.ph-users {
    -webkit-mask-image: url('icons/bold/users-bold.svg');
    mask-image: url('icons/bold/users-bold.svg');
}

.ph-users-three {
    -webkit-mask-image: url('icons/bold/users-three-bold.svg');
    mask-image: url('icons/bold/users-three-bold.svg');
}

.ph-identification-card {
    -webkit-mask-image: url('icons/bold/identification-card-bold.svg');
    mask-image: url('icons/bold/identification-card-bold.svg');
}

.ph-identification-badge {
    -webkit-mask-image: url('icons/bold/identification-badge-bold.svg');
    mask-image: url('icons/bold/identification-badge-bold.svg');
}

/* === Transportation & Logistics === */
.ph-truck {
    -webkit-mask-image: url('icons/bold/truck-bold.svg');
    mask-image: url('icons/bold/truck-bold.svg');
}

.ph-truck-trailer {
    -webkit-mask-image: url('icons/bold/truck-trailer-bold.svg');
    mask-image: url('icons/bold/truck-trailer-bold.svg');
}

.ph-car {
    -webkit-mask-image: url('icons/bold/car-bold.svg');
    mask-image: url('icons/bold/car-bold.svg');
}

.ph-van {
    -webkit-mask-image: url('icons/bold/van-bold.svg');
    mask-image: url('icons/bold/van-bold.svg');
}

.ph-map-pin {
    -webkit-mask-image: url('icons/bold/map-pin-bold.svg');
    mask-image: url('icons/bold/map-pin-bold.svg');
}

.ph-map-trifold {
    -webkit-mask-image: url('icons/bold/map-trifold-bold.svg');
    mask-image: url('icons/bold/map-trifold-bold.svg');
}

.ph-navigation-arrow {
    -webkit-mask-image: url('icons/bold/navigation-arrow-bold.svg');
    mask-image: url('icons/bold/navigation-arrow-bold.svg');
}

/* === Settings & Configuration === */
.ph-gear {
    -webkit-mask-image: url('icons/bold/gear-bold.svg');
    mask-image: url('icons/bold/gear-bold.svg');
}

.ph-gear-six {
    -webkit-mask-image: url('icons/bold/gear-six-bold.svg');
    mask-image: url('icons/bold/gear-six-bold.svg');
}

.ph-gear-fine {
    -webkit-mask-image: url('icons/bold/gear-fine-bold.svg');
    mask-image: url('icons/bold/gear-fine-bold.svg');
}

.ph-sliders {
    -webkit-mask-image: url('icons/bold/sliders-bold.svg');
    mask-image: url('icons/bold/sliders-bold.svg');
}

.ph-sliders-horizontal {
    -webkit-mask-image: url('icons/bold/sliders-horizontal-bold.svg');
    mask-image: url('icons/bold/sliders-horizontal-bold.svg');
}

.ph-wrench {
    -webkit-mask-image: url('icons/bold/wrench-bold.svg');
    mask-image: url('icons/bold/wrench-bold.svg');
}

.ph-toolbox {
    -webkit-mask-image: url('icons/bold/toolbox-bold.svg');
    mask-image: url('icons/bold/toolbox-bold.svg');
}

/* === Alerts & Status === */
.ph-warning {
    -webkit-mask-image: url('icons/bold/warning-bold.svg');
    mask-image: url('icons/bold/warning-bold.svg');
}

.ph-warning-circle {
    -webkit-mask-image: url('icons/bold/warning-circle-bold.svg');
    mask-image: url('icons/bold/warning-circle-bold.svg');
}

.ph-warning-octagon {
    -webkit-mask-image: url('icons/bold/warning-octagon-bold.svg');
    mask-image: url('icons/bold/warning-octagon-bold.svg');
}

.ph-info {
    -webkit-mask-image: url('icons/bold/info-bold.svg');
    mask-image: url('icons/bold/info-bold.svg');
}

.ph-question {
    -webkit-mask-image: url('icons/bold/question-bold.svg');
    mask-image: url('icons/bold/question-bold.svg');
}

.ph-prohibit {
    -webkit-mask-image: url('icons/bold/prohibit-bold.svg');
    mask-image: url('icons/bold/prohibit-bold.svg');
}

.ph-bell {
    -webkit-mask-image: url('icons/bold/bell-bold.svg');
    mask-image: url('icons/bold/bell-bold.svg');
}

.ph-bell-ringing {
    -webkit-mask-image: url('icons/bold/bell-ringing-bold.svg');
    mask-image: url('icons/bold/bell-ringing-bold.svg');
}

/* === Industry Specific (Oils/Margarines) === */
.ph-drop {
    -webkit-mask-image: url('icons/bold/drop-bold.svg');
    mask-image: url('icons/bold/drop-bold.svg');
}

.ph-drop-half {
    -webkit-mask-image: url('icons/bold/drop-half-bold.svg');
    mask-image: url('icons/bold/drop-half-bold.svg');
}

.ph-drop-half-bottom {
    -webkit-mask-image: url('icons/bold/drop-half-bottom-bold.svg');
    mask-image: url('icons/bold/drop-half-bottom-bold.svg');
}

.ph-drop-simple {
    -webkit-mask-image: url('icons/bold/drop-simple-bold.svg');
    mask-image: url('icons/bold/drop-simple-bold.svg');
}

.ph-flask {
    -webkit-mask-image: url('icons/bold/flask-bold.svg');
    mask-image: url('icons/bold/flask-bold.svg');
}

.ph-test-tube {
    -webkit-mask-image: url('icons/bold/test-tube-bold.svg');
    mask-image: url('icons/bold/test-tube-bold.svg');
}

.ph-factory {
    -webkit-mask-image: url('icons/bold/factory-bold.svg');
    mask-image: url('icons/bold/factory-bold.svg');
}

.ph-plant {
    -webkit-mask-image: url('icons/bold/plant-bold.svg');
    mask-image: url('icons/bold/plant-bold.svg');
}

.ph-grains {
    -webkit-mask-image: url('icons/bold/grains-bold.svg');
    mask-image: url('icons/bold/grains-bold.svg');
}

.ph-bread {
    -webkit-mask-image: url('icons/bold/bread-bold.svg');
    mask-image: url('icons/bold/bread-bold.svg');
}

.ph-bridge {
    -webkit-mask-image: url('icons/bold/bridge-bold.svg');
    mask-image: url('icons/bold/bridge-bold.svg');
}

.ph-cookie {
    -webkit-mask-image: url('icons/bold/cookie-bold.svg');
    mask-image: url('icons/bold/cookie-bold.svg');
}

.ph-fork-knife {
    -webkit-mask-image: url('icons/bold/fork-knife-bold.svg');
    mask-image: url('icons/bold/fork-knife-bold.svg');
}

/* === Tables & Data === */
.ph-table {
    -webkit-mask-image: url('icons/bold/table-bold.svg');
    mask-image: url('icons/bold/table-bold.svg');
}

.ph-grid-four {
    -webkit-mask-image: url('icons/bold/grid-four-bold.svg');
    mask-image: url('icons/bold/grid-four-bold.svg');
}

.ph-grid-nine {
    -webkit-mask-image: url('icons/bold/grid-nine-bold.svg');
    mask-image: url('icons/bold/grid-nine-bold.svg');
}

.ph-rows {
    -webkit-mask-image: url('icons/bold/rows-bold.svg');
    mask-image: url('icons/bold/rows-bold.svg');
}

.ph-columns {
    -webkit-mask-image: url('icons/bold/columns-bold.svg');
    mask-image: url('icons/bold/columns-bold.svg');
}

.ph-list-bullets {
    -webkit-mask-image: url('icons/bold/list-bullets-bold.svg');
    mask-image: url('icons/bold/list-bullets-bold.svg');
}

.ph-list-numbers {
    -webkit-mask-image: url('icons/bold/list-numbers-bold.svg');
    mask-image: url('icons/bold/list-numbers-bold.svg');
}

.ph-list-checks {
    -webkit-mask-image: url('icons/bold/list-checks-bold.svg');
    mask-image: url('icons/bold/list-checks-bold.svg');
}

.ph-list-dashes {
    -webkit-mask-image: url('icons/bold/list-dashes-bold.svg');
    mask-image: url('icons/bold/list-dashes-bold.svg');
}

/* === Authentication === */
.ph-sign-in {
    -webkit-mask-image: url('icons/bold/sign-in-bold.svg');
    mask-image: url('icons/bold/sign-in-bold.svg');
}

.ph-sign-out {
    -webkit-mask-image: url('icons/bold/sign-out-bold.svg');
    mask-image: url('icons/bold/sign-out-bold.svg');
}

.ph-lock {
    -webkit-mask-image: url('icons/bold/lock-bold.svg');
    mask-image: url('icons/bold/lock-bold.svg');
}

.ph-lock-open {
    -webkit-mask-image: url('icons/bold/lock-open-bold.svg');
    mask-image: url('icons/bold/lock-open-bold.svg');
}

.ph-lock-key {
    -webkit-mask-image: url('icons/bold/lock-key-bold.svg');
    mask-image: url('icons/bold/lock-key-bold.svg');
}

.ph-lock-simple {
    -webkit-mask-image: url('icons/bold/lock-simple-bold.svg');
    mask-image: url('icons/bold/lock-simple-bold.svg');
}

.ph-lock-simple-open {
    -webkit-mask-image: url('icons/bold/lock-simple-open-bold.svg');
    mask-image: url('icons/bold/lock-simple-open-bold.svg');
}

.ph-key {
    -webkit-mask-image: url('icons/bold/key-bold.svg');
    mask-image: url('icons/bold/key-bold.svg');
}

.ph-password {
    -webkit-mask-image: url('icons/bold/password-bold.svg');
    mask-image: url('icons/bold/password-bold.svg');
}

.ph-shield {
    -webkit-mask-image: url('icons/bold/shield-bold.svg');
    mask-image: url('icons/bold/shield-bold.svg');
}

.ph-shield-check {
    -webkit-mask-image: url('icons/bold/shield-check-bold.svg');
    mask-image: url('icons/bold/shield-check-bold.svg');
}

/* === Arrows & Direction === */
.ph-arrow-up {
    -webkit-mask-image: url('icons/bold/arrow-up-bold.svg');
    mask-image: url('icons/bold/arrow-up-bold.svg');
}

.ph-arrow-down {
    -webkit-mask-image: url('icons/bold/arrow-down-bold.svg');
    mask-image: url('icons/bold/arrow-down-bold.svg');
}

.ph-arrow-left {
    -webkit-mask-image: url('icons/bold/arrow-left-bold.svg');
    mask-image: url('icons/bold/arrow-left-bold.svg');
}

.ph-arrow-right {
    -webkit-mask-image: url('icons/bold/arrow-right-bold.svg');
    mask-image: url('icons/bold/arrow-right-bold.svg');
}

.ph-caret-up {
    -webkit-mask-image: url('icons/bold/caret-up-bold.svg');
    mask-image: url('icons/bold/caret-up-bold.svg');
}

.ph-caret-down {
    -webkit-mask-image: url('icons/bold/caret-down-bold.svg');
    mask-image: url('icons/bold/caret-down-bold.svg');
}

.ph-caret-left {
    -webkit-mask-image: url('icons/bold/caret-left-bold.svg');
    mask-image: url('icons/bold/caret-left-bold.svg');
}

.ph-caret-right {
    -webkit-mask-image: url('icons/bold/caret-right-bold.svg');
    mask-image: url('icons/bold/caret-right-bold.svg');
}

.ph-arrows-left-right {
    -webkit-mask-image: url('icons/bold/arrows-left-right-bold.svg');
    mask-image: url('icons/bold/arrows-left-right-bold.svg');
}

.ph-arrows-down-up {
    -webkit-mask-image: url('icons/bold/arrows-down-up-bold.svg');
    mask-image: url('icons/bold/arrows-down-up-bold.svg');
}

.ph-arrows-out {
    -webkit-mask-image: url('icons/bold/arrows-out-bold.svg');
    mask-image: url('icons/bold/arrows-out-bold.svg');
}

.ph-arrows-in {
    -webkit-mask-image: url('icons/bold/arrows-in-bold.svg');
    mask-image: url('icons/bold/arrows-in-bold.svg');
}

/* === Eye & Visibility === */
.ph-eye {
    -webkit-mask-image: url('icons/bold/eye-bold.svg');
    mask-image: url('icons/bold/eye-bold.svg');
}

.ph-eye-slash {
    -webkit-mask-image: url('icons/bold/eye-slash-bold.svg');
    mask-image: url('icons/bold/eye-slash-bold.svg');
}

.ph-eye-closed {
    -webkit-mask-image: url('icons/bold/eye-closed-bold.svg');
    mask-image: url('icons/bold/eye-closed-bold.svg');
}

/* === Misc UI === */
.ph-circle {
    -webkit-mask-image: url('icons/bold/circle-bold.svg');
    mask-image: url('icons/bold/circle-bold.svg');
}

.ph-circle-half {
    -webkit-mask-image: url('icons/bold/circle-half-bold.svg');
    mask-image: url('icons/bold/circle-half-bold.svg');
}

.ph-square {
    -webkit-mask-image: url('icons/bold/square-bold.svg');
    mask-image: url('icons/bold/square-bold.svg');
}

.ph-dots-three {
    -webkit-mask-image: url('icons/bold/dots-three-bold.svg');
    mask-image: url('icons/bold/dots-three-bold.svg');
}

.ph-dots-three-vertical {
    -webkit-mask-image: url('icons/bold/dots-three-vertical-bold.svg');
    mask-image: url('icons/bold/dots-three-vertical-bold.svg');
}

.ph-dots-six {
    -webkit-mask-image: url('icons/bold/dots-six-bold.svg');
    mask-image: url('icons/bold/dots-six-bold.svg');
}

.ph-dots-nine {
    -webkit-mask-image: url('icons/bold/dots-nine-bold.svg');
    mask-image: url('icons/bold/dots-nine-bold.svg');
}

.ph-clipboard {
    -webkit-mask-image: url('icons/bold/clipboard-bold.svg');
    mask-image: url('icons/bold/clipboard-bold.svg');
}

.ph-clipboard-text {
    -webkit-mask-image: url('icons/bold/clipboard-text-bold.svg');
    mask-image: url('icons/bold/clipboard-text-bold.svg');
}

.ph-note {
    -webkit-mask-image: url('icons/bold/note-bold.svg');
    mask-image: url('icons/bold/note-bold.svg');
}

.ph-notepad {
    -webkit-mask-image: url('icons/bold/notepad-bold.svg');
    mask-image: url('icons/bold/notepad-bold.svg');
}

.ph-ruler {
    -webkit-mask-image: url('icons/bold/ruler-bold.svg');
    mask-image: url('icons/bold/ruler-bold.svg');
}

/* === Production & Manufacturing === */
.ph-receipt {
    -webkit-mask-image: url('icons/bold/receipt-bold.svg');
    mask-image: url('icons/bold/receipt-bold.svg');
}

.ph-invoice {
    -webkit-mask-image: url('icons/bold/invoice-bold.svg');
    mask-image: url('icons/bold/invoice-bold.svg');
}

.ph-money {
    -webkit-mask-image: url('icons/bold/money-bold.svg');
    mask-image: url('icons/bold/money-bold.svg');
}

.ph-currency-dollar {
    -webkit-mask-image: url('icons/bold/currency-dollar-bold.svg');
    mask-image: url('icons/bold/currency-dollar-bold.svg');
}

.ph-coins {
    -webkit-mask-image: url('icons/bold/coins-bold.svg');
    mask-image: url('icons/bold/coins-bold.svg');
}

.ph-shopping-cart {
    -webkit-mask-image: url('icons/bold/shopping-cart-bold.svg');
    mask-image: url('icons/bold/shopping-cart-bold.svg');
}

.ph-tag {
    -webkit-mask-image: url('icons/bold/tag-bold.svg');
    mask-image: url('icons/bold/tag-bold.svg');
}

.ph-seal-check {
    -webkit-mask-image: url('icons/bold/seal-check-bold.svg');
    mask-image: url('icons/bold/seal-check-bold.svg');
}

.ph-seal-warning {
    -webkit-mask-image: url('icons/bold/seal-warning-bold.svg');
    mask-image: url('icons/bold/seal-warning-bold.svg');
}

.ph-tree-structure {
    -webkit-mask-image: url('icons/bold/tree-structure-bold.svg');
    mask-image: url('icons/bold/tree-structure-bold.svg');
}

/* === Microsoft Office Compatible === */
.ph-microsoft-excel-logo {
    -webkit-mask-image: url('icons/bold/microsoft-excel-logo-bold.svg');
    mask-image: url('icons/bold/microsoft-excel-logo-bold.svg');
}

.ph-microsoft-word-logo {
    -webkit-mask-image: url('icons/bold/microsoft-word-logo-bold.svg');
    mask-image: url('icons/bold/microsoft-word-logo-bold.svg');
}

.ph-microsoft-powerpoint-logo {
    -webkit-mask-image: url('icons/bold/microsoft-powerpoint-logo-bold.svg');
    mask-image: url('icons/bold/microsoft-powerpoint-logo-bold.svg');
}

/* === Print & Export === */
.ph-printer {
    -webkit-mask-image: url('icons/bold/printer-bold.svg');
    mask-image: url('icons/bold/printer-bold.svg');
}

.ph-share {
    -webkit-mask-image: url('icons/bold/share-bold.svg');
    mask-image: url('icons/bold/share-bold.svg');
}

.ph-share-network {
    -webkit-mask-image: url('icons/bold/share-network-bold.svg');
    mask-image: url('icons/bold/share-network-bold.svg');
}

.ph-qr-code {
    -webkit-mask-image: url('icons/bold/qr-code-bold.svg');
    mask-image: url('icons/bold/qr-code-bold.svg');
}

/* === Buildings === */
.ph-building {
    -webkit-mask-image: url('icons/bold/building-bold.svg');
    mask-image: url('icons/bold/building-bold.svg');
}

.ph-buildings {
    -webkit-mask-image: url('icons/bold/buildings-bold.svg');
    mask-image: url('icons/bold/buildings-bold.svg');
}

.ph-storefront {
    -webkit-mask-image: url('icons/bold/storefront-bold.svg');
    mask-image: url('icons/bold/storefront-bold.svg');
}

.ph-bank {
    -webkit-mask-image: url('icons/bold/bank-bold.svg');
    mask-image: url('icons/bold/bank-bold.svg');
}

/* === Spinner/Loading === */
.ph-spinner {
    -webkit-mask-image: url('icons/bold/spinner-bold.svg');
    mask-image: url('icons/bold/spinner-bold.svg');
}

.ph-spinner-gap {
    -webkit-mask-image: url('icons/bold/spinner-gap-bold.svg');
    mask-image: url('icons/bold/spinner-gap-bold.svg');
}

.ph-circle-notch {
    -webkit-mask-image: url('icons/bold/circle-notch-bold.svg');
    mask-image: url('icons/bold/circle-notch-bold.svg');
}

/* === Approval States === */
.ph-thumbs-up {
    -webkit-mask-image: url('icons/bold/thumbs-up-bold.svg');
    mask-image: url('icons/bold/thumbs-up-bold.svg');
}

.ph-thumbs-down {
    -webkit-mask-image: url('icons/bold/thumbs-down-bold.svg');
    mask-image: url('icons/bold/thumbs-down-bold.svg');
}

.ph-hourglass {
    -webkit-mask-image: url('icons/bold/hourglass-bold.svg');
    mask-image: url('icons/bold/hourglass-bold.svg');
}

.ph-clock-countdown {
    -webkit-mask-image: url('icons/bold/clock-countdown-bold.svg');
    mask-image: url('icons/bold/clock-countdown-bold.svg');
}

/* === Power === */
.ph-power {
    -webkit-mask-image: url('icons/bold/power-bold.svg');
    mask-image: url('icons/bold/power-bold.svg');
}

/* === Additional Icons Found in Application === */
.ph-user-circle {
    -webkit-mask-image: url('icons/bold/user-circle-bold.svg');
    mask-image: url('icons/bold/user-circle-bold.svg');
}

.ph-checks {
    -webkit-mask-image: url('icons/bold/checks-bold.svg');
    mask-image: url('icons/bold/checks-bold.svg');
}

.ph-magic-wand {
    -webkit-mask-image: url('icons/bold/magic-wand-bold.svg');
    mask-image: url('icons/bold/magic-wand-bold.svg');
}

.ph-math-operations {
    -webkit-mask-image: url('icons/bold/math-operations-bold.svg');
    mask-image: url('icons/bold/math-operations-bold.svg');
}

.ph-play {
    -webkit-mask-image: url('icons/bold/play-bold.svg');
    mask-image: url('icons/bold/play-bold.svg');
}

.ph-sun {
    -webkit-mask-image: url('icons/bold/sun-bold.svg');
    mask-image: url('icons/bold/sun-bold.svg');
}

.ph-filter {
    -webkit-mask-image: url('icons/bold/funnel-bold.svg');
    mask-image: url('icons/bold/funnel-bold.svg');
}

.ph-caret-circle-left {
    -webkit-mask-image: url('icons/bold/caret-circle-left-bold.svg');
    mask-image: url('icons/bold/caret-circle-left-bold.svg');
}

.ph-caret-circle-right {
    -webkit-mask-image: url('icons/bold/caret-circle-right-bold.svg');
    mask-image: url('icons/bold/caret-circle-right-bold.svg');
}

.ph-calendar-x {
    -webkit-mask-image: url('icons/bold/calendar-x-bold.svg');
    mask-image: url('icons/bold/calendar-x-bold.svg');
}

.ph-calendar-event {
    -webkit-mask-image: url('icons/bold/calendar-dot-bold.svg');
    mask-image: url('icons/bold/calendar-dot-bold.svg');
}

.ph-calendar-week {
    -webkit-mask-image: url('icons/bold/calendar-bold.svg');
    mask-image: url('icons/bold/calendar-bold.svg');
}

.ph-clock-history {
    -webkit-mask-image: url('icons/bold/clock-counter-clockwise-bold.svg');
    mask-image: url('icons/bold/clock-counter-clockwise-bold.svg');
}

.ph-mouse {
    -webkit-mask-image: url('icons/bold/mouse-bold.svg');
    mask-image: url('icons/bold/mouse-bold.svg');
}

.ph-hand-pointing {
    -webkit-mask-image: url('icons/bold/hand-pointing-bold.svg');
    mask-image: url('icons/bold/hand-pointing-bold.svg');
}

.ph-link {
    -webkit-mask-image: url('icons/bold/link-bold.svg');
    mask-image: url('icons/bold/link-bold.svg');
}

.ph-link-break {
    -webkit-mask-image: url('icons/bold/link-break-bold.svg');
    mask-image: url('icons/bold/link-break-bold.svg');
}

.ph-sliders-horizontal {
    -webkit-mask-image: url('icons/bold/sliders-horizontal-bold.svg');
    mask-image: url('icons/bold/sliders-horizontal-bold.svg');
}

.ph-list-columns {
    -webkit-mask-image: url('icons/bold/columns-bold.svg');
    mask-image: url('icons/bold/columns-bold.svg');
}

.ph-pencil-square {
    -webkit-mask-image: url('icons/bold/note-pencil-bold.svg');
    mask-image: url('icons/bold/note-pencil-bold.svg');
}

.ph-note-pencil {
    -webkit-mask-image: url('icons/bold/note-pencil-bold.svg');
    mask-image: url('icons/bold/note-pencil-bold.svg');
}

.ph-arrow-fat-lines-right {
    -webkit-mask-image: url('icons/bold/arrow-fat-lines-right-bold.svg');
    mask-image: url('icons/bold/arrow-fat-lines-right-bold.svg');
}

.ph-arrow-fat-lines-left {
    -webkit-mask-image: url('icons/bold/arrow-fat-lines-left-bold.svg');
    mask-image: url('icons/bold/arrow-fat-lines-left-bold.svg');
}

.ph-check-fat {
    -webkit-mask-image: url('icons/bold/check-fat-bold.svg');
    mask-image: url('icons/bold/check-fat-bold.svg');
}

.ph-door-open {
    -webkit-mask-image: url('icons/bold/door-open-bold.svg');
    mask-image: url('icons/bold/door-open-bold.svg');
}

.ph-building-office {
    -webkit-mask-image: url('icons/bold/building-office-bold.svg');
    mask-image: url('icons/bold/building-office-bold.svg');
}

.ph-users-four {
    -webkit-mask-image: url('icons/bold/users-four-bold.svg');
    mask-image: url('icons/bold/users-four-bold.svg');
}

.ph-handshake {
    -webkit-mask-image: url('icons/bold/handshake-bold.svg');
    mask-image: url('icons/bold/handshake-bold.svg');
}

.ph-arrows-merge {
    -webkit-mask-image: url('icons/bold/arrows-merge-bold.svg');
    mask-image: url('icons/bold/arrows-merge-bold.svg');
}

.ph-check-square {
    -webkit-mask-image: url('icons/bold/check-square-bold.svg');
    mask-image: url('icons/bold/check-square-bold.svg');
}

.ph-address-book {
    -webkit-mask-image: url('icons/bold/address-book-bold.svg');
    mask-image: url('icons/bold/address-book-bold.svg');
}

.ph-kanban {
    -webkit-mask-image: url('icons/bold/kanban-bold.svg');
    mask-image: url('icons/bold/kanban-bold.svg');
}

.ph-credit-card {
    -webkit-mask-image: url('icons/bold/credit-card-bold.svg');
    mask-image: url('icons/bold/credit-card-bold.svg');
}

.ph-text-aa {
    -webkit-mask-image: url('icons/bold/text-aa-bold.svg');
    mask-image: url('icons/bold/text-aa-bold.svg');
}

.ph-x-square {
    -webkit-mask-image: url('icons/bold/x-square-bold.svg');
    mask-image: url('icons/bold/x-square-bold.svg');
}

.ph-pencil-line {
    -webkit-mask-image: url('icons/bold/pencil-line-bold.svg');
    mask-image: url('icons/bold/pencil-line-bold.svg');
}

.ph-sort-ascending {
    -webkit-mask-image: url('icons/bold/sort-ascending-bold.svg');
    mask-image: url('icons/bold/sort-ascending-bold.svg');
}

.ph-sort-descending {
    -webkit-mask-image: url('icons/bold/sort-descending-bold.svg');
    mask-image: url('icons/bold/sort-descending-bold.svg');
}

.ph-shuffle {
    -webkit-mask-image: url('icons/bold/shuffle-bold.svg');
    mask-image: url('icons/bold/shuffle-bold.svg');
}

.ph-text-aa {
    -webkit-mask-image: url('icons/bold/text-aa-bold.svg');
    mask-image: url('icons/bold/text-aa-bold.svg');
}

.ph-article {
    -webkit-mask-image: url('icons/bold/article-bold.svg');
    mask-image: url('icons/bold/article-bold.svg');
}

.ph-bookmark {
    -webkit-mask-image: url('icons/bold/bookmark-bold.svg');
    mask-image: url('icons/bold/bookmark-bold.svg');
}

.ph-faders {
    -webkit-mask-image: url('icons/bold/faders-bold.svg');
    mask-image: url('icons/bold/faders-bold.svg');
}

.ph-arrows-split {
    -webkit-mask-image: url('icons/bold/arrows-split-bold.svg');
    mask-image: url('icons/bold/arrows-split-bold.svg');
}

.ph-text-indent {
    -webkit-mask-image: url('icons/bold/text-indent-bold.svg');
    mask-image: url('icons/bold/text-indent-bold.svg');
}

.ph-number-square-one {
    -webkit-mask-image: url('icons/bold/number-square-one-bold.svg');
    mask-image: url('icons/bold/number-square-one-bold.svg');
}

.ph-hash {
    -webkit-mask-image: url('icons/bold/hash-bold.svg');
    mask-image: url('icons/bold/hash-bold.svg');
}

.ph-folder-plus {
    -webkit-mask-image: url('icons/bold/folder-plus-bold.svg');
    mask-image: url('icons/bold/folder-plus-bold.svg');
}

.ph-lightbulb {
    -webkit-mask-image: url('icons/bold/lightbulb-bold.svg');
    mask-image: url('icons/bold/lightbulb-bold.svg');
}

.ph-book-open {
    -webkit-mask-image: url('icons/bold/book-open-bold.svg');
    mask-image: url('icons/bold/book-open-bold.svg');
}

.ph-cloud-arrow-down {
    -webkit-mask-image: url('icons/bold/cloud-arrow-down-bold.svg');
    mask-image: url('icons/bold/cloud-arrow-down-bold.svg');
}

.ph-cloud-arrow-up {
    -webkit-mask-image: url('icons/bold/cloud-arrow-up-bold.svg');
    mask-image: url('icons/bold/cloud-arrow-up-bold.svg');
}

/* === Additional Icons - Final Batch === */
.ph-star {
    -webkit-mask-image: url('icons/bold/star-bold.svg');
    mask-image: url('icons/bold/star-bold.svg');
}

.ph-calculator {
    -webkit-mask-image: url('icons/bold/calculator-bold.svg');
    mask-image: url('icons/bold/calculator-bold.svg');
}

.ph-arrow-circle-right {
    -webkit-mask-image: url('icons/bold/arrow-circle-right-bold.svg');
    mask-image: url('icons/bold/arrow-circle-right-bold.svg');
}

.ph-arrow-circle-left {
    -webkit-mask-image: url('icons/bold/arrow-circle-left-bold.svg');
    mask-image: url('icons/bold/arrow-circle-left-bold.svg');
}

/* === Custom Application Icons === */
.ph-excel-seg {
    -webkit-mask-image: url('icons/bold/excel-file-type-seg.svg');
    mask-image: url('icons/bold/excel-file-type-seg.svg');
}

.ph-inventory {
    -webkit-mask-image: url('icons/bold/inventory-com.svg');
    mask-image: url('icons/bold/inventory-com.svg');
}

.ph-boxes-margarina {
    -webkit-mask-image: url('icons/bold/boxes-margarina-gestion.svg');
    mask-image: url('icons/bold/boxes-margarina-gestion.svg');
}

.ph-list-boxes-margarina {
    -webkit-mask-image: url('icons/bold/list-boxes-margarina.svg');
    mask-image: url('icons/bold/list-boxes-margarina.svg');
}

.ph-boxes-soya {
    -webkit-mask-image: url('icons/bold/boxes-soya_aceite-gestion.svg');
    mask-image: url('icons/bold/boxes-soya_aceite-gestion.svg');
}

.ph-list-boxes-soya {
    -webkit-mask-image: url('icons/bold/list-boxes-soya_aceite.svg');
    mask-image: url('icons/bold/list-boxes-soya_aceite.svg');
}

.ph-config-empaques {
    -webkit-mask-image: url('icons/bold/config-empaques-por-producto.svg');
    mask-image: url('icons/bold/config-empaques-por-producto.svg');
}

.ph-agg-consumo-empaques {
    -webkit-mask-image: url('icons/bold/agg-consumo-adicional-empaques.svg');
    mask-image: url('icons/bold/agg-consumo-adicional-empaques.svg');
}

.ph-visualizar-consumo-empaques {
    -webkit-mask-image: url('icons/bold/visualizar-consumo-cartoneria-envase.svg');
    mask-image: url('icons/bold/visualizar-consumo-cartoneria-envase.svg');
}

.ph-gestion-aditivos {
    -webkit-mask-image: url('icons/bold/gestion-consumo-aditivos.svg');
    mask-image: url('icons/bold/gestion-consumo-aditivos.svg');
}

.ph-config-formula-aditivo {
    -webkit-mask-image: url('icons/bold/config-formula-aditivo.svg');
    mask-image: url('icons/bold/config-formula-aditivo.svg');
}

.ph-gestion-liberacion-transito {
    -webkit-mask-image: url('icons/bold/gestion-liberacion-transito.svg');
    mask-image: url('icons/bold/gestion-liberacion-transito.svg');
}

/* === Transit Module Icons === */
.ph-truck {
    -webkit-mask-image: url('icons/bold/truck-bold.svg');
    mask-image: url('icons/bold/truck-bold.svg');
}

.ph-clock-counter-clockwise {
    -webkit-mask-image: url('icons/bold/clock-counter-clockwise-bold.svg');
    mask-image: url('icons/bold/clock-counter-clockwise-bold.svg');
}

.ph-stack {
    -webkit-mask-image: url('icons/bold/stack-bold.svg');
    mask-image: url('icons/bold/stack-bold.svg');
}

/* === Missing Icons - Added for GestionUsuarios === */
.ph-shield-star {
    -webkit-mask-image: url('icons/bold/shield-bold.svg');
    mask-image: url('icons/bold/shield-bold.svg');
}

.ph-shield-warning {
    -webkit-mask-image: url('icons/bold/warning-circle-bold.svg');
    mask-image: url('icons/bold/warning-circle-bold.svg');
}

.ph-arrow-fat-line-down {
    -webkit-mask-image: url('icons/bold/arrow-down-bold.svg');
    mask-image: url('icons/bold/arrow-down-bold.svg');
}

.ph-arrow-fat-line-up {
    -webkit-mask-image: url('icons/bold/arrow-up-bold.svg');
    mask-image: url('icons/bold/arrow-up-bold.svg');
}

.ph-arrow-u-down-left {
    -webkit-mask-image: url('icons/bold/arrow-down-left-bold.svg');
    mask-image: url('icons/bold/arrow-down-left-bold.svg');
}

.ph-arrow-u-up-right {
    -webkit-mask-image: url('icons/bold/arrow-up-right-bold.svg');
    mask-image: url('icons/bold/arrow-up-right-bold.svg');
}

/* === Missing Icons - Added for GestionarRemisiones === */
.ph-swap {
    -webkit-mask-image: url('icons/bold/swap-bold.svg');
    mask-image: url('icons/bold/swap-bold.svg');
}

.ph-pencil-simple-line {
    -webkit-mask-image: url('icons/bold/pencil-simple-line-bold.svg');
    mask-image: url('icons/bold/pencil-simple-line-bold.svg');
}

.ph-chat-text {
    -webkit-mask-image: url('icons/bold/chat-text-bold.svg');
    mask-image: url('icons/bold/chat-text-bold.svg');
}

.ph-split {
    -webkit-mask-image: url('icons/bold/split-bold.svg');
    mask-image: url('icons/bold/split-bold.svg');
}

.ph-arrow-square-out {
    -webkit-mask-image: url('icons/bold/arrow-square-out-bold.svg');
    mask-image: url('icons/bold/arrow-square-out-bold.svg');
}

.ph-arrow-square-in {
    -webkit-mask-image: url('icons/bold/arrow-square-in-bold.svg');
    mask-image: url('icons/bold/arrow-square-in-bold.svg');
}

/* Spinning animation for spinners */
.ph-spin {
    animation: ph-spin 1s linear infinite;
}

/* Chatbot icons */
.ph-chats-circle {
    mask-image: url('icons/bold/chats-circle-bold.svg');
}
.ph-robot {
    mask-image: url('icons/bold/robot-bold.svg');
}
.ph-paper-plane-tilt {
    mask-image: url('icons/bold/paper-plane-tilt-bold.svg');
}
.ph-heartbeat {
    mask-image: url('icons/bold/heartbeat-bold.svg');
}
.ph-lightning {
    mask-image: url('icons/bold/lightning-bold.svg');
}
.ph-gauge {
    mask-image: url('icons/bold/gauge-bold.svg');
}
.ph-plugs-connected {
    mask-image: url('icons/bold/plugs-connected-bold.svg');
}
.ph-database {
    mask-image: url('icons/bold/database-bold.svg');
}
.ph-speedometer {
    mask-image: url('icons/bold/speedometer-bold.svg');
}
.ph-sigma {
    mask-image: url('icons/bold/sigma-bold.svg');
}
.ph-percent {
    mask-image: url('icons/bold/percent-bold.svg');
}
.ph-activity {
    mask-image: url('icons/bold/activity-bold.svg');
}
.ph-git-fork {
    mask-image: url('icons/bold/git-fork-bold.svg');
}
.ph-globe {
    mask-image: url('icons/bold/globe-bold.svg');
}
.ph-globe-hemisphere-west {
    mask-image: url('icons/bold/globe-hemisphere-west-bold.svg');
}
.ph-snail {
    mask-image: url('icons/bold/snail-bold.svg');
}
.ph-ranking {
    mask-image: url('icons/bold/ranking-bold.svg');
}
.ph-bug {
    mask-image: url('icons/bold/bug-bold.svg');
}
.ph-calendar-start {
    mask-image: url('icons/bold/calendar-start-bold.svg');
}
.ph-calendar-end {
    mask-image: url('icons/bold/calendar-end-bold.svg');
}

.ph-arrow-down-left {
    -webkit-mask-image: url('icons/bold/arrow-down-left-bold.svg');
    mask-image: url('icons/bold/arrow-down-left-bold.svg');
}

.ph-arrow-up-right {
    -webkit-mask-image: url('icons/bold/arrow-up-right-bold.svg');
    mask-image: url('icons/bold/arrow-up-right-bold.svg');
}

@keyframes ph-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* Envelope Simple (agregado para envío de facturas por correo) */
.ph-envelope-simple {
    -webkit-mask-image: url('icons/bold/envelope-simple-bold.svg');
    mask-image: url('icons/bold/envelope-simple-bold.svg');
}