/* Shared visual language for every Radzen form and dialog. */
.yds-content, .rz-dialog { --rz-primary: #2563eb; --rz-primary-light: #eff6ff; --rz-border-radius: 10px; }
.yds-content { background: #f5f7fb; color: #25334a; }
.yds-content h3, .rz-dialog h3 { font-size: 1.35rem; font-weight: 650; color: #172b4d; margin: 0 0 18px; }
.yds-content .rz-card, .rz-dialog .rz-card { border: 1px solid #e4e9f1; border-radius: 14px; box-shadow: 0 3px 15px #14294b08; }
.yds-content .rz-textbox, .yds-content .rz-textarea, .yds-content .rz-dropdown, .yds-content .rz-numeric,
.rz-dialog .rz-textbox, .rz-dialog .rz-textarea, .rz-dialog .rz-dropdown, .rz-dialog .rz-numeric {
    border-color: #d4dce8; border-radius: 8px; background: #fff; min-height: 36px; max-width: 100%;
}
.yds-content .rz-textbox:focus, .yds-content .rz-textarea:focus, .rz-dialog .rz-textbox:focus,
.yds-content .rz-dropdown:focus-within, .rz-dialog .rz-dropdown:focus-within { outline: 2px solid #2563eb55; outline-offset: 2px; }
.yds-content .rz-button, .rz-dialog .rz-button { border-radius: 8px; min-height: 34px; font-weight: 600; }
.yds-content .rz-form-field, .rz-dialog .rz-form-field { max-width: 100%; margin-bottom: 12px; }
.yds-content .rz-fieldset, .rz-dialog .rz-fieldset { border-radius: 12px; border-color: #e4e9f1; margin-bottom: 16px; }
.yds-content .rz-datatable, .yds-content .rz-data-grid { border-radius: 12px; border: 1px solid #e4e9f1; overflow: hidden; }
.yds-content .rz-datatable-thead th { background: #f0f4fa; color: #33445e; padding-top: 12px; padding-bottom: 12px; }
.yds-content .rz-datatable-data td { border-color: #edf0f6; }
.rz-dropdown-panel { border-radius: 10px; box-shadow: 0 10px 32px #172b4d20; }
.rz-dropdown-filter { border-radius: 8px; }
.yds-workspace-card { margin: 24px; padding: 26px !important; }
.yds-workspace-card > p { color: #63728a; line-height: 1.65; margin-bottom: 20px; }
.yds-workspace-card > .rz-dropdown, .yds-workspace-card > .rz-numeric, .yds-workspace-card > .rz-button { margin: 0 10px 16px 0; vertical-align: middle; }
.yds-workspace-card > .rz-dropdown { min-width: 220px; }
.yds-workspace-card > .rz-data-grid, .yds-workspace-card > .rz-datatable { margin-top: 18px; }
.yds-workspace-card [role="status"] { padding: 12px 16px; border-radius: 10px; background: #eff6ff; color: #1e40af; }
.yds-workspace-card input[type="file"] { padding: 10px; border: 1px dashed #b6c5dc; border-radius: 8px; margin: 0 10px 16px 0; max-width: 100%; background: #f8faff; }
@media (max-width: 768px) {
    .yds-workspace-card { margin: 12px; padding: 16px !important; }
    .yds-workspace-card > .rz-dropdown, .yds-workspace-card > .rz-numeric { width: 100% !important; min-width: 0; margin-right: 0; }
    .rz-dialog { max-width: calc(100vw - 20px) !important; }
    .rz-dialog-content { padding: 16px !important; }
}
@media (prefers-reduced-motion: reduce) { .rz-button, .rz-dropdown { transition: none; } }
.yds-filter-bar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:24px 0; padding:18px; border:1px solid #e4e9f1; border-radius:12px; background:#f8faff; }
.yds-filter-field { flex:1 1 220px; margin:0 !important; }
.yds-filter-field .rz-dropdown { width:100% !important; min-width:0 !important; }
.yds-filter-bar > .rz-button { flex:0 0 auto; }
@media (max-width:768px) { .yds-filter-bar { padding:12px; } .yds-filter-field { flex-basis:100%; } }
.yds-content { font-size:14px; }
.yds-content .rz-template-form { line-height:1.5; }
.yds-content .rz-alert, .rz-dialog .rz-alert { border-radius:10px; }
.yds-content .rz-tabview-nav { border-bottom-color:#dce4ef; }
.yds-content .rz-tabview-nav li.rz-tabview-selected { border-top-color:#2563eb; }
.yds-filter-bar > .rz-form-field { flex:1 1 220px; margin-bottom:0; }
.yds-filter-bar .rz-form-field-content > .rz-datepicker, .yds-filter-bar .rz-form-field-content > .rz-numeric { width:100%; }
@media(max-width:768px) { .yds-filter-bar > .rz-form-field { flex-basis:100%; } }