/* SVG Icons - Modern and Consistent with Project Colors */

/* Calculator Icon */
.icon-calculator {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M7 6h10M7 10h3M12 10h2M16 10h1M7 14h3M12 14h2M16 14h1M7 18h10' stroke='%237868E6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Calendar Icon */
.icon-calendar {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M3 10h18M8 2v4M16 2v4' stroke='%237868E6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Check Icon */
.icon-check {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%234CAF50' stroke-width='2' fill='%23E8F5E8'/%3E%3Cpath d='M8 12l2 2 4-4' stroke='%234CAF50' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Question Icon */
.icon-question {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M9 9c0-1.7 1.3-3 3-3s3 1.3 3 3c0 1.5-1 2-2 3v1M12 17h.01' stroke='%237868E6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Briefcase Icon */
.icon-briefcase {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2' y='7' width='20' height='14' rx='2' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M8 7V5c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2v2M2 12h20' stroke='%237868E6' stroke-width='2'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* User Icon */
.icon-user {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='8' r='4' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M4 20c0-4 3.5-6 8-6s8 2 8 6' stroke='%237868E6' stroke-width='2' stroke-linecap='round' fill='%23B8B5FF'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Building Icon */
.icon-building {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='4' y='2' width='16' height='20' rx='1' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M8 6h2M14 6h2M8 10h2M14 10h2M8 14h2M14 14h2M10 22v-4h4v4' stroke='%237868E6' stroke-width='1.5'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Money Icon */
.icon-money {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M12 6v12M9 9c0-1 1-2 3-2s3 1 3 3-1 2-3 2-3 1-3 3 1 3 3 3 3-1 3-2' stroke='%237868E6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Baby Icon */
.icon-baby {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='9' r='4' stroke='%23FFB4B4' stroke-width='2' fill='%23FFE4E4'/%3E%3Cpath d='M6 20c0-3 2.5-5 6-5s6 2 6 5M9 9h.01M15 9h.01' stroke='%23FFB4B4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Clock Icon */
.icon-clock {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M12 6v6l4 2' stroke='%237868E6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Clipboard Icon */
.icon-clipboard {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='5' y='4' width='14' height='18' rx='2' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M9 2h6v2H9z' fill='%237868E6'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h4' stroke='%237868E6' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Sparkles Icon */
.icon-sparkles {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2l1.5 4.5L18 8l-4.5 1.5L12 14l-1.5-4.5L6 8l4.5-1.5zM18 14l1 3 3 1-3 1-1 3-1-3-3-1 3-1z' fill='%23FFD700' stroke='%23FFA726' stroke-width='1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Star Icon */
.icon-star {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z' fill='%23FFD700' stroke='%23FFA726' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Document Icon */
.icon-document {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h8M8 9h3' stroke='%237868E6' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Lightning Icon */
.icon-lightning {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13 2L3 14h8l-1 8 10-12h-8l1-8z' fill='%23FFD700' stroke='%23FFA726' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Arrow Up Icon */
.icon-arrow-up {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' stroke='%237868E6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Refresh Icon */
.icon-refresh {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0115.5-8.5l4 4M22 12.5a10 10 0 01-15.5 8.5l-4-4' stroke='%237868E6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Print Icon */
.icon-print {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9V2h12v7M6 18H4c-1.1 0-2-.9-2-2v-5c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2v5c0 1.1-.9 2-2 2h-2' stroke='%237868E6' stroke-width='2'/%3E%3Crect x='6' y='14' width='12' height='8' rx='1' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Warning Icon */
.icon-warning {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.3 3.3L2 17c-.7 1.2.2 2.7 1.7 2.7h16.6c1.5 0 2.4-1.5 1.7-2.7l-8.3-13.7c-.8-1.2-2.6-1.2-3.4 0z' fill='%23FFF3E0' stroke='%23FF9800' stroke-width='2'/%3E%3Cpath d='M12 9v4M12 17h.01' stroke='%23FF9800' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Info Icon */
.icon-info {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%239E9E9E' stroke-width='2' fill='%23F5F5F5'/%3E%3Cpath d='M12 8h.01M12 11v6' stroke='%239E9E9E' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Pin Icon */
.icon-pin {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.3 7 13 7 13s7-7.7 7-13c0-3.9-3.1-7-7-7z' fill='%23FFB4B4' stroke='%23FF6B6B' stroke-width='2'/%3E%3Ccircle cx='12' cy='9' r='2.5' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Lock Icon */
.icon-lock {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='5' y='11' width='14' height='11' rx='2' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M8 11V7c0-2.2 1.8-4 4-4s4 1.8 4 4v4' stroke='%237868E6' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='16' r='1.5' fill='%237868E6'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Government Building Icon */
.icon-government {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3l10 5v2H2V8l10-5zM4 21h16M5 10v11M9 10v11M15 10v11M19 10v11M2 21h20' stroke='%237868E6' stroke-width='2' stroke-linecap='round' fill='%23E4FBFF'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Laptop Icon */
.icon-laptop {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='4' width='18' height='12' rx='2' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M1 18h22l-1 2c-.3.5-.8 1-1.5 1h-17c-.7 0-1.2-.5-1.5-1l-1-2z' fill='%23B8B5FF' stroke='%237868E6' stroke-width='2'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Home Icon */
.icon-home {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 9l9-7 9 7v11c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V9z' stroke='%237868E6' stroke-width='2' fill='%23E4FBFF'/%3E%3Cpath d='M9 22V12h6v10' stroke='%237868E6' stroke-width='2'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Icon Sizes */
.icon-large {
    width: 40px !important;
    height: 40px !important;
}

.icon-medium {
    width: 28px !important;
    height: 28px !important;
}

.icon-small {
    width: 18px !important;
    height: 18px !important;
}

/* Default Icon Sizes by Context */
.nav-icon i {
    width: 20px;
    height: 20px;
}

.label-icon i {
    width: 22px;
    height: 22px;
}

.section-icon i {
    width: 40px;
    height: 40px;
}

.divider-icon i {
    width: 26px;
    height: 26px;
}

.btn-icon i {
    width: 22px;
    height: 22px;
}

.checkbox-icon i {
    width: 24px;
    height: 24px;
}

.notice-icon i {
    width: 32px;
    height: 32px;
}

.empty-icon i {
    width: 64px;
    height: 64px;
}

.quick-action-item span:first-child i {
    width: 20px;
    height: 20px;
}

/* Responsive Icon Sizes */
@media (max-width: 768px) {
    .section-icon i {
        width: 36px !important;
        height: 36px !important;
    }

    .notice-icon i {
        width: 28px !important;
        height: 28px !important;
    }

    .empty-icon i {
        width: 56px !important;
        height: 56px !important;
    }

    .divider-icon i {
        width: 24px !important;
        height: 24px !important;
    }
}

@media (max-width: 480px) {
    .section-icon i {
        width: 32px !important;
        height: 32px !important;
    }

    .label-icon i {
        width: 20px !important;
        height: 20px !important;
    }

    .notice-icon i {
        width: 26px !important;
        height: 26px !important;
    }

    .empty-icon i {
        width: 48px !important;
        height: 48px !important;
    }

    .checkbox-icon i {
        width: 22px !important;
        height: 22px !important;
    }

    .btn-icon i {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 375px) {
    .section-icon i {
        width: 30px !important;
        height: 30px !important;
    }

    .label-icon i {
        width: 19px !important;
        height: 19px !important;
    }

    .notice-icon i {
        width: 24px !important;
        height: 24px !important;
    }

    .empty-icon i {
        width: 44px !important;
        height: 44px !important;
    }

    .divider-icon i {
        width: 22px !important;
        height: 22px !important;
    }
}

@media (max-width: 320px) {
    .section-icon i {
        width: 28px !important;
        height: 28px !important;
    }

    .label-icon i {
        width: 18px !important;
        height: 18px !important;
    }

    .notice-icon i {
        width: 22px !important;
        height: 22px !important;
    }

    .empty-icon i {
        width: 40px !important;
        height: 40px !important;
    }

    .checkbox-icon i {
        width: 20px !important;
        height: 20px !important;
    }

    .btn-icon i {
        width: 18px !important;
        height: 18px !important;
    }

    .divider-icon i {
        width: 20px !important;
        height: 20px !important;
    }
}