/* Windows desktop ERP skin */
html,
body {
    background: #d5dbe3;
    color: #1f1f1f;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    font-size: 13px;
}

.vario-topbar,
.vario-hero,
.vario-page-title,
.vario-panel,
.vario-module-card,
.vario-login-card {
    border-radius: 0;
    box-shadow: none;
}

.vario-win-workbench {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-height: calc(100vh - 68px);
    background: #eef1f4;
    border: 1px solid #98a4b2;
}

.vario-document-register-workbench {
    grid-template-rows: auto minmax(0, 1fr);
}

.vario-win-document-tabs {
    display: flex;
    align-items: flex-end;
    gap: 0;
    min-height: 30px;
    padding: 0.24rem 0.35rem 0;
    overflow-x: auto;
    overflow-y: hidden;
    background: #d9dee6;
    border-bottom: 1px solid #7f8fa0;
}

.vario-win-tab {
    flex: 0 0 auto;
    min-width: 124px;
    height: 27px;
    padding: 0.28rem 0.65rem;
    color: #334155;
    background: #dce3eb;
    border: 1px solid #98a4b2;
    border-bottom: 0;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.vario-win-commandbar {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 36px;
    padding: 0.28rem 0.4rem;
    background: linear-gradient(#ffffff, #dce3eb);
    border-bottom: 1px solid #98a4b2;
}

.vario-win-commandbar .btn {
    min-height: 26px;
    padding: 0.18rem 0.52rem;
    color: #1f2937;
    background: #f8fafc;
    border: 1px solid #7f8fa0;
    border-radius: 0;
    font-size: 0.8rem;
    font-weight: 700;
}

.vario-win-commandbar .btn-primary {
    color: #ffffff;
    background: #2b579a;
    border-color: #1f4e79;
}

.vario-win-commandbar .btn:hover {
    background: #e5f0ff;
    border-color: #5f8fc5;
}

.vario-win-commandbar .btn-primary:hover {
    background: #1f4e79;
}

.vario-document-commandbar {
    flex-wrap: wrap;
    gap: 0.4rem;
}

.vario-document-type-picker {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
}

.vario-document-type-picker span {
    color: #475569;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

.vario-document-type-picker .form-select {
    width: min(360px, 42vw);
    min-height: 26px;
    padding: 0.1rem 1.8rem 0.1rem 0.35rem;
    border-radius: 0;
    font-size: 0.8rem;
    font-weight: 650;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3e%3cpath d='M3.5 5.25 7 8.75l3.5-3.5' fill='none' stroke='%23111827' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.45rem center;
    background-size: 14px 14px;
}

.vario-win-command-separator {
    width: 1px;
    height: 22px;
    margin: 0 0.25rem;
    background: #b7c0ca;
}

.vario-win-filterbar {
    padding: 0.35rem;
    background: #e8edf3;
    border-bottom: 1px solid #c3ccd6;
}

.vario-win-filter-grid {
    display: grid;
    grid-template-columns: minmax(130px, 0.8fr) minmax(145px, 1fr) minmax(145px, 1fr) minmax(250px, 1.7fr) minmax(128px, 0.8fr) minmax(128px, 0.8fr) minmax(145px, 1fr) auto;
    gap: 0.32rem;
    align-items: end;
}

.vario-win-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    min-height: 0;
}

.vario-win-grid-pane {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background: #ffffff;
}

.vario-win-details-pane {
    min-width: 0;
    padding: 0.45rem;
    background: #e6e9ed;
    border-left: 1px solid #98a4b2;
    overflow: auto;
}

.vario-win-details-title {
    margin: 0 0 0.35rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #c3ccd6;
    font-size: 0.88rem;
    font-weight: 800;
}

.vario-win-details-row {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 0.35rem;
    padding: 0.18rem 0;
    font-size: 0.78rem;
}

.vario-win-details-row span:first-child {
    color: #536173;
}

.vario-erp-header,
.vario-erp-section,
.vario-erp-module-card,
.vario-erp-process-card,
.vario-erp-register-row {
    border-color: #98a4b2;
    border-radius: 0;
    box-shadow: none;
}

.vario-erp-header {
    min-height: 42px;
    margin-bottom: 0.35rem;
    padding: 0.38rem 0.55rem;
    background: #ffffff;
}

.vario-erp-header h1 {
    font-size: 0.98rem;
}

.vario-erp-subtitle,
.vario-erp-section-header p {
    color: #536173;
    font-size: 0.74rem;
}

.vario-erp-section-header {
    min-height: 28px;
    padding: 0.28rem 0.5rem;
    background: #dce3eb;
    border-color: #98a4b2;
    border-radius: 0;
}

.vario-erp-section-body {
    padding: 0.4rem;
}

.vario-erp-workspace .form-label,
.vario-purchase-form .form-label {
    color: #374151;
    font-size: 0.72rem;
}

.vario-erp-workspace .form-control,
.vario-erp-workspace .form-select,
.vario-purchase-form .form-control,
.vario-purchase-form .form-select {
    min-height: 26px;
    padding: 0.12rem 0.32rem;
    border-color: #7f8fa0;
    border-radius: 0;
    font-size: 0.78rem;
}

.vario-erp-workspace .input-group .btn,
.vario-purchase-form .input-group .btn {
    min-height: 26px;
}

.vario-data-grid thead th {
    background: linear-gradient(#f0f3f7, #ced8e4);
    border-color: #98a4b2;
    color: #1f2937;
    font-size: 0.68rem;
}

.vario-erp-empty {
    padding: 0.35rem 0.45rem;
    background: #f8fbff;
    border-color: #d8e4f2;
    border-radius: 6px;
    font-size: 0.78rem;
}

.vario-erp-modal-content {
    border-radius: 0;
}

.vario-erp-modal-content .modal-header {
    min-height: 36px;
    background: linear-gradient(#ffffff, #dce3eb);
    border-bottom-color: #98a4b2;
}

.vario-erp-modal-body {
    padding: 0.4rem;
    background: #dde2e8;
}

@media (max-width: 1320px) {
    .vario-win-filter-grid {
        grid-template-columns: repeat(4, minmax(140px, 1fr));
    }

    .vario-win-content-grid {
        grid-template-columns: 1fr;
    }

    .vario-win-details-pane {
        border-left: 0;
        border-top: 1px solid #98a4b2;
    }
}

@media (max-width: 760px) {
    .vario-win-filter-grid {
        grid-template-columns: 1fr;
    }
}