.hidden {
    display: none !important;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/static/fonts/GoogleSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/static/fonts/GoogleSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/static/fonts/GoogleSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/static/fonts/GoogleSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/static/fonts/GoogleSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/static/fonts/GoogleSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/static/fonts/GoogleSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/static/fonts/GoogleSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


.conf-high {
    color: #16a34a;
    font-weight: 600;
}
.conf-mid {
    color: #ca8a04;
    font-weight: 600;
}
.conf-low {
    color: #ef4444;
    font-weight: 600;
}


body {
    font-family: 'Google Sans', sans-serif;
    min-height: 100vh;
    overflow-y: scroll;
}

input:disabled,
select:disabled,
textarea:disabled {
    background-color: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    color: #9ca3af !important;
    cursor: not-allowed;
    opacity: 1;
}

input:disabled::placeholder,
select:disabled::placeholder,
textarea:disabled::placeholder {
    color: #9ca3af;
}

details .summary-icon {
    transition: transform 0.3s ease-in-out;
}

details[open] .summary-icon {
    transform: rotate(180deg);
}