/* Stage 2.109 - KSeF administration standard */
html body .vario-admin-ksef-workbench,
html[data-vario-theme] body .vario-admin-ksef-workbench {
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 0 !important;
    overflow: hidden !important;
}

html body .vario-admin-ksef-shell,
html[data-vario-theme] body .vario-admin-ksef-shell {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    margin: 0 10px 8px !important;
    border: 1px solid #c8d7ea !important;
    border-top: 0 !important;
    border-radius: 0 0 8px 8px !important;
    background: linear-gradient(180deg, #f6f9fd 0%, #edf3fa 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 22px rgba(15, 47, 84, 0.10) !important;
    overflow: hidden !important;
}

html body .vario-admin-ksef-summary,
html[data-vario-theme] body .vario-admin-ksef-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 48px !important;
    padding: 7px 12px !important;
    border-bottom: 1px solid #cfdaea !important;
    background: #ffffff !important;
}

html body .vario-admin-ksef-title,
html[data-vario-theme] body .vario-admin-ksef-title {
    display: grid !important;
    gap: 1px !important;
    min-width: 0 !important;
}

html body .vario-admin-ksef-title span,
html[data-vario-theme] body .vario-admin-ksef-title span {
    color: #526987 !important;
    font: 800 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-transform: uppercase !important;
}

