/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-yxxwbw73b2] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-yxxwbw73b2] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Converter.razor.rz.scp.css */
/* Components/Pages/Converter.razor.css */

/* Αφαιρέσαμε το :root για να αποφύγουμε προβλήματα scope */

.page-container[b-9g7s356h6e] {
    background-color: #f4f6f9; /* dms-bg */
    min-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

.dms-card[b-9g7s356h6e] {
    border: none;
    border-radius: 12px;
    background: white;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 850px;
    overflow: hidden;
}

.dms-header[b-9g7s356h6e] {
    /* Βάζουμε το χρώμα καρφωτά για σιγουριά */
    background: linear-gradient(135deg, #0f2e4a 0%, #1a4366 100%);
    color: white;
    padding: 2.5rem;
    text-align: center;
}

    .dms-header h2[b-9g7s356h6e] {
        font-weight: 700;
        margin: 0;
        letter-spacing: -0.5px;
        color: white; /* Force white text */
    }

    .dms-header small[b-9g7s356h6e] {
        opacity: 0.8;
        letter-spacing: 1.5px;
        font-size: 0.75rem;
        text-transform: uppercase;
        display: block;
        margin-top: 0.5rem;
        color: white;
    }

/* Tabs Styling */
.dms-tabs[b-9g7s356h6e] {
    border-bottom: 2px solid #e9ecef;
    margin-bottom: 2rem;
    /* Αφαιρεί τις τελείες της λίστας αν το Bootstrap αργήσει να φορτώσει */
    list-style: none;
    padding-left: 0;
}

    .dms-tabs .nav-link[b-9g7s356h6e] {
        color: #6c757d;
        font-weight: 600;
        padding: 1rem;
        border: none;
        border-bottom: 3px solid transparent;
        transition: all 0.3s;
        background: none; /* Reset button styles */
    }

        .dms-tabs .nav-link.active[b-9g7s356h6e] {
            color: #0f2e4a; /* dms-navy */
            border-bottom-color: #0f2e4a;
            background: transparent;
        }

        .dms-tabs .nav-link:hover:not(.active)[b-9g7s356h6e] {
            color: #0056b3; /* dms-blue */
            background-color: rgba(0,0,0,0.02);
        }

/* Button Styling */
.btn-dms[b-9g7s356h6e] {
    background-color: #0f2e4a; /* dms-navy */
    color: white;
    padding: 14px;
    font-size: 1.1rem;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
}

    .btn-dms:hover:not(:disabled)[b-9g7s356h6e] {
        background-color: #0056b3; /* dms-blue */
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 86, 179, 0.3);
    }

    .btn-dms:disabled[b-9g7s356h6e] {
        background-color: #bdc3c7;
        cursor: not-allowed;
    }

.upload-box[b-9g7s356h6e] {
    border: 2px dashed #cbd5e0;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    background: #f8fafc;
    transition: border-color 0.3s;
}

    .upload-box:hover[b-9g7s356h6e] {
        border-color: #0056b3; /* dms-blue */
    }