@font-face {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Tinos-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Tinos';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Tinos-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/Tinos-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Tinos';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/Tinos-BoldItalic.ttf') format('truetype');
}

/* Copy flash animation for summary sections */
.copy-flash {
    animation: copy-highlight 0.8s ease-in-out;
    border-radius: 4px;
}

@keyframes copy-highlight {
    0% {
        background-color: transparent;
    }
    30% {
        background-color: rgba(89, 74, 226, 0.18);
    }
    100% {
        background-color: transparent;
    }
}

/* Small icon button size override */
.mud-icon-button.mud-button-root.mud-icon-button-size-small {
    width: 24px;
    height: 24px;
    padding: 2px;
}

.mud-icon-button.mud-button-root.mud-icon-button-size-small .mud-icon-root {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

/* Compact tab labels */
.mud-tab {
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 0.85rem !important;
}