/**
 * Fluent UI Icons Integration
 */

/* Import Fluent UI Icons font */
@import url('https://static2.sharepointonline.com/files/fabric/assets/icons/segoeui-fluent-icons/fonts/segoe-fluent-icons.css');

/* Fluent Icons Base Class */
.ms-Icon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'FabricMDL2Icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
}

/* Icon mappings per le sezioni */
.ms-Icon--Car:before { content: "\E804"; }
.ms-Icon--Home:before { content: "\E80F"; }
.ms-Icon--Shield:before { content: "\E730"; }
.ms-Icon--Health:before { content: "\E95E"; }
.ms-Icon--Money:before { content: "\E8C7"; }
.ms-Icon--Contact:before { content: "\E77B"; }
.ms-Icon--Work:before { content: "\E821"; }
.ms-Icon--CityNext:before { content: "\EC06"; }

/* Icone per i tipi di campo */
.ms-Icon--TextField:before { content: "\EDC3"; }
.ms-Icon--NumberField:before { content: "\EDC4"; }
.ms-Icon--RadioButton:before { content: "\E915"; }
.ms-Icon--CheckboxComposite:before { content: "\E73A"; }
.ms-Icon--Dropdown:before { content: "\E8FD"; }
.ms-Icon--MultilineText:before { content: "\EDC2"; }

/* Icone per azioni */
.ms-Icon--Edit:before { content: "\E70F"; }
.ms-Icon--Delete:before { content: "\E74D"; }
.ms-Icon--Copy:before { content: "\E8C8"; }
.ms-Icon--Settings:before { content: "\E713"; }
.ms-Icon--Add:before { content: "\E710"; }
.ms-Icon--ChevronLeft:before { content: "\E76B"; }
.ms-Icon--ChevronRight:before { content: "\E76C"; }
.ms-Icon--CheckMark:before { content: "\E73E"; }
.ms-Icon--Undo:before { content: "\E7A7"; }
.ms-Icon--Redo:before { content: "\E7A6"; }
.ms-Icon--Preview:before { content: "\E8FF"; }
.ms-Icon--Save:before { content: "\E74E"; }
.ms-Icon--Upload:before { content: "\E898"; }
.ms-Icon--Cancel:before { content: "\E711"; }
.ms-Icon--Info:before { content: "\E946"; }
.ms-Icon--BranchFork2:before { content: "\EBC4"; }
.ms-Icon--TestBeaker:before { content: "\EC28"; }
.ms-Icon--Flow:before { content: "\EF90"; }

/* Dimensioni icone */
.ms-Icon--xs {
    font-size: 10px;
}

.ms-Icon--s {
    font-size: 12px;
}

.ms-Icon--m {
    font-size: 16px;
}

.ms-Icon--l {
    font-size: 20px;
}

.ms-Icon--xl {
    font-size: 24px;
}

.ms-Icon--xxl {
    font-size: 32px;
}

/* Stili per icone nelle sezioni */
.riskass-section-icon .ms-Icon {
    font-size: 24px;
    line-height: 48px;
}

/* Override per builder */
.riskass-builder-container .ms-Icon {
    vertical-align: middle;
}

/* Animazioni */
.ms-Icon--spin {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}