/* ============================================================================
* AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
* ============================================================================
*
* file_id: 4a93cb01-8f1c-41f8-ae36-ed2d99794dff
* generated_timestamp: 2026-06-03T12:08:35.966743+00:00Z
* database_name: rezeptx_cdb
*
* ============================================================================
*/
@layer base {
/* fa-file-invoice-dollar (price lists) - solid */
.fa-file-invoice-dollar {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-list-ol (numbered lists) - solid */
.fa-list-ol {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
/* ====================================
ICONS.CSS - RezeptX Icon Library
====================================
Icons from Font Awesome Pro 7.1.0 (Light)
SVG-in-CSS using mask-image technique
USAGE (Font Awesome naming convention):
REFERENCES:
- Integration guide: .claude/skills/icons/SKILL.md
- Icon source: 3rd-party-products/font-collection/Font Awesome Icons/
*/
/* stylelint-disable property-no-vendor-prefix -- Safari requires -webkit-mask-* for SVG mask technique */
@layer base {
/* ====================================
BASE ICON CLASS (fa-solid)
==================================== */
.fa-solid {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentcolor;
vertical-align: -0.125em;
}
/* ====================================
BASE ICON CLASS (fa-thin)
==================================== */
.fa-thin {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentcolor;
vertical-align: -0.125em;
}
/* ====================================
BASE ICON CLASS (fa-light)
==================================== */
.fa-light {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentcolor;
vertical-align: -0.125em;
}
/* ====================================
STYLE MODIFIER (fa-sharp)
Sharp variant - used with fa-solid/fa-light
==================================== */
.fa-sharp {
/* Sharp is a style modifier, not a weight.
The actual icon SVG comes from sharp-* folders.
This class exists for FA naming convention compatibility. */
}
/* ====================================
CONTEXT-SPECIFIC SIZES
==================================== */
.icon-sidebar-menu {
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
}
.icon-mission-control-card {
width: 2.5rem;
height: 2.5rem;
}
.icon-header-action {
width: 1.75rem;
height: 1.75rem;
}
}
@layer base {
/* fa-boxes-packing (catalog products) - solid */
.fa-boxes-packing {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-layer-group (categories) - solid */
.fa-layer-group {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-folder-tree (Product Categories) - solid */
.fa-folder-tree {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-barcode (HMV numbers) - solid */
.fa-barcode {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-list (price lists) - solid */
.fa-list {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-bars (hamburger menu) - light */
.fa-bars {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-xmark (close) - light */
.fa-xmark {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-user (profile) - light */
.fa-user {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-magnifying-glass (search) - light */
.fa-magnifying-glass {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-calendar (date picker) - light */
.fa-calendar {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-calendar (date picker) - solid */
.fa-solid.fa-calendar {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-building (contractual partners) - solid */
.fa-building {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-people (patients) - solid */
.fa-people {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-syringe (supply requests) - solid */
.fa-syringe {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-cart-shopping (orders) - solid */
.fa-cart-shopping {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-file-prescription (prescriptions) - solid */
.fa-file-prescription {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-cloud-arrow-up (btm export) - solid */
.fa-cloud-arrow-up {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-square-euro (billing) - solid */
.fa-square-euro {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-user-doctor (doctor management) - solid */
.fa-user-doctor {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-grid-2 (dashboard) - solid */
.fa-grid-2 {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-circle-euro (credit notes) - solid */
.fa-circle-euro {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-bullseye (goals) - solid */
.fa-bullseye {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-boxes-stacked (inventory) - solid */
.fa-boxes-stacked {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-file-contract (contracts) - solid */
.fa-file-contract {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-circle-nodes (integrations) - solid */
.fa-circle-nodes {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-gear (settings) - solid */
.fa-gear {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-right-from-bracket (logout) - light */
.fa-right-from-bracket {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-car-building (contractual partners) - solid */
.fa-car-building {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-circle-check (success) - solid */
.fa-circle-check {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-circle-xmark (error) - solid */
.fa-circle-xmark {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-grip-dots (mission-control/dashboard) - 3x3 dot grid pattern */
.fa-grip-dots {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
.fa-heart {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.fa-chart-column {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.fa-head-side-speak {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.fa-comments {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.fa-file-invoice {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.fa-address-book {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.fa-messages {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
@layer base {
/* fa-grid (mission-control/dashboard) - 3x3 square grid */
.fa-grid {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-magnifying-glass (search) - solid weight override */
.fa-solid.fa-magnifying-glass {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
.fa-chevron-left {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.fa-chevron-right {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-user-tie (sales person management) - solid */
.fa-user-tie {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-sitemap (umbrella organization hierarchy) - solid */
.fa-sitemap {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-building-columns (kassenart / insurance institution types) - solid */
.fa-building-columns {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-tags (HMV product categories / tagging) - solid */
.fa-tags {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-user (patient/person icon) - solid */
.fa-user {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-user-plus (add new user) - solid */
.fa-user-plus {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
@layer base {
/* fa-shield-heart (insurance protection) - solid */
.fa-shield-heart {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-file-signature (contracts/agreements) - solid */
.fa-file-signature {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-users (admin users management) - solid */
.fa-users {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-file-medical (medical aid contracts) - solid */
.fa-file-medical {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-handshake (third party companies/partnerships) - solid */
.fa-handshake {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-book-medical (HMV directory) - solid */
.fa-book-medical {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-briefcase (sales accounts) - solid */
.fa-briefcase {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-clipboard-check (sales applications) - solid */
.fa-clipboard-check {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-prescription-bottle (pharmacies) - solid */
.fa-prescription-bottle {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-store (pharmacy chains) - solid */
.fa-store {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-stethoscope (medical practices) - solid */
.fa-stethoscope {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-people-group (sales teams) - solid */
.fa-people-group {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-map-location-dot (sales territories) - solid */
.fa-map-location-dot {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-calendar-check (sales visits) - solid */
.fa-calendar-check {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-eye (impersonation indicator) - solid */
.fa-eye {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-check (checkmark) - solid */
.fa-check {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* ====================================
DEVICE ICONS - Session Management
Light weight (Font Awesome Pro 7.1.0)
==================================== */
/* fa-desktop (computer monitor) - light */
.fa-desktop {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-mobile (smartphone) - light */
.fa-mobile {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-tablet (tablet device) - light */
.fa-tablet {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* ====================================
SALES ACCOUNT APPLICATION MODAL ICONS
Solid weight (Font Awesome Pro 7.1.0)
==================================== */
/* fa-user-injured (Patient) - solid */
.fa-user-injured {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-prescription-bottle-medical (Pharmacy) - solid */
.fa-prescription-bottle-medical {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-hospital (Care Provider) - solid */
.fa-hospital {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-location-dot (City) - solid */
.fa-location-dot {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-triangle-exclamation (Territory warning) - solid */
.fa-triangle-exclamation {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-arrow-right (Next button) - solid */
.fa-arrow-right {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-arrow-up-right-from-square (external link / go-to-record) - solid */
.fa-arrow-up-right-from-square {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-circle-plus (Create new account) - solid */
.fa-circle-plus {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}
@layer base {
/* fa-square-check (todos/completed items) - solid */
.fa-square-check {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-note-sticky (notes feature) - solid */
.fa-note-sticky {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-list-check (todo list) - solid */
.fa-list-check {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* fa-bell (reminders/notifications) - solid */
.fa-bell {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
}