html body .vario-admin-ksef-title strong,
html[data-vario-theme] body .vario-admin-ksef-title strong {
    color: #071b3d !important;
    font: 900 18px/22px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-metrics,
html[data-vario-theme] body .vario-admin-ksef-metrics {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
}

html body .vario-admin-ksef-metrics>div,
html[data-vario-theme] body .vario-admin-ksef-metrics>div {
    display: grid !important;
    gap: 1px !important;
    min-width: 92px !important;
    padding: 5px 9px !important;
    border: 1px solid #d9e5f4 !important;
    border-radius: 7px !important;
    background: #f8fbff !important;
}

html body .vario-admin-ksef-metrics span,
html[data-vario-theme] body .vario-admin-ksef-metrics span {
    color: #63758f !important;
    font: 800 9.5px/11px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-metrics strong,
html[data-vario-theme] body .vario-admin-ksef-metrics strong {
    color: #072655 !important;
    font: 900 12px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-content,
html[data-vario-theme] body .vario-admin-ksef-content {
    display: grid !important;
    grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr) !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 8px !important;
    overflow: auto !important;
}

html body .vario-admin-ksef-report-stack,
html[data-vario-theme] body .vario-admin-ksef-report-stack {
    display: grid !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 8px !important;
    overflow: auto !important;
}

html body .vario-admin-ksef-card,
html[data-vario-theme] body .vario-admin-ksef-card {
    min-width: 0 !important;
    min-height: 0 !important;
    border: 1px solid #d5e2f2 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 5px 14px rgba(15, 47, 84, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    overflow: hidden !important;
}

html body .vario-admin-ksef-card-header,
html[data-vario-theme] body .vario-admin-ksef-card-header {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid #dde8f5 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
}

html body .vario-admin-ksef-card-header h2,
html[data-vario-theme] body .vario-admin-ksef-card-header h2,
html body .vario-admin-ksef-report-card h2,
html[data-vario-theme] body .vario-admin-ksef-report-card h2 {
    margin: 0 !important;
    color: #071b3d !important;
    font: 900 14px/17px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-card-header p,
html[data-vario-theme] body .vario-admin-ksef-card-header p,
html body .vario-admin-ksef-report-card .text-muted,
html[data-vario-theme] body .vario-admin-ksef-report-card .text-muted {
    margin: 0 !important;
    color: #526987 !important;
    font: 700 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-card-icon,
html[data-vario-theme] body .vario-admin-ksef-card-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 7px !important;
    color: #0d6efd !important;
    background: #eaf2ff !important;
}

html body .vario-admin-ksef-card-icon .nav-icon,
html[data-vario-theme] body .vario-admin-ksef-card-icon .nav-icon {
    width: 15px !important;
    height: 15px !important;
}

html body .vario-admin-ksef-note,
html[data-vario-theme] body .vario-admin-ksef-note {
    margin: 8px 10px 0 !important;
    padding: 7px 9px !important;
    border: 1px solid #d8e5f5 !important;
    border-radius: 7px !important;
    color: #294563 !important;
    background: #f6faff !important;
    font: 750 10.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-ksef-dialog-manifest-field,
html[data-vario-theme] body .vario-ksef-dialog-manifest-field {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    margin: 8px 10px 0 !important;
}

html body .vario-ksef-dialog-manifest-field > span,
html[data-vario-theme] body .vario-ksef-dialog-manifest-field > span {
    color: #123864 !important;
    font: 850 10.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-ksef-dialog-manifest-field textarea.form-control,
html[data-vario-theme] body .vario-ksef-dialog-manifest-field textarea.form-control {
    min-height: 150px !important;
    height: 150px !important;
    padding: 7px 9px !important;
    border-color: #bcd0e8 !important;
    border-radius: 7px !important;
    color: #08244f !important;
    font: 700 10.5px/15px ui-monospace, SFMono-Regular, Consolas, monospace !important;
    resize: vertical !important;
}

html body .vario-admin-ksef-form-grid,
html[data-vario-theme] body .vario-admin-ksef-form-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
}

html body .vario-admin-ksef-form-grid.single-column,
html[data-vario-theme] body .vario-admin-ksef-form-grid.single-column {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 0 !important;
}

html body .vario-admin-ksef-form-grid label,
html[data-vario-theme] body .vario-admin-ksef-form-grid label {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

html body .vario-admin-ksef-form-grid label.span-2,
html[data-vario-theme] body .vario-admin-ksef-form-grid label.span-2 {
    grid-column: span 2 !important;
}

html body .vario-admin-ksef-form-grid label.span-3,
html[data-vario-theme] body .vario-admin-ksef-form-grid label.span-3 {
    grid-column: span 3 !important;
}

html body .vario-admin-ksef-form-grid label>span,
html[data-vario-theme] body .vario-admin-ksef-form-grid label>span,
html body .vario-admin-ksef-check span,
html[data-vario-theme] body .vario-admin-ksef-check span {
    color: #123864 !important;
    font: 850 10.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-form-grid .form-control,
html body .vario-admin-ksef-form-grid .form-select,
html[data-vario-theme] body .vario-admin-ksef-form-grid .form-control,
html[data-vario-theme] body .vario-admin-ksef-form-grid .form-select {
    min-height: 28px !important;
    height: 28px !important;
    padding: 3px 8px !important;
    border-color: #bcd0e8 !important;
    border-radius: 7px !important;
    color: #08244f !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    box-shadow: none !important;
}

html body .vario-admin-ksef-form-grid textarea.form-control,
html[data-vario-theme] body .vario-admin-ksef-form-grid textarea.form-control {
    min-height: 70px !important;
    height: auto !important;
}

html body .vario-admin-ksef-check,
html[data-vario-theme] body .vario-admin-ksef-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding-top: 17px !important;
}

html body .vario-admin-ksef-card-actions,
html body .vario-admin-ksef-modal-footer,
html[data-vario-theme] body .vario-admin-ksef-card-actions,
html[data-vario-theme] body .vario-admin-ksef-modal-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-top: 1px solid #dce7f5 !important;
    background: #f8fbff !important;
}

html body .vario-admin-ksef-card-actions .btn,
html body .vario-admin-ksef-modal-footer .btn,
html[data-vario-theme] body .vario-admin-ksef-card-actions .btn,
html[data-vario-theme] body .vario-admin-ksef-modal-footer .btn {
    min-height: 28px !important;
    padding: 3px 12px !important;
    border-radius: 7px !important;
    font: 900 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-table-scroll,
html[data-vario-theme] body .vario-admin-ksef-table-scroll {
    min-height: 0 !important;
    max-height: min(56vh, 520px) !important;
    overflow: auto !important;
}

html body .vario-admin-ksef-table,
html[data-vario-theme] body .vario-admin-ksef-table {
    width: 100% !important;
    min-width: 920px !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

html body .vario-admin-ksef-table th,
html[data-vario-theme] body .vario-admin-ksef-table th {
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    height: 26px !important;
    padding: 4px 8px !important;
    border-right: 1px solid #aebed3 !important;
    border-bottom: 1px solid #cfdbea !important;
    color: #002a5f !important;
    background: linear-gradient(180deg, #f7fbff 0%, #e6eef8 100%) !important;
    font: 900 11px/14px Inter, "Segoe UI", Arial, sans-serif !important;
    text-align: left !important;
    white-space: nowrap !important;
}

html body .vario-admin-ksef-table td,
html[data-vario-theme] body .vario-admin-ksef-table td {
    height: 27px !important;
    padding: 4px 8px !important;
    border-right: 1px solid #dce6f2 !important;
    border-bottom: 1px solid #dfe8f4 !important;
    color: #002a5f !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .vario-admin-ksef-table td.wrap,
html[data-vario-theme] body .vario-admin-ksef-table td.wrap {
    white-space: normal !important;
    word-break: break-all !important;
}

html body .vario-admin-ksef-table .vario-admin-ksef-table-action-header,
html body .vario-admin-ksef-table .vario-admin-ksef-table-action,
html[data-vario-theme] body .vario-admin-ksef-table .vario-admin-ksef-table-action-header,
html[data-vario-theme] body .vario-admin-ksef-table .vario-admin-ksef-table-action {
    width: 38px !important;
    padding-inline: 5px !important;
    text-align: center !important;
    overflow: visible !important;
}

html body .vario-admin-ksef-table .vario-admin-ksef-table-action .vario-list-toolbar-action,
html[data-vario-theme] body .vario-admin-ksef-table .vario-admin-ksef-table-action .vario-list-toolbar-action {
    vertical-align: middle !important;
}

html body .vario-admin-ksef-table tbody tr:nth-child(odd),
html[data-vario-theme] body .vario-admin-ksef-table tbody tr:nth-child(odd) {
    background: #f7fbff !important;
}

html body .vario-admin-ksef-table .status-success,
html body .vario-admin-ksef-table .status-neutral,
html[data-vario-theme] body .vario-admin-ksef-table .status-success,
html[data-vario-theme] body .vario-admin-ksef-table .status-neutral {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 18px !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    font: 900 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-table .status-success,
html[data-vario-theme] body .vario-admin-ksef-table .status-success {
    color: #0f6b3d !important;
    background: #dcfce7 !important;
}

html body .vario-admin-ksef-table .status-neutral,
html[data-vario-theme] body .vario-admin-ksef-table .status-neutral {
    color: #526071 !important;
    background: #eef2f7 !important;
}

html body .vario-admin-ksef-report-grid-table .status-success,
html body .vario-admin-ksef-report-grid-table .status-primary,
html body .vario-admin-ksef-report-grid-table .status-warning,
html body .vario-admin-ksef-report-grid-table .status-danger,
html body .vario-admin-ksef-report-grid-table .status-neutral,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-success,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-primary,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-warning,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-danger,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-neutral {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 18px !important;
    padding: 2px 7px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    font: 900 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .vario-admin-ksef-report-grid-table .status-success,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-success {
    border-color: #b8ecc7 !important;
    background: #dcffe6 !important;
    color: #08712e !important;
}

html body .vario-admin-ksef-report-grid-table .status-primary,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-primary {
    border-color: #b8d5ff !important;
    background: #e7f0ff !important;
    color: #0753c8 !important;
}

html body .vario-admin-ksef-report-grid-table .status-warning,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-warning {
    border-color: #ffe0a6 !important;
    background: #fff3d9 !important;
    color: #905400 !important;
}

html body .vario-admin-ksef-report-grid-table .status-danger,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-danger {
    border-color: #ffc2c2 !important;
    background: #ffe4e4 !important;
    color: #b11111 !important;
}

html body .vario-admin-ksef-report-grid-table .status-neutral,
html[data-vario-theme] body .vario-admin-ksef-report-grid-table .status-neutral {
    border-color: #d7e2f0 !important;
    background: #f3f6fa !important;
    color: #53657d !important;
}

html body .vario-admin-ksef-row-actions,
html[data-vario-theme] body .vario-admin-ksef-row-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

html body .vario-admin-ksef-row-actions .btn,
html[data-vario-theme] body .vario-admin-ksef-row-actions .btn {
    min-height: 24px !important;
    padding: 2px 8px !important;
    font: 850 10px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-empty,
html[data-vario-theme] body .vario-admin-ksef-empty {
    display: grid !important;
    place-items: center !important;
    gap: 4px !important;
    min-height: 118px !important;
    padding: 18px !important;
    color: #40566f !important;
    text-align: center !important;
    font: 750 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-empty strong,
html[data-vario-theme] body .vario-admin-ksef-empty strong {
    color: #0b2857 !important;
    font: 900 13px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-empty.danger strong,
html[data-vario-theme] body .vario-admin-ksef-empty.danger strong {
    color: #b42318 !important;
}

html body .vario-admin-ksef-report-card,
html[data-vario-theme] body .vario-admin-ksef-report-card {
    padding: 8px !important;
}

html body .vario-admin-ksef-report-card-header,
html[data-vario-theme] body .vario-admin-ksef-report-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 42px !important;
    margin: 0 0 8px !important;
    padding: 6px 8px !important;
    border: 1px solid #d9e5f4 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
}

html body .vario-admin-ksef-report-filter-card,
html body .vario-admin-ksef-picker-filter-card,
html[data-vario-theme] body .vario-admin-ksef-report-filter-card,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-card {
    margin: 0 0 8px !important;
    border: 1px solid #d8e5f5 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 5px 14px rgba(15, 47, 84, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    overflow: hidden !important;
}

html body .vario-admin-ksef-report-tabs-row,
html[data-vario-theme] body .vario-admin-ksef-report-tabs-row {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #dce7f5 !important;
    background: #ffffff !important;
}

html body .vario-admin-ksef-report-tabs,
html[data-vario-theme] body .vario-admin-ksef-report-tabs {
    display: flex !important;
    align-items: flex-end !important;
    gap: 12px !important;
    height: 28px !important;
    min-width: 0 !important;
}

html body .vario-admin-ksef-report-tabs button,
html[data-vario-theme] body .vario-admin-ksef-report-tabs button {
    position: relative !important;
    height: 28px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #526987 !important;
    font: 850 11px/28px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .vario-admin-ksef-report-tabs button.active,
html[data-vario-theme] body .vario-admin-ksef-report-tabs button.active {
    color: #1263f1 !important;
    border-bottom-color: #1263f1 !important;
}

html body .vario-admin-ksef-report-filter-grid,
html body .vario-admin-ksef-picker-filter-grid,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 6px 8px !important;
    min-height: 88px !important;
    padding: 8px 246px 10px 10px !important;
    background: #ffffff !important;
}

html body .vario-admin-ksef-picker-filter-grid,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid {
    min-height: 176px !important;
    max-height: 258px !important;
    overflow: auto !important;
}

html body .vario-admin-ksef-report-filter-grid label,
html body .vario-admin-ksef-report-filter-grid .vario-admin-ksef-filter-field,
html body .vario-admin-ksef-picker-filter-grid label,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid label,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .vario-admin-ksef-filter-field,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid label {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    align-content: start !important;
}

html body .vario-admin-ksef-report-filter-grid label.span-2,
html body .vario-admin-ksef-report-filter-grid .vario-admin-ksef-filter-field.span-2,
html body .vario-admin-ksef-picker-filter-grid label.span-2,
html body .vario-admin-ksef-picker-filter-grid .span-2,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid label.span-2,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .vario-admin-ksef-filter-field.span-2,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid label.span-2,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .span-2 {
    grid-column: span 2 !important;
}

html body .vario-admin-ksef-picker-filter-grid .span-all,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .span-all {
    grid-column: 1 / -1 !important;
}

html body .vario-admin-ksef-report-filter-grid label>span,
html body .vario-admin-ksef-report-filter-grid .vario-admin-ksef-filter-field>span,
html body .vario-admin-ksef-picker-filter-grid label>span,
html body .vario-admin-ksef-picker-checks>span,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid label>span,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .vario-admin-ksef-filter-field>span,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid label>span,
html[data-vario-theme] body .vario-admin-ksef-picker-checks>span {
    color: #123864 !important;
    font: 850 10.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-report-filter-grid input,
html body .vario-admin-ksef-report-filter-grid select,
html body .vario-admin-ksef-report-filter-grid .form-control,
html body .vario-admin-ksef-report-filter-grid .form-select,
html body .vario-admin-ksef-picker-filter-grid input,
html body .vario-admin-ksef-picker-filter-grid select,
html body .vario-admin-ksef-picker-filter-grid .form-control,
html body .vario-admin-ksef-picker-filter-grid .form-select,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid input,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid select,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .form-control,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .form-select,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid input,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid select,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .form-control,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .form-select {
    width: 100% !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 3px 8px !important;
    border: 1px solid #bcd0e8 !important;
    border-radius: 7px !important;
    color: #08244f !important;
    background: #ffffff !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
    box-shadow: none !important;
}

html body .vario-admin-ksef-report-filter-grid input:focus,
html body .vario-admin-ksef-report-filter-grid select:focus,
html body .vario-admin-ksef-picker-filter-grid input:focus,
html body .vario-admin-ksef-picker-filter-grid select:focus,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid input:focus,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid select:focus,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid input:focus,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid select:focus {
    border-color: #8fb5ec !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body .vario-admin-ksef-contractor-filter-control,
html[data-vario-theme] body .vario-admin-ksef-contractor-filter-control {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 5px !important;
    min-width: 0 !important;
}

html body .vario-admin-ksef-report-filter-grid .vario-sales-filter-standard-actions,
html body .vario-admin-ksef-picker-filter-grid .vario-sales-filter-standard-actions,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .vario-sales-filter-standard-actions,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .vario-sales-filter-standard-actions {
    position: absolute !important;
    top: 34px !important;
    right: 10px !important;
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    grid-template-areas: "clear search" !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    min-width: 210px !important;
    padding: 0 !important;
}

html body .vario-admin-ksef-report-filter-grid .vario-list-filter-actions .btn,
html body .vario-admin-ksef-picker-filter-grid .vario-list-filter-actions .btn,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .vario-list-filter-actions .btn,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .vario-list-filter-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 11px !important;
    border-radius: 8px !important;
    font: 800 11px/24px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .vario-admin-ksef-report-filter-grid .vario-list-filter-actions .btn>span:not(.vario-action-icon),
html body .vario-admin-ksef-picker-filter-grid .vario-list-filter-actions .btn>span:not(.vario-action-icon),
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .vario-list-filter-actions .btn>span:not(.vario-action-icon),
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .vario-list-filter-actions .btn>span:not(.vario-action-icon) {
    display: block !important;
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: translateY(0.2px) !important;
}

html body .vario-admin-ksef-report-filter-grid .vario-list-filter-actions .vario-action-icon,
html body .vario-admin-ksef-picker-filter-grid .vario-list-filter-actions .vario-action-icon,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .vario-list-filter-actions .vario-action-icon,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .vario-list-filter-actions .vario-action-icon {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    margin: 0 !important;
}

html body .vario-admin-ksef-report-filter-grid .vario-list-clear-button,
html body .vario-admin-ksef-picker-filter-grid .vario-list-clear-button,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .vario-list-clear-button,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .vario-list-clear-button {
    grid-area: clear !important;
    min-width: 98px !important;
    border-color: #c8d7ee !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fe 100%) !important;
    color: #4f6584 !important;
}

html body .vario-admin-ksef-report-filter-grid .vario-list-search-button,
html body .vario-admin-ksef-picker-filter-grid .vario-list-search-button,
html[data-vario-theme] body .vario-admin-ksef-report-filter-grid .vario-list-search-button,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid .vario-list-search-button {
    grid-area: search !important;
    min-width: 74px !important;
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #2377ff 0%, #1263f1 100%) !important;
    color: #ffffff !important;
}

html body .vario-admin-ksef-report-card .vario-list-document-button,
html body .vario-admin-ksef-modal .vario-list-document-button,
html[data-vario-theme] body .vario-admin-ksef-report-card .vario-list-document-button,
html[data-vario-theme] body .vario-admin-ksef-modal .vario-list-document-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border: 1px solid #c8d7ee !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fe 100%) !important;
    color: #4f6584 !important;
    font: 850 11px/24px Inter, "Segoe UI", Arial, sans-serif !important;
    text-decoration: none !important;
}

html body .vario-admin-ksef-report-card .vario-list-document-button.primary,
html body .vario-admin-ksef-modal .vario-list-document-button.primary,
html[data-vario-theme] body .vario-admin-ksef-report-card .vario-list-document-button.primary,
html[data-vario-theme] body .vario-admin-ksef-modal .vario-list-document-button.primary {
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #2377ff 0%, #1263f1 100%) !important;
    color: #ffffff !important;
}

html body .vario-admin-ksef-picker-checks,
html body .vario-admin-ksef-picker-settings,
html[data-vario-theme] body .vario-admin-ksef-picker-checks,
html[data-vario-theme] body .vario-admin-ksef-picker-settings {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px 12px !important;
    min-width: 0 !important;
    padding: 3px 0 !important;
}

html body .vario-admin-ksef-picker-settings,
html[data-vario-theme] body .vario-admin-ksef-picker-settings {
    padding: 7px 8px !important;
    border: 1px solid #d8e5f5 !important;
    border-radius: 8px !important;
    background: #f7fbff !important;
}

html body .vario-admin-ksef-picker-settings strong,
html[data-vario-theme] body .vario-admin-ksef-picker-settings strong {
    flex: 0 0 100% !important;
    color: #123864 !important;
    font: 900 11px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-picker-check,
html[data-vario-theme] body .vario-admin-ksef-picker-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    color: #294563 !important;
    font: 800 10.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .vario-admin-ksef-picker-filter-grid small,
html[data-vario-theme] body .vario-admin-ksef-picker-filter-grid small {
    color: #526987 !important;
    font: 750 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-report-card .table-responsive,
html[data-vario-theme] body .vario-admin-ksef-report-card .table-responsive {
    max-height: 360px !important;
    border: 1px solid #d8e5f5 !important;
    border-radius: 7px !important;
}

html body .vario-admin-ksef-report-card .alert,
html[data-vario-theme] body .vario-admin-ksef-report-card .alert {
    display: grid !important;
    place-items: center !important;
    min-height: 58px !important;
    margin: 0 !important;
    border: 1px solid #d8e5f5 !important;
    border-radius: 7px !important;
    color: #294563 !important;
    background: #f8fbff !important;
    font: 850 12px/16px Inter, "Segoe UI", Arial, sans-serif !important;
    text-align: center !important;
}

html body .vario-admin-ksef-report-card .alert-danger,
html[data-vario-theme] body .vario-admin-ksef-report-card .alert-danger {
    color: #b42318 !important;
    border-color: #fecaca !important;
    background: #fff5f5 !important;
}

html body .vario-admin-ksef-report-card table,
html[data-vario-theme] body .vario-admin-ksef-report-card table {
    margin: 0 !important;
    color: #002a5f !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-report-card table th,
html[data-vario-theme] body .vario-admin-ksef-report-card table th {
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    color: #002a5f !important;
    background: #e6eef8 !important;
    font: 900 11px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-modal .modal-content,
html[data-vario-theme] body .vario-admin-ksef-modal .modal-content {
    border: 1px solid #134f8c !important;
    border-radius: 10px !important;
    box-shadow: 0 20px 54px rgba(2, 20, 47, 0.25) !important;
    overflow: hidden !important;
}

html body .vario-admin-ksef-modal .modal-header,
html[data-vario-theme] body .vario-admin-ksef-modal .modal-header {
    min-height: 48px !important;
    padding: 9px 12px !important;
    border-bottom: 1px solid #dce7f5 !important;
    background: #134f8c !important;
    color: #ffffff !important;
}

html body .vario-admin-ksef-modal .modal-header h5,
html[data-vario-theme] body .vario-admin-ksef-modal .modal-header h5 {
    margin: 0 !important;
    color: #ffffff !important;
    font: 900 14px/17px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-modal .modal-header small,
html[data-vario-theme] body .vario-admin-ksef-modal .modal-header small {
    color: #dceaff !important;
    font: 750 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-admin-ksef-modal-body,
html[data-vario-theme] body .vario-admin-ksef-modal-body {
    padding: 10px !important;
    background: #f6f9fd !important;
}

@media (max-width: 1180px) {

    html body .vario-admin-ksef-content,
    html[data-vario-theme] body .vario-admin-ksef-content {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 760px) {

    html body .vario-admin-ksef-summary,
    html[data-vario-theme] body .vario-admin-ksef-summary {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    html body .vario-admin-ksef-metrics,
    html[data-vario-theme] body .vario-admin-ksef-metrics {
        width: 100% !important;
        justify-content: stretch !important;
    }

    html body .vario-admin-ksef-metrics>div,
    html[data-vario-theme] body .vario-admin-ksef-metrics>div {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }

    html body .vario-admin-ksef-form-grid,
    html[data-vario-theme] body .vario-admin-ksef-form-grid,
    html body .vario-admin-ksef-card-header,
    html[data-vario-theme] body .vario-admin-ksef-card-header {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body .vario-admin-ksef-form-grid label.span-2,
    html body .vario-admin-ksef-form-grid label.span-3,
    html[data-vario-theme] body .vario-admin-ksef-form-grid label.span-2,
    html[data-vario-theme] body .vario-admin-ksef-form-grid label.span-3 {
        grid-column: span 1 !important;
    }
}

html body .vario-erp-document-details-modal .vario-document-form-grid .vario-document-field-required input,
html body .vario-erp-document-details-modal .vario-document-form-grid .vario-document-field-required select,
html body .vario-erp-document-details-modal .vario-document-form-grid .vario-document-field-required textarea,
html body .vario-erp-document-details-modal .vario-document-form-grid .vario-document-field-required .vario-lookup-input,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid .vario-document-field-required input,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid .vario-document-field-required select,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid .vario-document-field-required textarea,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid .vario-document-field-required .vario-lookup-input {
    border-color: #dc6b6b !important;
    background-color: #fff5f5 !important;
    background-image: linear-gradient(180deg, #fffdfd 0%, #fff3f3 100%) !important;
    box-shadow: inset 3px 0 0 #d63535, 0 0 0 2px rgba(214, 53, 53, 0.14) !important;
}