/* Naprawa scrolla w wizardzie */
.fi-wizard-steps {
    overflow-x: auto !important;
    scrollbar-width: thin;
}

.fi-wizard-steps::-webkit-scrollbar {
    height: 6px;
}

.fi-wizard-steps::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.fi-wizard-steps::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.fi-wizard-steps::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Kompaktowe kroki */
.fi-wizard-step {
    min-width: 140px !important;
    flex-shrink: 0 !important;
}

.fi-wizard-step-label {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
}

.fi-wizard-step-description {
    font-size: 0.75rem !important;
    color: #6b7280 !important;
    max-width: 120px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* === Zmienne semantyczne dla widoków panelu (jasny/ciemny motyw) === */
:root {
    --sm-text: #18181b;
    --sm-muted: #71717a;
    --sm-border: #e4e4e7;
    --sm-surface: #f4f4f5;
    --sm-primary: #0f5c67;
    --sm-primary-soft: #e6f2f4;
    --sm-danger: #dc2626;
    --sm-danger-soft: rgba(220, 38, 38, 0.12);
}

.dark {
    --sm-text: #fafafa;
    --sm-muted: #a1a1aa;
    --sm-border: #3f3f46;
    --sm-surface: #27272a;
    --sm-primary: #2dd4bf;
    --sm-primary-soft: rgba(45, 212, 191, 0.15);
    --sm-danger: #f87171;
    --sm-danger-soft: rgba(248, 113, 113, 0.15);
}

/* === Strefa wyboru pliku (logo, podpisy) — klikalny obszar === */
.sm-dropzone {
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.sm-dropzone:hover {
    border-color: var(--sm-primary) !important;
    background-color: var(--sm-primary-soft);
}