/* Shigro Icon Set Styles */
/* This file provides basic icon styling for the admin interface */

.tio-add:before { content: "+"; }
.tio-category:before { content: "📂"; }
.tio-folder-open:before { content: "📁"; }
.tio-image:before { content: "🖼️"; }
.tio-edit:before { content: "✏️"; }
.tio-delete:before { content: "🗑️"; }
.tio-eye:before { content: "👁️"; }
.tio-checkmark-circle:before { content: "✅"; }
.tio-clear:before { content: "❌"; }
.tio-upload:before { content: "📤"; }
.tio-download:before { content: "📥"; }
.tio-save:before { content: "💾"; }
.tio-settings:before { content: "⚙️"; }
.tio-user:before { content: "👤"; }
.tio-users:before { content: "👥"; }
.tio-home:before { content: "🏠"; }
.tio-dashboard:before { content: "📊"; }
.tio-shopping-cart:before { content: "🛒"; }
.tio-product:before { content: "📦"; }
.tio-order:before { content: "📋"; }
.tio-delivery:before { content: "🚚"; }
.tio-payment:before { content: "💳"; }
.tio-report:before { content: "📈"; }
.tio-notification:before { content: "🔔"; }
.tio-message:before { content: "💬"; }
.tio-calendar:before { content: "📅"; }
.tio-clock:before { content: "⏰"; }
.tio-star:before { content: "⭐"; }
.tio-heart:before { content: "❤️"; }
.tio-thumbs-up:before { content: "👍"; }
.tio-thumbs-down:before { content: "👎"; }
.tio-search:before { content: "🔍"; }
.tio-filter:before { content: "🔽"; }
.tio-sort:before { content: "🔄"; }
.tio-refresh:before { content: "🔄"; }
.tio-loading:before { content: "⌛"; }
.tio-warning:before { content: "⚠️"; }
.tio-info:before { content: "ℹ️"; }
.tio-success:before { content: "✅"; }
.tio-error:before { content: "❌"; }

/* Base icon styling */
[class^="tio-"]:before,
[class*=" tio-"]:before {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Icon sizes */
.tio-sm { font-size: 0.8em; }
.tio-lg { font-size: 1.5em; }
.tio-xl { font-size: 2em; }

/* Icon colors */
.tio-primary { color: #007bff; }
.tio-success { color: #28a745; }
.tio-warning { color: #ffc107; }
.tio-danger { color: #dc3545; }
.tio-info { color: #17a2b8; }
.tio-muted { color: #6c757d; }

/* Icon animations */
@keyframes tio-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.tio-spin {
    animation: tio-spin 2s infinite linear;
}

.tio-pulse {
    animation: tio-pulse 1s infinite;
}

@keyframes tio-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}