@layer bootstrap, ds;

@layer bootstrap {
    /* TODO: remove bootstrap when all views are migrated to designsystemet */
    #bootstrap-overrides pre{
        background-color: #F0F8FF;
        border-width: 2px;
        border-style: groove;
        padding: 5px;
    }

    #bootstrap-overrides fieldset {
        padding:16px;
        border-width: 2px;
        border-style: groove;
    }

    #bootstrap-overrides legend {
        margin-bottom:0px;
        max-width: 50%;
    }
}

body {
    font-family: "Inter", sans-serif;
    font-feature-settings: "cv05" 1; /* Enable lowercase l with tail */
}

@layer ds {
    textarea.ds-input {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 14px;
        text-align: left;
    }

    textarea.ds-input:read-only {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        color: #212529;
        background-color: #F0F8FF;
        font-size: 14px;
        text-align: left;
        resize: none;
    }

    textarea.ds-input:not([rows]) {
        field-sizing: content;
        height: var(--_ds-field-sizing);
    }

    .result-section-title {
        margin-top: 16px;
        margin-bottom: 8px;
    }

    .result-section-content {
        margin-bottom: 16px;
    }

    .result-section-menu {
        margin-top: 24px;
    }

    .certificate-details {
        color: #212529;
        background-color: #F0F8FF;
        border: 1px solid var(--ds-color-neutral-border-subtle, #b3b3b3);
        border-radius: 4px;
        padding: 12px;
        font-size: 14px;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }
}