/* assets/css/admin.css */

.clikran-card-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.clikran-card-row label {
    display: flex;
    align-items: center;
    gap: 5px;
}
#clikran-icon-modal {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9999; display: none; justify-content: center; align-items: center;
}
.clikran-modal-overlay {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
}
.clikran-modal-content {
    background: #fff; padding: 20px; border-radius: 8px; max-width: 600px; width: 90%;
    z-index: 10000; position: relative;
}
.clikran-icon-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px; max-height: 300px; overflow-y: auto;
}
.clikran-icon-item {
    text-align: center; padding: 10px; border: 1px solid #ddd; border-radius: 6px;
    cursor: pointer; transition: all 0.2s;
}
.clikran-icon-item:hover {
    background: #f0f0f0;
}
.clikran-icon-item i {
    font-size: 24px; display: block; margin-bottom: 5px;
}