/* ============================================
   Icon Styles - Material Design Icons
   Using MDI font for consistent iconography
   ============================================ */

/* Material Design Icons Integration */
.mdi { font-family: 'Material Design Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; }

/* Icon sizes for different contexts */
.icon { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; }

.icon-small { width: 1rem; height: 1rem; }

.icon-large { width: 1.5rem; height: 1.5rem; }

/* Sidebar specific icon styles */
.sidebar-nav-item .mdi { font-size: 1.25rem; margin-right: 0.5rem; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }

.btn-logout .mdi { font-size: 1rem; margin-right: 0.5rem; }

/* Status card icons */
.status-card-icon .mdi { font-size: 1.5rem; color: var(--primary-color); }

/* Button icons */
.btn .mdi { font-size: 0.875rem; margin-right: 0.25rem; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .sidebar-nav-item .mdi { font-size: 1.5rem; margin-right: 0; }

    .sidebar-nav-item span { display: none; }
}

/* Alternative: Using specific MDI classes for common icons */
.mdi-view-dashboard::before { content: "\F0009"; }
.mdi-file-document::before { content: "\F0219"; }
.mdi-logout::before { content: "\F0343"; }
.mdi-account::before { content: "\F0004"; }
.mdi-currency-usd::before { content: "\F0192"; }
.mdi-chart-line::before { content: "\F0140"; }
.mdi-cash::before { content: "\F0148"; }
.mdi-file-chart::before { content: "\F0218"; }
.mdi-calculator::before { content: "\F00EC"; }
.mdi-arrow-right::before { content: "\F0142"; }
.mdi-eye::before { content: "\F01FB"; }
.mdi-download::before { content: "\F01DA"; }
.mdi-plus::before { content: "\F0145"; }
.mdi-minus::before { content: "\F0146"; }
.mdi-check::before { content: "\F012C"; }
.mdi-close::before { content: "\F0156"; }
.mdi-menu::before { content: "\F035C"; }
.mdi-settings::before { content: "\F0493"; }
.mdi-help::before { content: "\F01D7"; }
.mdi-information::before { content: "\F02FC"; }
.mdi-alert::before { content: "\F0026"; }
.mdi-success::before { content: "\F012C"; }
.mdi-warning::before { content: "\F0026"; }
.mdi-error::before { content: "\F0156"; }