/*
 * Orange Theme for XAF Blazor Application
 * Modern, refined CSS implementation based on best practices
 * Version: 1.0
 */

/* Import all component styles */
@import url('./_variable.css');
@import url('./_elements.css');
@import url('./_layout.css');
@import url('./_header.css');
@import url('./_sidebar.css');
@import url('./_table.css');
@import url('./_button.css');
@import url('./_loading.css');
@import url('./_logon.css');
@import url('./_dashboard.css');
@import url('./_report.css');
@import url('./_customize.css');

/* Base styles */
* {
    box-sizing: border-box;
}

body {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Force font family on all inputs and form controls */
input,
textarea,
select,
button,
.dxbl-text-edit-input,
.dxbl-text-edit,
.dxbl-btn,
.dxbl-combobox,
.dxbl-dropdown,
.dxbl-listbox,
.dxbl-grid,
.dxbl-tabs,
.dxbl-tabs-item,
.dxbl-tabs-text-overflow,
.xaf-tab-header-template {
    font-family: var(--bs-body-font-family) !important;
}

/* Specific DevExpress input styling */
.dxbl-text-edit-input {
    font-family: var(--bs-body-font-family) !important;
    font-size: 0.875rem !important;
}

.dxbl-text-edit > input,
.dxbl-text-edit > textarea {
    font-family: var(--bs-body-font-family) !important;
    font-size: 0.875rem !important;
}

/* Improve text rendering */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

/* Link styles */
a {
    color: var(--bs-primary);
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}

a:hover {
    color: var(--bs-primary-lighten);
}

/* Focus styles for accessibility */
*:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* Utility classes */
.text-primary {
    color: var(--bs-primary) !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-base {
    background-color: var(--bs-base) !important;
}

.rounded {
    border-radius: var(--bs-box-radius) !important;
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow {
    box-shadow: var(--bs-box-shadow) !important;
}

/* Smooth transitions */
.dxbl-btn,
.dxbl-text-edit,
.dxbl-tabs-item,
.dxbl-accordion-item-content {
    transition: all 0.15s ease-in-out;
}