/* /Components/Certificate/CertificateManagement.razor.rz.scp.css */
/* Certificate Management Styles - Soft Brutalism */

.certificate-management[b-v35vh1p2z7] {
    padding: var(--space-4, 1rem);
}

/* Alerts */
.cert-alert[b-v35vh1p2z7] {
    margin-bottom: var(--space-4, 1rem);
}

.cert-info-alert[b-v35vh1p2z7] {
    margin-bottom: var(--space-6, 1.5rem);
}

/* Tabs styling */
.cert-tabs[b-v35vh1p2z7] {
    margin-top: var(--space-4, 1rem);
}

[b-v35vh1p2z7] .cert-tabs .rz-tabview-nav {
    border-bottom: var(--border-medium, 3px solid #000000);
    gap: var(--space-1, 0.25rem);
}

[b-v35vh1p2z7] .cert-tabs .rz-tabview-nav li {
    border: var(--border-thin, 2px solid #000000);
    border-bottom: none;
    border-radius: var(--radius-sm, 0.25rem) var(--radius-sm, 0.25rem) 0 0;
    background: var(--color-white, #ffffff);
    transition: transform var(--transition-fast, 0.1s ease-out), background var(--transition-fast, 0.1s ease-out);
}

[b-v35vh1p2z7] .cert-tabs .rz-tabview-nav li:hover {
    transform: translateY(-2px);
    background: var(--color-gray-100, #f5f5f5);
}

[b-v35vh1p2z7] .cert-tabs .rz-tabview-nav li.rz-state-active {
    background: var(--color-white, #ffffff);
    border-bottom: 3px solid var(--color-white, #ffffff);
    margin-bottom: -3px;
}

[b-v35vh1p2z7] .cert-tabs .rz-tabview-panels {
    border: var(--border-thin, 2px solid #000000);
    border-top: none;
    padding: var(--space-4, 1rem);
    background: var(--color-white, #ffffff);
}

.tab-content[b-v35vh1p2z7] {
    padding: var(--space-2, 0.5rem);
}

/* Certificate list grid */
.certyfikaty-list[b-v35vh1p2z7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--space-4, 1rem);
}

/* Certificate cards - Brutalist style with hard shadows */
.certyfikat-card[b-v35vh1p2z7] {
    padding: var(--space-4, 1rem);
    background: var(--color-white, #ffffff);
    border: var(--border-medium, 3px solid #000000);
    border-radius: var(--radius-md, 0.5rem);
    transition: transform var(--transition-fast, 0.1s ease-out), box-shadow var(--transition-fast, 0.1s ease-out);
}

.certyfikat-card:hover[b-v35vh1p2z7] {
    transform: translate(-4px, -4px);
    box-shadow: 6px 6px 0 var(--color-black, #000000);
}

.certyfikat-card:active[b-v35vh1p2z7] {
    transform: translate(0, 0);
    box-shadow: none;
}

/* Revoked certificate styling */
.certyfikat-card.cert-revoked[b-v35vh1p2z7] {
    border-color: var(--color-error, #DC0000);
    background-color: rgba(220, 0, 0, 0.05);
}

.certyfikat-card.cert-revoked:hover[b-v35vh1p2z7] {
    box-shadow: 6px 6px 0 var(--color-error, #DC0000);
}

/* Card header with flex layout */
.certyfikat-card-header[b-v35vh1p2z7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-2, 0.5rem);
}

.certyfikat-card-actions[b-v35vh1p2z7] {
    flex-shrink: 0;
}

/* Touch-friendly delete button - 44x44px */
.cert-delete-btn[b-v35vh1p2z7] {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
}

/* Certificate details section */
.cert-details[b-v35vh1p2z7] {
    margin-top: var(--space-3, 0.75rem);
    padding-top: var(--space-3, 0.75rem);
    border-top: 1px solid var(--color-gray-300, #e0e0e0);
}

.cert-expiry-info[b-v35vh1p2z7] {
    margin-left: var(--space-2, 0.5rem);
}

/* File input styling */
.cert-file-input[b-v35vh1p2z7] {
    border: var(--border-thin, 2px solid #000000) !important;
    border-radius: var(--radius-sm, 0.25rem) !important;
    background: var(--color-white, #ffffff) !important;
    min-height: 44px !important;
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem) !important;
    cursor: pointer;
    transition: border-color var(--transition-base, 0.2s ease-out);
}

.cert-file-input:hover[b-v35vh1p2z7] {
    border-color: var(--color-gray-600, #666666) !important;
}

.cert-file-input:focus[b-v35vh1p2z7] {
    outline: 3px solid var(--color-red, #DC0000) !important;
    outline-offset: 2px;
}

/* Style the "Wybierz plik" button - Soft Brutalism */
.cert-file-input[b-v35vh1p2z7]::file-selector-button {
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-black, #000000);
    background: var(--color-white, #ffffff);
    border: var(--border-thin, 2px solid #000000);
    border-radius: var(--radius-sm, 0.25rem);
    padding: var(--space-2, 0.5rem) var(--space-4, 1rem);
    margin-right: var(--space-3, 0.75rem);
    cursor: pointer;
    transition: transform var(--transition-fast, 0.1s ease-out),
                box-shadow var(--transition-fast, 0.1s ease-out),
                background var(--transition-fast, 0.1s ease-out);
}

.cert-file-input[b-v35vh1p2z7]::file-selector-button:hover {
    transform: translate(-2px, -2px);
    box-shadow: 4px 4px 0 var(--color-black, #000000);
    background: var(--color-gray-100, #f5f5f5);
}

.cert-file-input[b-v35vh1p2z7]::file-selector-button:active {
    transform: translate(0, 0);
    box-shadow: none;
    background: var(--color-gray-200, #eeeeee);
}

/* WebKit prefix for older browsers */
.cert-file-input[b-v35vh1p2z7]::-webkit-file-upload-button {
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-black, #000000);
    background: var(--color-white, #ffffff);
    border: var(--border-thin, 2px solid #000000);
    border-radius: var(--radius-sm, 0.25rem);
    padding: var(--space-2, 0.5rem) var(--space-4, 1rem);
    margin-right: var(--space-3, 0.75rem);
    cursor: pointer;
    transition: transform var(--transition-fast, 0.1s ease-out),
                box-shadow var(--transition-fast, 0.1s ease-out),
                background var(--transition-fast, 0.1s ease-out);
}

.cert-file-input[b-v35vh1p2z7]::-webkit-file-upload-button:hover {
    transform: translate(-2px, -2px);
    box-shadow: 4px 4px 0 var(--color-black, #000000);
    background: var(--color-gray-100, #f5f5f5);
}

.cert-file-input[b-v35vh1p2z7]::-webkit-file-upload-button:active {
    transform: translate(0, 0);
    box-shadow: none;
    background: var(--color-gray-200, #eeeeee);
}

.cert-file-info[b-v35vh1p2z7] {
    margin-top: var(--space-1, 0.25rem);
}

/* Loading state */
.cert-loading[b-v35vh1p2z7] {
    padding: var(--space-8, 2rem);
}

/* Empty state - brutalist style */
.cert-empty-state[b-v35vh1p2z7] {
    text-align: center;
    padding: var(--space-10, 2.5rem);
    border: 2px dashed var(--color-gray-300, #e0e0e0);
    border-radius: var(--radius-md, 0.5rem);
    background: var(--color-gray-50, #fafafa);
}

.cert-empty-icon[b-v35vh1p2z7] {
    font-size: 4rem !important;
    color: var(--color-gray-300, #e0e0e0) !important;
    margin-bottom: var(--space-4, 1rem);
}

.cert-empty-title[b-v35vh1p2z7] {
    margin-bottom: var(--space-2, 0.5rem);
    color: var(--color-gray-700, #444444);
}

.cert-empty-description[b-v35vh1p2z7] {
    color: var(--color-gray-600, #666666);
    max-width: 320px;
    margin: 0 auto;
    line-height: 1.5;
}

/* Fieldset styling - consistent with design system */
[b-v35vh1p2z7] .rz-fieldset {
    border: var(--border-thin, 2px solid #000000);
    border-radius: var(--radius-md, 0.5rem);
}

[b-v35vh1p2z7] .rz-fieldset-legend {
    font-weight: var(--font-weight-bold, 700);
    padding: 0 var(--space-2, 0.5rem);
}

/* Mobile responsive */
@media (max-width: 767px) {
    .certificate-management[b-v35vh1p2z7] {
        padding: var(--space-2, 0.5rem);
    }

    .certyfikaty-list[b-v35vh1p2z7] {
        grid-template-columns: 1fr;
        gap: var(--space-3, 0.75rem);
    }

    .certyfikat-card[b-v35vh1p2z7] {
        padding: var(--space-3, 0.75rem);
    }

    .certyfikat-card-header[b-v35vh1p2z7] {
        flex-direction: column;
        gap: var(--space-3, 0.75rem);
    }

    .certyfikat-card-actions[b-v35vh1p2z7] {
        align-self: flex-end;
        margin-top: var(--space-2, 0.5rem);
        padding-top: var(--space-2, 0.5rem);
        border-top: 1px solid var(--color-gray-300, #e0e0e0);
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    [b-v35vh1p2z7] .cert-tabs .rz-tabview-nav {
        flex-wrap: wrap;
    }

    [b-v35vh1p2z7] .cert-tabs .rz-tabview-nav li {
        flex: 1 1 auto;
        text-align: center;
    }

    [b-v35vh1p2z7] .cert-tabs .rz-tabview-panels {
        padding: var(--space-3, 0.75rem);
    }

    .tab-content[b-v35vh1p2z7] {
        padding: var(--space-1, 0.25rem);
    }

    .cert-empty-state[b-v35vh1p2z7] {
        padding: var(--space-6, 1.5rem);
    }

    .cert-empty-icon[b-v35vh1p2z7] {
        font-size: 3rem !important;
    }
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 1023px) {
    .certyfikaty-list[b-v35vh1p2z7] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Company/Tabs/CompanyDeleteTab.razor.rz.scp.css */
.delete-tab-content[b-aq01zj0rev] {
    padding: var(--space-6, 1.5rem);
    max-width: 600px;
}

.warning-section[b-aq01zj0rev] {
    text-align: center;
    margin-bottom: var(--space-6, 1.5rem);
    padding: var(--space-6, 1.5rem);
    background: #fff3cd;
    border: 2px solid var(--color-black, #000);
    border-radius: var(--radius-md, 8px);
}

.warning-section h3[b-aq01zj0rev] {
    margin: var(--space-4, 1rem) 0 var(--space-2, 0.5rem);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-black, #000);
}

.warning-section p[b-aq01zj0rev] {
    margin-bottom: var(--space-3, 0.75rem);
    color: var(--color-gray-700, #374151);
}

.warning-section ul[b-aq01zj0rev] {
    text-align: left;
    margin: 0;
    padding-left: var(--space-6, 1.5rem);
}

.warning-section li[b-aq01zj0rev] {
    margin-bottom: var(--space-2, 0.5rem);
    color: var(--color-gray-700, #374151);
}

.confirmation-section[b-aq01zj0rev] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    margin: var(--space-6, 1.5rem) 0;
    padding: var(--space-4, 1rem);
    background: var(--color-gray-50, #f9fafb);
    border-radius: var(--radius-md, 8px);
}

/* Mobile responsiveness */
@media (max-width: 767px) {
    .delete-tab-content[b-aq01zj0rev] {
        padding: var(--space-4, 1rem);
    }

    .warning-section[b-aq01zj0rev] {
        padding: var(--space-4, 1rem);
    }

    .confirmation-section[b-aq01zj0rev] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Company/Tabs/CompanySyncTab.razor.rz.scp.css */
.sync-fieldset[b-ddowkgyg1i] {
    border: 1px solid var(--color-gray-200, #e5e7eb);
    border-radius: var(--radius-md, 8px);
    padding: var(--space-5, 1.25rem);
    margin: 0;
}

.sync-fieldset legend[b-ddowkgyg1i] {
    padding: 0 var(--space-2, 0.5rem);
    margin-left: var(--space-2, 0.5rem);
}

.health-display[b-ddowkgyg1i] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-4, 1rem);
    border-radius: var(--radius-md, 8px);
    font-weight: var(--font-weight-semibold, 600);
    font-size: var(--text-lg, 1.125rem);
    margin-bottom: var(--space-4, 1rem);
}

.health-display.healthy[b-ddowkgyg1i] {
    background-color: rgba(34, 197, 94, 0.1);
    color: var(--color-success, #22c55e);
}

.health-display.unhealthy[b-ddowkgyg1i] {
    background-color: rgba(239, 68, 68, 0.1);
    color: var(--color-error, #DC0000);
}

.health-details[b-ddowkgyg1i] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 0.5rem);
}

.detail-item[b-ddowkgyg1i] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-2, 0.5rem) 0;
    border-bottom: 1px solid var(--color-gray-200, #e5e7eb);
}

.detail-item:last-child[b-ddowkgyg1i] {
    border-bottom: none;
}

.detail-item .label[b-ddowkgyg1i] {
    color: var(--color-gray-600, #4b5563);
    font-size: var(--text-sm, 0.875rem);
}

.detail-item .value[b-ddowkgyg1i] {
    font-weight: var(--font-weight-medium, 500);
}

.stats-grid[b-ddowkgyg1i] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-3, 0.75rem);
}

.stat-item[b-ddowkgyg1i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-3, 0.75rem);
    background-color: var(--color-gray-100, #f3f4f6);
    border-radius: var(--radius-sm, 4px);
}

.stat-item.warning[b-ddowkgyg1i] {
    background-color: rgba(234, 179, 8, 0.1);
}

.stat-item.success[b-ddowkgyg1i] {
    background-color: rgba(34, 197, 94, 0.1);
}

.stat-value[b-ddowkgyg1i] {
    font-size: var(--text-2xl, 1.5rem);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-gray-900, #111827);
}

.stat-item.warning .stat-value[b-ddowkgyg1i] {
    color: var(--color-warning, #eab308);
}

.stat-item.success .stat-value[b-ddowkgyg1i] {
    color: var(--color-success, #22c55e);
}

.stat-label[b-ddowkgyg1i] {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-gray-600, #4b5563);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
}

.sync-progress[b-ddowkgyg1i] {
    padding: var(--space-4, 1rem);
    background-color: var(--color-gray-50, #f9fafb);
    border-radius: var(--radius-md, 8px);
}

.sync-result[b-ddowkgyg1i] {
    margin-top: var(--space-4, 1rem);
    padding: var(--space-3, 0.75rem);
    border-radius: var(--radius-md, 8px);
}

.sync-result.success[b-ddowkgyg1i] {
    background-color: rgba(34, 197, 94, 0.1);
}

.sync-result.error[b-ddowkgyg1i] {
    background-color: rgba(239, 68, 68, 0.1);
}

/* Mobile responsiveness */
@media (max-width: 767px) {
    .stats-grid[b-ddowkgyg1i] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Invoice/CommandPalette/CommandPalette.razor.rz.scp.css */
/* Command Palette - overlay modal with search and keyboard navigation */

.command-palette-overlay[b-ibm5lbm84v] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 10000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 15vh;
    animation: fadeIn-b-ibm5lbm84v 0.15s ease-out;
}

@keyframes fadeIn-b-ibm5lbm84v {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.command-palette-modal[b-ibm5lbm84v] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.3);
    width: 100%;
    max-width: 640px;
    max-height: 70vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: slideIn-b-ibm5lbm84v 0.2s ease-out;
}

@media (max-width: 767px) {
    .command-palette-modal[b-ibm5lbm84v] {
        max-width: calc(100vw - 2rem);
        margin: 0 1rem;
    }
}

@keyframes slideIn-b-ibm5lbm84v {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.command-palette-header[b-ibm5lbm84v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.command-palette-icon[b-ibm5lbm84v] {
    font-size: 1.25rem;
    color: #6b7280;
    flex-shrink: 0;
}

.command-palette-input[b-ibm5lbm84v] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 1rem;
    color: #111827;
    background: transparent;
}

.command-palette-input[b-ibm5lbm84v]::placeholder {
    color: #9ca3af;
}

.command-palette-close[b-ibm5lbm84v] {
    background: none;
    border: none;
    color: #6b7280;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.25rem;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.15s;
}

.command-palette-close:hover[b-ibm5lbm84v] {
    color: #111827;
}

.command-palette-results[b-ibm5lbm84v] {
    flex: 1;
    overflow-y: auto;
    max-height: 400px;
}

.command-palette-item[b-ibm5lbm84v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.1s;
    border-bottom: 1px solid #f3f4f6;
}

.command-palette-item:hover[b-ibm5lbm84v],
.command-palette-item.selected[b-ibm5lbm84v] {
    background-color: #f9fafb;
}

.command-palette-item.selected[b-ibm5lbm84v] {
    background-color: #f3f4f6;
}

.command-icon[b-ibm5lbm84v] {
    font-size: 1.25rem;
    color: #6b7280;
    flex-shrink: 0;
}

.command-content[b-ibm5lbm84v] {
    flex: 1;
    min-width: 0;
}

.command-title[b-ibm5lbm84v] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.command-category[b-ibm5lbm84v] {
    font-size: 0.75rem;
    font-weight: 400;
    color: #6b7280;
    background: #f3f4f6;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
}

.command-description[b-ibm5lbm84v] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.command-palette-empty[b-ibm5lbm84v] {
    padding: 3rem 1rem;
    text-align: center;
    color: #6b7280;
    font-size: 0.875rem;
}

.command-palette-footer[b-ibm5lbm84v] {
    border-top: 1px solid #e5e7eb;
    padding: 0.75rem 1rem;
    background: #f9fafb;
}

.command-palette-hint[b-ibm5lbm84v] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    font-size: 0.75rem;
    color: #6b7280;
}

.command-palette-hint kbd[b-ibm5lbm84v] {
    display: inline-block;
    padding: 0.125rem 0.375rem;
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
    font-size: 0.75rem;
    color: #374151;
    margin: 0 0.125rem;
}

@media (max-width: 767px) {
    .command-palette-hint[b-ibm5lbm84v] {
        font-size: 0.625rem;
    }

    .command-palette-hint kbd[b-ibm5lbm84v] {
        padding: 0.0625rem 0.25rem;
        font-size: 0.625rem;
    }
}
/* /Components/Invoice/FaWierszForm.razor.rz.scp.css */
/* Mobile-optimized layout for invoice line item form */
/* Compliant with academic standards: single column, proper spacing, progressive disclosure */

/* ========================================
   ITEM HEADER - Reduced Empty Space
   ======================================== */

/* Reduce header row gap on mobile */
@media (max-width: 767px) {
    /* Header row - compact */
    [b-w0tpvasu92] .rz-row:first-child {
        gap: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    /* Badge column - smaller on mobile */
    [b-w0tpvasu92] .rz-col-1 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    /* Text column - take remaining space */
    [b-w0tpvasu92] .rz-col-8 {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    /* Button column - auto width */
    [b-w0tpvasu92] .rz-col-3 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    /* HR separator - less margin */
    hr[b-w0tpvasu92] {
        margin: 0.75rem 0 !important;
    }
}

/* ========================================
   TOUCH TARGETS - Action Buttons (44x44px)
   ======================================== */

/* Increase touch targets for action icons */
[b-w0tpvasu92] .rz-button.rz-button-sm,
[b-w0tpvasu92] .rz-button[data-size="small"] {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0.5rem !important;
}

/* Icon buttons in header */
[b-w0tpvasu92] .rz-stack.rz-orientation-horizontal > .rz-button.rz-variant-text {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0.625rem !important;
    border-radius: 8px !important;
}

/* Icon size in buttons */
[b-w0tpvasu92] .rz-button.rz-variant-text .rz-button-icon {
    font-size: 1.25rem !important;
}

/* ========================================
   NUMERIC FIELDS - Better Mobile Layout
   ======================================== */

@media (max-width: 767px) {
    /* Numeric fields row - 2 column grid */
    [b-w0tpvasu92] .rz-row:has(.decimal-input) {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }

    /* All columns in numeric row - full grid cell */
    [b-w0tpvasu92] .rz-row:has(.decimal-input) > .rz-col-6,
    [b-w0tpvasu92] .rz-row:has(.decimal-input) > .rz-col-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

    /* Wartość (value) field - spans full width */
    [b-w0tpvasu92] .rz-row:has(.decimal-input) > .rz-col-12 {
        grid-column: span 2 !important;
    }

    /* Form field labels - smaller on mobile */
    [b-w0tpvasu92] .rz-form-field-label {
        font-size: 0.75rem !important;
        margin-bottom: 0.25rem !important;
    }

    /* Compact inputs */
    [b-w0tpvasu92] .rz-textbox,
    [b-w0tpvasu92] .rz-numeric,
    [b-w0tpvasu92] .rz-dropdown {
        min-height: 44px !important;
    }
}

/* ========================================
   COLLAPSIBLE SECTIONS - Larger Touch Area
   ======================================== */

/* Panel header - clickable area */
[b-w0tpvasu92] .rz-panel {
    border: 1px solid var(--rz-border-color, #e5e7eb);
    border-radius: 8px;
    margin-top: 0.75rem;
    overflow: hidden;
}

[b-w0tpvasu92] .rz-panel > .rz-text-caption {
    display: block !important;
    min-height: 44px !important;
    padding: 0.75rem 1rem !important;
    margin: 0 !important;
    cursor: pointer !important;
    background-color: var(--rz-base-100, #f9fafb);
    border-radius: 8px;
    transition: background-color 0.2s;
}

[b-w0tpvasu92] .rz-panel > .rz-text-caption:hover {
    background-color: var(--rz-base-200, #e5e7eb);
}

/* Panel content padding */
[b-w0tpvasu92] .rz-panel-content {
    padding: 1rem;
}

@media (max-width: 767px) {
    [b-w0tpvasu92] .rz-panel > .rz-text-caption {
        font-size: 0.8125rem !important;
        padding: 1rem !important;
    }

    [b-w0tpvasu92] .rz-panel-content {
        padding: 0.75rem;
    }
}

/* Mobile-first: single column layout */
@media (max-width: 767px) {
    /* Force all fields to full width (single column) */
    [b-w0tpvasu92] .rz-row {
        display: flex;
        flex-direction: column;
        gap: 16px; /* Reduced from 24px for compact layout */
    }

    /* Override Radzen column sizing - all fields 100% width on mobile */
    [b-w0tpvasu92] .rz-col-6,
    [b-w0tpvasu92] .rz-col-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Ensure form fields use full width */
    [b-w0tpvasu92] .rz-form-field {
        width: 100% !important;
    }

    /* Spacing before action buttons */
    [b-w0tpvasu92] .rz-card {
        padding: 0.75rem;
    }

    /* Make collapsible panel headers more prominent on mobile */
    [b-w0tpvasu92] .rz-panel-header {
        padding: 1rem;
        background-color: var(--rz-base-100, #f9fafb);
        border-radius: 8px;
        margin-bottom: 0.5rem;
        min-height: 44px;
    }

    /* Increase touch target for panel toggles */
    [b-w0tpvasu92] .rz-panel-toggle {
        min-width: 44px;
        min-height: 44px;
    }

    /* Stack header buttons vertically on mobile */
    [b-w0tpvasu92] .rz-stack-horizontal {
        flex-direction: column;
        align-items: stretch !important;
    }

    [b-w0tpvasu92] .rz-button {
        width: 100%;
    }
}

/* Desktop: keep multi-column layout */
@media (min-width: 768px) {
    /* Original responsive grid layout */
    [b-w0tpvasu92] .rz-row {
        gap: 1rem;
    }
}

/* Progressive disclosure enhancement - make panels stand out */
[b-w0tpvasu92] .rz-panel {
    border: 1px solid var(--rz-border-color, #e5e7eb);
    border-radius: 12px;
    padding: 0.5rem;
    margin-top: 1rem;
    background-color: var(--rz-base-50, #fafafa);
    transition: background-color 0.2s ease-in-out;
}

[b-w0tpvasu92] .rz-panel[aria-expanded="true"] {
    background-color: var(--rz-base-background-color, #ffffff);
    border-color: var(--color-red, #DC0000);
}

/* Make collapsed panel header look clickable */
[b-w0tpvasu92] .rz-panel-header {
    cursor: pointer;
    user-select: none;
}

[b-w0tpvasu92] .rz-panel-header:hover {
    background-color: var(--rz-base-200, #e5e7eb);
}

/* Accessible focus states */
[b-w0tpvasu92] .rz-panel-toggle:focus-visible {
    outline: 2px solid var(--rz-primary, #2563eb);
    outline-offset: 2px;
}

/* Monospace for numeric fields (already in markup but ensure it's applied) */
[b-w0tpvasu92] input[type="number"],
[b-w0tpvasu92] .decimal-input input {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
    font-variant-numeric: tabular-nums;
}

/* Ensure calculated/readonly values are visually distinct */
[b-w0tpvasu92] .rz-form-field.readonly,
[b-w0tpvasu92] .rz-form-field[readonly] {
    background-color: var(--rz-base-100, #f9fafb);
}

[b-w0tpvasu92] .rz-form-field.readonly input,
[b-w0tpvasu92] .rz-form-field[readonly] input {
    font-weight: 600;
    color: var(--rz-success, #10b981);
}

/* ========================================
   VISUAL SEPARATORS - Between Invoice Items
   ======================================== */

/* Strong visual separation between invoice items */
[b-w0tpvasu92] .rz-card {
    border-bottom: 2px solid var(--rz-border-color, #e5e7eb);
    margin-bottom: 1.5rem;
    position: relative;
}

/* Alternating background for better readability */
[b-w0tpvasu92] .rz-card:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.015);
}

/* Item number badge styling */
[b-w0tpvasu92] .rz-badge {
    font-weight: 700;
    min-width: 2rem;
    text-align: center;
}

/* Ultra-compact styles merged into mobile breakpoint above */
/* /Components/Invoice/FaWierszList.razor.rz.scp.css */
/* FaWierszList - Visual Separation Between Items */

/* ========================================
   ITEM SEPARATION - Better Visual Distinction
   ======================================== */

/* Container for invoice items */
[b-h3yw7sbqo4] .rz-stack {
    gap: 1rem !important;
}

/* Individual item card styling */
[b-h3yw7sbqo4] .rz-card {
    border-left: 4px solid var(--rz-primary, #dc2626) !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Hover effect for item cards */
[b-h3yw7sbqo4] .rz-card:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    border-left-color: var(--color-red-dark, #b91c1c) !important;
}

/* Alternating background for better visual distinction */
[b-h3yw7sbqo4] .rz-card:nth-child(even) {
    background-color: var(--rz-base-100, #fafafa);
}

[b-h3yw7sbqo4] .rz-card:nth-child(odd) {
    background-color: var(--color-white, #ffffff);
}

/* Separator line between items - more visible */
[b-h3yw7sbqo4] .rz-card + .rz-card::before {
    content: '';
    display: block;
    position: absolute;
    top: -0.75rem;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, var(--rz-primary, #dc2626) 30%, transparent 100%);
}

/* Mobile-specific adjustments */
@media (max-width: 767px) {
    /* Reduced margin between items on mobile */
    [b-h3yw7sbqo4] .rz-card {
        margin-bottom: 0.75rem !important;
    }

    /* Stronger visual separator on mobile */
    [b-h3yw7sbqo4] .rz-card {
        border-left-width: 3px !important;
        border-bottom: 1px solid var(--rz-border-color, #e5e7eb) !important;
    }

    /* Last item - no bottom border */
    [b-h3yw7sbqo4] .rz-card:last-of-type {
        border-bottom: none !important;
    }

    /* Alert for empty state */
    [b-h3yw7sbqo4] .rz-alert {
        border-radius: 8px;
        padding: 1rem !important;
    }
}

/* ========================================
   ADD BUTTON - Full Width on Mobile
   ======================================== */

@media (max-width: 767px) {
    [b-h3yw7sbqo4] .rz-row > .rz-col-12 > .rz-button {
        width: 100% !important;
        min-height: 48px !important;
        font-size: 0.9375rem !important;
    }
}

/* ========================================
   SUMMARY CARD - Compact on Mobile
   ======================================== */

[b-h3yw7sbqo4] .rz-card.rz-variant-flat {
    padding: 0.75rem 1rem !important;
    border-radius: 8px !important;
}

@media (max-width: 767px) {
    [b-h3yw7sbqo4] .rz-card.rz-variant-flat {
        padding: 0.5rem 0.75rem !important;
    }

    [b-h3yw7sbqo4] .rz-card.rz-variant-flat .rz-stack {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.25rem !important;
    }

    [b-h3yw7sbqo4] .rz-card.rz-variant-flat .rz-text-body1 {
        font-size: 0.8125rem !important;
    }

    [b-h3yw7sbqo4] .rz-card.rz-variant-flat .rz-text-h5 {
        font-size: 1rem !important;
    }
}
/* /Components/Invoice/Layout/MobileBottomNav.razor.rz.scp.css */
/* Mobile Bottom Navigation - WCAG 2.2 Compliant */

.mobile-bottom-nav[b-jpay12kw57] {
    /* Hidden by default on desktop */
    display: none;
}

/* Show on mobile and tablet devices (< 1024px) */
@media (max-width: 1023px) {
    .mobile-bottom-nav[b-jpay12kw57] {
        display: flex;
        /* Fixed positioning to stick to bottom of viewport */
        position: fixed;
        top: auto !important;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;

        /* Height: 72px base + safe area for notched displays */
        height: calc(72px + env(safe-area-inset-bottom));
        padding-bottom: env(safe-area-inset-bottom);

        /* Visual styling */
        background: var(--rz-base-background-color, #ffffff);
        border-top: 2px solid var(--color-black, #000000);
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);

        /* Flexbox layout for even spacing */
        justify-content: space-around;
        align-items: flex-start;
        gap: 0;
        padding-left: max(env(safe-area-inset-left), 0.5rem);
        padding-right: max(env(safe-area-inset-right), 0.5rem);
        padding-top: 0.5rem;
    }

    .nav-item[b-jpay12kw57] {
        /* WCAG 2.2 Level AA: Minimum 48px touch target */
        min-width: 48px;
        min-height: 48px;

        /* Flexbox for icon + label stacking */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;

        /* Reset button styles */
        background: none;
        border: none;
        padding: 0.25rem 0.5rem;
        cursor: pointer;

        /* Flex growth for even distribution */
        flex: 1;

        /* Text styling */
        font-size: 0.625rem; /* 10px */
        font-weight: 500;
        color: var(--rz-text-secondary-color, #6b7280);
        line-height: 1.2;
        text-align: center;

        /* Transition for smooth state changes */
        transition: all 0.2s ease-in-out;

        /* Remove tap highlight on mobile */
        -webkit-tap-highlight-color: transparent;

        /* Border radius for focus visible */
        border-radius: 8px;
    }

    /* Icon sizing */
    .nav-item :deep(.rz-icon)[b-jpay12kw57] {
        font-size: 1.5rem; /* 24px */
        transition: all 0.2s ease-in-out;
    }

    /* Hover state (for devices with pointer) */
    @media (hover: hover) {
        .nav-item:hover[b-jpay12kw57] {
            background-color: var(--rz-base-background-color-hover, #f3f4f6);
            color: var(--rz-text-color, #111827);
        }

        .nav-item:hover :deep(.rz-icon)[b-jpay12kw57] {
            transform: scale(1.1);
        }
    }

    /* Active state - highlighted section */
    .nav-item.active[b-jpay12kw57] {
        color: var(--color-red, #DC0000);
        font-weight: 600;
    }

    .nav-item.active :deep(.rz-icon)[b-jpay12kw57] {
        color: var(--color-red, #DC0000);
        transform: scale(1.15);
    }

    /* Focus visible for keyboard navigation (WCAG 2.2) */
    .nav-item:focus-visible[b-jpay12kw57] {
        outline: 2px solid var(--rz-primary, #2563eb);
        outline-offset: 2px;
        background-color: var(--rz-base-background-color-hover, #f3f4f6);
    }

    /* Active/pressed state for touch feedback */
    .nav-item:active[b-jpay12kw57] {
        background-color: var(--rz-base-200, #e5e7eb);
        transform: scale(0.95);
    }

    /* Ensure text doesn't wrap */
    .nav-item span[b-jpay12kw57] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
}

/* Extra small device styles merged into main mobile block above */

/* Spacer utility class for pages using mobile bottom nav */
/* Add to bottom of content to prevent overlap */
.mobile-nav-spacer[b-jpay12kw57] {
    display: none;
}

@media (max-width: 1023px) {
    .mobile-nav-spacer[b-jpay12kw57] {
        display: block;
        height: calc(72px + env(safe-area-inset-bottom));
    }
}
/* /Components/Invoice/Layout/SectionNavigationLayout.razor.rz.scp.css */
/* Section Navigation Layout - Vertical Menu + Scrollable Sections */

/* Remove padding from parent containers for invoice forms */
:global(.rz-body:has(.section-nav-layout))[b-t2akrh4lk9] {
    padding: 0 !important;
}

:global(.content-wrapper:has(.section-nav-layout))[b-t2akrh4lk9] {
    padding: 0 !important;
}

.section-nav-layout[b-t2akrh4lk9] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Section Header - displayed above navigation */
.section-header[b-t2akrh4lk9] {
    padding: var(--space-4, 1rem) var(--space-8, 2rem);
    background: var(--color-white, #ffffff);
    border-bottom: var(--border-medium, 3px solid #000000);
    flex-shrink: 0;
}

/* ========================================
   DESKTOP MODE - Side Menu + Content
   ======================================== */

.section-nav-desktop[b-t2akrh4lk9] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 0;
    flex: 1;
    min-height: 0;
}

/* Side Menu */
.section-menu[b-t2akrh4lk9] {
    position: sticky;
    top: 0;
    align-self: start;
    background: var(--color-white, #ffffff);
    border-right: var(--border-medium, 3px solid #000000);
    padding: var(--space-4, 1rem) 0;
}

.menu-nav[b-t2akrh4lk9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 0.5rem);
    padding: 0 var(--space-2, 0.5rem);
}

.menu-item[b-t2akrh4lk9] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
    border: var(--border-thin, 2px solid #000000);
    background: var(--color-white, #ffffff);
    border-radius: var(--radius-sm, 2px);
    cursor: pointer;
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-black, #000000);
    text-align: left;
    transition: var(--transition-fast, 0.1s ease-out);
    width: 100%;

    /* Remove button defaults */
    -webkit-appearance: none;
    -moz-appearance: none;
}

.menu-item :deep(.rz-icon)[b-t2akrh4lk9] {
    font-size: 1.25rem;
    flex-shrink: 0;
    transition: var(--transition-fast, 0.1s ease-out);
}

.menu-item:hover[b-t2akrh4lk9] {
    background-color: var(--color-white, #ffffff);
    color: var(--color-black, #000000);
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-sm, 2px 2px 0 #000000);
}

.menu-item:hover :deep(.rz-icon)[b-t2akrh4lk9] {
    transform: translateX(0);
}

.menu-item.active[b-t2akrh4lk9] {
    background-color: var(--color-red-pale, #FFE5E5);
    color: var(--color-red, #DC0000);
    font-weight: var(--font-weight-bold, 700);
    border-color: var(--color-red, #DC0000);
}

.menu-item.active :deep(.rz-icon)[b-t2akrh4lk9] {
    color: var(--color-red, #DC0000);
}

.menu-item:focus-visible[b-t2akrh4lk9] {
    outline: var(--border-medium, 3px solid #000000);
    outline-offset: 2px;
}

/* Content Area */
.section-content[b-t2akrh4lk9] {
    overflow-y: auto;
    align-self: stretch;
}

.sections-container[b-t2akrh4lk9] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--space-2, 0.5rem) var(--space-8, 2rem);
}

.form-section[b-t2akrh4lk9] {
    background: var(--color-white, #ffffff);
    border-radius: var(--radius-md, 4px);
    padding: var(--space-6, 1.5rem);
    margin-bottom: var(--space-4, 1rem);
    border: var(--border-medium, 3px solid #000000);
    box-shadow: none;
    scroll-margin-top: 8rem;
    transition: var(--transition-fast, 0.1s ease-out);
    font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

.form-section:hover[b-t2akrh4lk9] {
    transform: translate(-4px, -4px);
    box-shadow: var(--shadow-md, 4px 4px 0 #000000);
}

.form-section:last-child[b-t2akrh4lk9] {
    margin-bottom: 0;
}

/* Smooth scroll */
.section-content[b-t2akrh4lk9] {
    scroll-behavior: smooth;
}

/* ========================================
   MOBILE MODE - Bottom Navigation (mobile + tablet)
   ======================================== */

@media (max-width: 1023px) {
    .section-nav-mobile[b-t2akrh4lk9] {
        /* Remove height constraints - let content flow naturally */
        width: 100%;
    }

    .mobile-content[b-t2akrh4lk9] {
        /* Reduced padding for mobile - 4x smaller than desktop (2rem -> 0.5rem) */
        padding: var(--space-2, 0.5rem);
        /* Add bottom padding to prevent content from being hidden behind fixed nav */
        padding-bottom: calc(72px + env(safe-area-inset-bottom) + var(--space-2, 0.5rem));
    }

    .mobile-nav-spacer[b-t2akrh4lk9] {
        /* Spacer no longer needed with fixed positioning but kept for safety */
        display: block;
        height: 0;
    }
}

/* ========================================
   TABLET - Narrower menu
   ======================================== */

@media (min-width: 768px) and (max-width: 1023px) {
    .section-nav-desktop[b-t2akrh4lk9] {
        grid-template-columns: 200px 1fr;
    }

    .menu-item[b-t2akrh4lk9] {
        font-size: var(--text-sm, 0.875rem);
        padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    }

    .sections-container[b-t2akrh4lk9] {
        padding: var(--space-6, 1.5rem);
    }
}

/* ========================================
   SCROLLBAR STYLING
   ======================================== */

.section-content[b-t2akrh4lk9]::-webkit-scrollbar {
    width: 6px;
}

.section-content[b-t2akrh4lk9]::-webkit-scrollbar-track {
    background: transparent;
}

.section-content[b-t2akrh4lk9]::-webkit-scrollbar-thumb {
    background: var(--rz-text-disabled-color, #d1d5db);
    border-radius: 3px;
}

.section-content[b-t2akrh4lk9]::-webkit-scrollbar-thumb:hover {
    background: var(--rz-text-secondary-color, #9ca3af);
}

/* ========================================
   ANIMATIONS
   ======================================== */

@keyframes slideInFromLeft-b-t2akrh4lk9 {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.form-section[b-t2akrh4lk9] {
    animation: slideInFromLeft-b-t2akrh4lk9 0.3s ease-out;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .section-content[b-t2akrh4lk9],
    .form-section[b-t2akrh4lk9] {
        scroll-behavior: auto;
        animation: none;
    }

    .menu-item :deep(.rz-icon)[b-t2akrh4lk9] {
        transition: none;
    }
}

/* ========================================
   PRINT STYLES
   ======================================== */

@media print {
    .section-menu[b-t2akrh4lk9] {
        display: none;
    }

    .section-nav-desktop[b-t2akrh4lk9] {
        grid-template-columns: 1fr;
    }

    .section-content[b-t2akrh4lk9] {
        height: auto;
        overflow: visible;
    }

    .form-section[b-t2akrh4lk9] {
        box-shadow: none;
        page-break-inside: avoid;
    }
}
/* /Components/Invoice/Layout/SplitCanvasLayout.razor.rz.scp.css */
/* Split Canvas Layout - Responsive Invoice Form Layout */

.split-canvas-layout[b-fc1rctjtl8] {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: var(--rz-base-background-color, #ffffff);
}

/* ========================================
   DESKTOP MODE - Split View (40/60)
   ======================================== */

.split-canvas-desktop[b-fc1rctjtl8] {
    display: grid;
    grid-template-columns: 40% 60%;
    height: 100%;
    min-height: calc(100vh - 64px); /* Account for header */
    gap: 0;
}

.form-panel[b-fc1rctjtl8] {
    background-color: var(--rz-base-background-color, #ffffff);
    border-right: 1px solid var(--rz-border-color, #e5e7eb);
    overflow-y: auto;
    height: 100%;
}

.form-content[b-fc1rctjtl8] {
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.preview-panel[b-fc1rctjtl8] {
    background-color: var(--rz-base-100, #f9fafb);
    overflow-y: auto;
    height: 100%;
    position: sticky;
    top: 0;
}

/* Scrollbar styling for form and preview panels */
.form-panel[b-fc1rctjtl8]::-webkit-scrollbar,
.preview-panel[b-fc1rctjtl8]::-webkit-scrollbar {
    width: 8px;
}

.form-panel[b-fc1rctjtl8]::-webkit-scrollbar-track,
.preview-panel[b-fc1rctjtl8]::-webkit-scrollbar-track {
    background: transparent;
}

.form-panel[b-fc1rctjtl8]::-webkit-scrollbar-thumb,
.preview-panel[b-fc1rctjtl8]::-webkit-scrollbar-thumb {
    background: var(--rz-text-disabled-color, #d1d5db);
    border-radius: 4px;
}

.form-panel[b-fc1rctjtl8]::-webkit-scrollbar-thumb:hover,
.preview-panel[b-fc1rctjtl8]::-webkit-scrollbar-thumb:hover {
    background: var(--rz-text-secondary-color, #9ca3af);
}

/* ========================================
   MOBILE MODE - Single Panel with Bottom Nav
   ======================================== */

@media (max-width: 767px) {
    .split-canvas-mobile[b-fc1rctjtl8] {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        padding-bottom: env(safe-area-inset-bottom);
    }

    .mobile-content[b-fc1rctjtl8] {
        flex: 1;
        overflow-y: auto;
        padding-bottom: 0;
        /* Account for mobile bottom nav */
        min-height: calc(100vh - 72px - env(safe-area-inset-bottom));
    }

    .mobile-form-container[b-fc1rctjtl8] {
        padding: 1rem;
    }

    .mobile-preview-container[b-fc1rctjtl8] {
        padding: 0;
        background-color: var(--rz-base-100, #f9fafb);
    }

    /* Mobile nav spacer is defined in MobileBottomNav.razor.css */
    .mobile-nav-spacer[b-fc1rctjtl8] {
        display: block;
        height: calc(72px + env(safe-area-inset-bottom));
        flex-shrink: 0;
    }
}

/* ========================================
   TABLET MODE - Adjusted proportions
   ======================================== */

@media (min-width: 768px) and (max-width: 1023px) {
    .split-canvas-desktop[b-fc1rctjtl8] {
        grid-template-columns: 45% 55%;
    }

    .form-content[b-fc1rctjtl8] {
        padding: 1.5rem;
    }
}

/* ========================================
   LARGE DESKTOP - Max width for form content
   ======================================== */

@media (min-width: 1920px) {
    .form-content[b-fc1rctjtl8] {
        max-width: 900px;
    }
}

/* ========================================
   TRANSITIONS & ANIMATIONS
   ======================================== */

.mobile-content[b-fc1rctjtl8] {
    transition: opacity 0.2s ease-in-out;
}

/* Fade in animation for section changes */
@keyframes fadeIn-b-fc1rctjtl8 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mobile-form-container[b-fc1rctjtl8],
.mobile-preview-container[b-fc1rctjtl8] {
    animation: fadeIn-b-fc1rctjtl8 0.3s ease-out;
}

/* ========================================
   PRINT STYLES
   ======================================== */

@media print {
    .split-canvas-desktop[b-fc1rctjtl8] {
        display: block;
    }

    .form-panel[b-fc1rctjtl8] {
        display: none;
    }

    .preview-panel[b-fc1rctjtl8] {
        width: 100%;
        overflow: visible;
        border: none;
    }

    .mobile-bottom-nav[b-fc1rctjtl8] {
        display: none !important;
    }

    .mobile-nav-spacer[b-fc1rctjtl8] {
        display: none !important;
    }
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

/* Reduce motion for users with motion sensitivity */
@media (prefers-reduced-motion: reduce) {
    .mobile-content[b-fc1rctjtl8],
    .mobile-form-container[b-fc1rctjtl8],
    .mobile-preview-container[b-fc1rctjtl8] {
        transition: none;
        animation: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .form-panel[b-fc1rctjtl8] {
        border-right-width: 2px;
    }
}
/* /Components/Invoice/Preview/InvoicePreviewRenderer.razor.rz.scp.css */
/* Invoice Preview Renderer - PDF-like invoice display */

.invoice-preview[b-la1ym1yo0z] {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.invoice-page[b-la1ym1yo0z] {
    background: white;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Header */
.invoice-header[b-la1ym1yo0z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #e5e7eb;
}

.invoice-number[b-la1ym1yo0z] {
    cursor: pointer;
    transition: background-color 0.15s;
    padding: 0.5rem;
    margin: -0.5rem;
    border-radius: 4px;
}

.invoice-number:hover[b-la1ym1yo0z] {
    background-color: #fef3c7;
}

.invoice-number h1[b-la1ym1yo0z] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.25rem 0;
}

.invoice-id[b-la1ym1yo0z] {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, monospace;
}

.invoice-dates[b-la1ym1yo0z] {
    text-align: right;
}

.date-item[b-la1ym1yo0z] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: background-color 0.15s;
    padding: 0.25rem 0.5rem;
    margin-right: -0.5rem;
    border-radius: 4px;
}

.date-item:hover[b-la1ym1yo0z] {
    background-color: #fef3c7;
}

.date-label[b-la1ym1yo0z] {
    font-size: 0.875rem;
    color: #6b7280;
}

.date-value[b-la1ym1yo0z] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
    font-family: ui-monospace, SFMono-Regular, monospace;
}

/* Parties */
.invoice-parties[b-la1ym1yo0z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.party-box[b-la1ym1yo0z] {
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f9fafb;
    min-height: 150px;
}

.party-box.buyer[b-la1ym1yo0z] {
    cursor: pointer;
    transition: all 0.15s;
}

.party-box.buyer:hover[b-la1ym1yo0z] {
    background-color: #fef3c7;
    border-color: #fbbf24;
}

.party-box h3[b-la1ym1yo0z] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.75rem 0;
}

.party-name[b-la1ym1yo0z] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 0.5rem 0;
}

.party-nip[b-la1ym1yo0z] {
    font-size: 0.875rem;
    color: #374151;
    margin: 0 0 0.5rem 0;
    font-family: ui-monospace, SFMono-Regular, monospace;
}

.party-address[b-la1ym1yo0z] {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.5;
    margin: 0;
}

/* Items */
.invoice-items[b-la1ym1yo0z] {
    margin-bottom: 2rem;
    cursor: pointer;
    transition: background-color 0.15s;
    padding: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    border-radius: 8px;
}

.invoice-items:hover[b-la1ym1yo0z] {
    background-color: #fef3c7;
}

.invoice-items h3[b-la1ym1yo0z] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1rem 0;
}

.items-table[b-la1ym1yo0z] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.items-table th[b-la1ym1yo0z] {
    background: #f3f4f6;
    padding: 0.75rem 0.5rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    border-bottom: 2px solid #d1d5db;
}

.items-table td[b-la1ym1yo0z] {
    padding: 0.75rem 0.5rem;
    border-bottom: 1px solid #e5e7eb;
    color: #111827;
}

.items-table tbody tr:last-child td[b-la1ym1yo0z] {
    border-bottom: none;
}

.items-table .item-name[b-la1ym1yo0z] {
    font-weight: 500;
}

.items-table .numeric[b-la1ym1yo0z] {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, monospace;
}

/* Summary */
.invoice-summary[b-la1ym1yo0z] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid #e5e7eb;
    max-width: 400px;
    margin-left: auto;
}

.summary-row[b-la1ym1yo0z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    font-size: 0.875rem;
}

.summary-row.total[b-la1ym1yo0z] {
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 2px solid #111827;
    font-size: 1rem;
    font-weight: 700;
}

.summary-label[b-la1ym1yo0z] {
    color: #6b7280;
}

.summary-row.total .summary-label[b-la1ym1yo0z] {
    color: #111827;
}

.summary-value[b-la1ym1yo0z] {
    font-family: ui-monospace, SFMono-Regular, monospace;
    font-weight: 600;
    color: #111827;
}

/* Empty states */
.empty-text[b-la1ym1yo0z],
.invoice-empty[b-la1ym1yo0z] {
    color: #9ca3af;
    font-style: italic;
    text-align: center;
    padding: 2rem;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .invoice-page[b-la1ym1yo0z] {
        padding: 1rem;
    }

    .invoice-header[b-la1ym1yo0z] {
        flex-direction: column;
        gap: 1rem;
    }

    .invoice-dates[b-la1ym1yo0z] {
        text-align: left;
    }

    .date-item[b-la1ym1yo0z] {
        justify-content: flex-start;
    }

    .invoice-number h1[b-la1ym1yo0z] {
        font-size: 1.25rem;
    }

    .invoice-parties[b-la1ym1yo0z] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .items-table[b-la1ym1yo0z] {
        font-size: 0.75rem;
    }

    .items-table th[b-la1ym1yo0z],
    .items-table td[b-la1ym1yo0z] {
        padding: 0.5rem 0.25rem;
    }

    /* Hide some columns on mobile for better readability */
    .items-table th:nth-child(4)[b-la1ym1yo0z],
    .items-table td:nth-child(4)[b-la1ym1yo0z] {
        display: none;
    }
}
/* /Components/Invoice/Preview/LivePreviewPanel.razor.rz.scp.css */
/* Live Preview Panel - real-time invoice preview */

.live-preview-panel[b-m2zmhs4mnu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #f9fafb;
    border-left: 1px solid #e5e7eb;
}

.live-preview-header[b-m2zmhs4mnu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background: white;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.live-preview-title[b-m2zmhs4mnu] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.live-preview-actions[b-m2zmhs4mnu] {
    display: flex;
    gap: 0.5rem;
}

.preview-action-btn[b-m2zmhs4mnu] {
    background: transparent;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
}

.preview-action-btn:hover:not(:disabled)[b-m2zmhs4mnu] {
    background: #f9fafb;
    border-color: #9ca3af;
}

.preview-action-btn:disabled[b-m2zmhs4mnu] {
    opacity: 0.5;
    cursor: not-allowed;
}

.preview-icon[b-m2zmhs4mnu] {
    font-size: 1.125rem;
    line-height: 1;
}

.live-preview-content[b-m2zmhs4mnu] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    background: #f3f4f6;
}

.live-preview-content.fullscreen[b-m2zmhs4mnu] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    padding: 2rem;
    background: white;
}

.preview-loading[b-m2zmhs4mnu],
.preview-error[b-m2zmhs4mnu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 400px;
    color: #6b7280;
}

.preview-spinner[b-m2zmhs4mnu] {
    width: 48px;
    height: 48px;
    border: 4px solid #e5e7eb;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-m2zmhs4mnu 1s linear infinite;
}

@keyframes spin-b-m2zmhs4mnu {
    to {
        transform: rotate(360deg);
    }
}

.preview-loading p[b-m2zmhs4mnu],
.preview-error p[b-m2zmhs4mnu] {
    margin-top: 1rem;
    font-size: 0.875rem;
}

.error-icon[b-m2zmhs4mnu] {
    font-size: 2rem;
    color: var(--color-red, #DC0000);
}

.retry-btn[b-m2zmhs4mnu] {
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    background: #3b82f6;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background 0.15s;
}

.retry-btn:hover[b-m2zmhs4mnu] {
    background: #2563eb;
}

.preview-hint[b-m2zmhs4mnu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #eff6ff;
    border-top: 1px solid #bfdbfe;
    color: #1e40af;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.hint-icon[b-m2zmhs4mnu] {
    font-size: 1rem;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .live-preview-header[b-m2zmhs4mnu] {
        padding: 0.75rem 1rem;
    }

    .live-preview-title[b-m2zmhs4mnu] {
        font-size: 0.875rem;
    }

    .preview-action-btn[b-m2zmhs4mnu] {
        min-width: 32px;
        min-height: 32px;
        padding: 0.375rem;
    }

    .preview-icon[b-m2zmhs4mnu] {
        font-size: 1rem;
    }

    .live-preview-content[b-m2zmhs4mnu] {
        padding: 1rem;
    }

    .preview-hint[b-m2zmhs4mnu] {
        font-size: 0.6875rem;
        padding: 0.5rem 0.75rem;
    }
}
/* /Components/Invoice/Sections/CorrectionLineItemsSection.razor.rz.scp.css */
/* CorrectionLineItemsSection - Soft Brutalism Design */

/* Karta pozycji */
.correction-position-card[b-7a1ppqaz01] {
    border: 2px solid var(--color-black, #000);
    margin-bottom: 1rem;
    background: var(--color-white, #fff);
    transition: all 0.15s ease;
}

.correction-position-card--selected[b-7a1ppqaz01] {
    border-color: var(--color-red, #DC0000);
    border-width: 3px;
    box-shadow: 4px 4px 0 var(--color-black, #000);
}

/* Nagłówek karty */
.correction-position-card__header[b-7a1ppqaz01] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 2px solid var(--color-black, #000);
    background: #f5f5f5;
    flex-wrap: wrap;
}

.correction-position-card--selected .correction-position-card__header[b-7a1ppqaz01] {
    background: #fff5f5;
}

.correction-position-card__title[b-7a1ppqaz01] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    min-width: 200px;
}

.correction-position-card__original-value[b-7a1ppqaz01] {
    font-family: var(--font-mono, monospace);
    font-weight: 700;
    font-size: 1rem;
    color: var(--color-black, #000);
}

.position-number[b-7a1ppqaz01] {
    font-weight: 700;
    font-family: var(--font-mono, monospace);
    color: #666;
}

.position-name[b-7a1ppqaz01] {
    font-weight: 600;
    word-break: break-word;
}

.position-vat[b-7a1ppqaz01] {
    background: var(--color-black, #000);
    color: var(--color-white, #fff);
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

/* Checkbox */
.correction-checkbox[b-7a1ppqaz01] {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

.correction-checkbox input[type="checkbox"][b-7a1ppqaz01] {
    width: 24px;
    height: 24px;
    accent-color: var(--color-red, #DC0000);
    cursor: pointer;
}

/* Body karty z porównaniem */
.correction-position-card__body[b-7a1ppqaz01] {
    padding: 1rem;
}

/* Porównanie przed/po */
.correction-comparison[b-7a1ppqaz01] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: stretch;
}

.correction-comparison__before[b-7a1ppqaz01],
.correction-comparison__after[b-7a1ppqaz01] {
    padding: 1rem;
    border: 2px solid var(--color-black, #000);
}

.correction-comparison__before[b-7a1ppqaz01] {
    background: #fff3f3;
}

.correction-comparison__after[b-7a1ppqaz01] {
    background: #f3fff3;
}

.comparison-label[b-7a1ppqaz01] {
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    letter-spacing: 0.05em;
    color: #333;
}

.comparison-values[b-7a1ppqaz01],
.comparison-inputs[b-7a1ppqaz01] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.comparison-value[b-7a1ppqaz01] {
    font-family: var(--font-mono, monospace);
    font-weight: 600;
}

.comparison-unit[b-7a1ppqaz01],
.comparison-currency[b-7a1ppqaz01] {
    color: #666;
    font-size: 0.875rem;
}

.comparison-operator[b-7a1ppqaz01] {
    color: #999;
    font-weight: 600;
}

.comparison-total[b-7a1ppqaz01] {
    margin-top: 0.75rem;
    font-weight: 600;
    font-family: var(--font-mono, monospace);
    padding-top: 0.5rem;
    border-top: 1px dashed #ccc;
}

.comparison-total--new[b-7a1ppqaz01] {
    color: var(--color-black, #000);
}

.correction-comparison__arrow[b-7a1ppqaz01] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #666;
}

/* Różnica */
.correction-difference[b-7a1ppqaz01] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    font-weight: 600;
    border: 2px solid var(--color-black, #000);
    background: #f5f5f5;
}

.correction-difference--negative[b-7a1ppqaz01] {
    background: #ffebee;
    border-left: 4px solid var(--color-red, #DC0000);
}

.correction-difference--positive[b-7a1ppqaz01] {
    background: #e8f5e9;
    border-left: 4px solid #4caf50;
}

.correction-difference__text[b-7a1ppqaz01] {
    font-size: 0.875rem;
}

.correction-difference__text strong[b-7a1ppqaz01] {
    font-family: var(--font-mono, monospace);
}

/* Podsumowanie */
.correction-summary[b-7a1ppqaz01] {
    margin-top: 1.5rem;
    padding: 1.25rem;
    border: 3px solid var(--color-black, #000);
    background: #fafafa;
    box-shadow: 4px 4px 0 var(--color-black, #000);
}

.correction-summary__title[b-7a1ppqaz01] {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--color-black, #000);
    letter-spacing: 0.05em;
}

.correction-summary__grid[b-7a1ppqaz01] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.correction-summary__row[b-7a1ppqaz01] {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
    font-size: 0.9375rem;
}

.correction-summary__row--total[b-7a1ppqaz01] {
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 2px solid var(--color-black, #000);
    font-size: 1.125rem;
}

.correction-summary__row strong[b-7a1ppqaz01] {
    font-family: var(--font-mono, monospace);
}

.correction-summary__message[b-7a1ppqaz01] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border: 2px solid var(--color-black, #000);
    font-weight: 600;
}

.correction-summary__message--decrease[b-7a1ppqaz01] {
    background: #ffebee;
    color: var(--color-red, #DC0000);
}

.correction-summary__message--increase[b-7a1ppqaz01] {
    background: #e8f5e9;
    color: #2e7d32;
}

/* Kolory tekstu */
.text-negative[b-7a1ppqaz01] {
    color: var(--color-red, #DC0000);
}

.text-positive[b-7a1ppqaz01] {
    color: #2e7d32;
}

/* Responsywność - Tablet */
@media (max-width: 1023px) {
    .correction-comparison[b-7a1ppqaz01] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .correction-comparison__arrow[b-7a1ppqaz01] {
        transform: rotate(90deg);
        justify-self: center;
        padding: 0.25rem 0;
    }

    .correction-comparison__arrow .material-symbols-outlined[b-7a1ppqaz01] {
        font-size: 1.5rem;
    }
}

/* Responsywność - Mobile */
@media (max-width: 767px) {
    .correction-position-card__header[b-7a1ppqaz01] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .correction-position-card__header .correction-checkbox[b-7a1ppqaz01] {
        order: -1;
        align-self: flex-start;
    }

    .correction-position-card__title[b-7a1ppqaz01] {
        min-width: 100%;
    }

    .correction-position-card__original-value[b-7a1ppqaz01] {
        align-self: flex-end;
    }

    .comparison-inputs[b-7a1ppqaz01] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .comparison-inputs .comparison-operator[b-7a1ppqaz01] {
        display: none;
    }

    .comparison-inputs::deep .rz-spinner[b-7a1ppqaz01] {
        width: 100% !important;
    }

    .correction-difference[b-7a1ppqaz01] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .correction-summary__row[b-7a1ppqaz01] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .correction-summary__row strong[b-7a1ppqaz01] {
        font-size: 1.125rem;
    }
}

/* Animacje */
.correction-position-card[b-7a1ppqaz01] {
    animation: slideIn-b-7a1ppqaz01 0.2s ease-out;
}

@keyframes slideIn-b-7a1ppqaz01 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Invoice/Sections/MinimalSettlementSection.razor.rz.scp.css */
/* Settlement Summary Styles */
.settlement-summary-v3[b-bil9jm46aj] {
    margin-top: var(--space-4, 1rem);
    border: var(--border-medium, 3px solid black);
    border-radius: var(--radius-md, 8px);
    background: var(--color-gray-50, #f9fafb);
    overflow: hidden;
}

.settlement-summary-v3__header[b-bil9jm46aj] {
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
    border-bottom: var(--border-thin, 2px solid black);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    background: var(--color-white, #fff);
}

.settlement-summary-v3__body[b-bil9jm46aj] {
    padding: var(--space-4, 1rem);
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 0.5rem);
}

.settlement-summary-v3 .summary-row[b-bil9jm46aj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-2, 0.5rem) 0;
}

.settlement-summary-v3 .summary-row--indent[b-bil9jm46aj] {
    padding-left: var(--space-4, 1rem);
    color: var(--color-gray-600, #4b5563);
}

.settlement-summary-v3 .summary-row--total[b-bil9jm46aj] {
    border-top: var(--border-thin, 2px solid black);
    margin-top: var(--space-2, 0.5rem);
    padding-top: var(--space-3, 0.75rem);
    font-weight: 500;
}

.settlement-summary-v3 .summary-row--final[b-bil9jm46aj] {
    font-weight: 700;
    font-size: 1.1rem;
    border-top: var(--border-medium, 3px solid black);
    padding-top: var(--space-3, 0.75rem);
    margin-top: var(--space-2, 0.5rem);
    background: var(--color-white, #fff);
    margin: var(--space-2, 0.5rem) calc(-1 * var(--space-4, 1rem)) calc(-1 * var(--space-4, 1rem));
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
}

.settlement-summary-v3 .amount[b-bil9jm46aj] {
    font-family: var(--font-mono, monospace);
    font-weight: 500;
}

.settlement-summary-v3 .amount.negative[b-bil9jm46aj] {
    color: var(--color-red, #DC0000);
}
/* /Components/Invoice/Sections/SummarySection.razor.rz.scp.css */
/* SummarySection - Mobile Responsive Styles */

/* ========================================
   ACTION BUTTONS - Grid Layout
   ======================================== */

/* Default: flex row on desktop */
.summary-action-buttons[b-14i12gsp2v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
}

/* Mobile: 2-column grid */
@media (max-width: 767px) {
    .summary-action-buttons[b-14i12gsp2v] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
        padding: 0 0.5rem;
    }

    .summary-action-buttons[b-14i12gsp2v]  .rz-button {
        min-height: 44px !important;
        font-size: 0.75rem !important;
        padding: 0.5rem 0.375rem !important;
    }

    .summary-action-buttons[b-14i12gsp2v]  .rz-button .rz-button-icon {
        font-size: 1rem !important;
        margin-right: 0.25rem !important;
    }
}

/* ========================================
   VAT SUMMARY - Desktop Table / Mobile List
   ======================================== */

/* Desktop: show table, hide list */
.vat-table-desktop[b-14i12gsp2v] {
    display: block;
}

/* Force fixed table layout for VAT summary */
.vat-table-desktop[b-14i12gsp2v]  .rz-data-grid table {
    table-layout: fixed !important;
    width: 100% !important;
}

.vat-table-desktop[b-14i12gsp2v]  .rz-data-grid th,
.vat-table-desktop[b-14i12gsp2v]  .rz-data-grid td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.5rem 0.75rem !important;
}

/* Ensure column headers have proper spacing */
.vat-table-desktop[b-14i12gsp2v]  .rz-data-grid thead th {
    font-weight: 600;
    border-bottom: 2px solid var(--color-black, #000);
}

.vat-list-mobile[b-14i12gsp2v] {
    display: none;
}

/* Mobile: hide table, show list */
@media (max-width: 767px) {
    .vat-table-desktop[b-14i12gsp2v] {
        display: none !important;
    }

    .vat-list-mobile[b-14i12gsp2v] {
        display: block !important;
        margin-bottom: var(--space-4, 1rem);
    }

    .vat-row-mobile[b-14i12gsp2v] {
        padding: 0.75rem;
        border-bottom: 1px solid var(--rz-border-color, #e5e7eb);
        background-color: var(--rz-base-50, #fafafa);
        border-radius: 8px;
        margin-bottom: 0.5rem;
    }

    .vat-row-mobile:last-child[b-14i12gsp2v] {
        border-bottom: none;
        margin-bottom: 0;
    }

    .vat-row-header[b-14i12gsp2v] {
        font-weight: 600;
        font-size: 0.875rem;
        color: var(--rz-primary, #2563eb);
        margin-bottom: 0.375rem;
    }

    .vat-row-values[b-14i12gsp2v] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        font-size: 0.8125rem;
        font-family: monospace;
    }

    .vat-value[b-14i12gsp2v] {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }

    .vat-label[b-14i12gsp2v] {
        color: var(--rz-text-secondary-color, #6b7280);
        font-family: inherit;
        font-weight: normal;
    }

    .vat-brutto[b-14i12gsp2v] {
        font-weight: 600;
    }
}

/* ========================================
   Sum Values - Stack Vertically on Mobile
   ======================================== */
@media (max-width: 767px) {
    /* Force sum rows to be properly visible */
    [b-14i12gsp2v] .rz-row {
        flex-wrap: wrap !important;
    }

    /* Make label and value stack better */
    [b-14i12gsp2v] .rz-col-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    /* Ensure values align properly */
    [b-14i12gsp2v] .rz-text-align-right {
        text-align: right !important;
    }

    /* Sum labels - slightly smaller */
    [b-14i12gsp2v] .rz-text-subtitle1 {
        font-size: 0.875rem !important;
    }

    /* "Do Zapłaty" section - make more prominent */
    [b-14i12gsp2v] .rz-text-h4 {
        font-size: 1.125rem !important;
    }
}

/* ========================================
   XML Preview - Better Mobile Display
   ======================================== */
@media (max-width: 767px) {
    /* XML preview container */
    [b-14i12gsp2v] pre {
        font-size: 0.625rem !important;
        padding: 0.5rem !important;
        max-height: 300px !important;
        overflow-x: auto !important;
        white-space: pre !important;
        word-wrap: normal !important;
    }

    /* Validation error table */
    [b-14i12gsp2v] .rz-datatable-paginator {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 0.5rem !important;
    }
}

/* ========================================
   Card & Fieldset - Reduced Padding on Mobile
   ======================================== */
@media (max-width: 767px) {
    [b-14i12gsp2v] .rz-card {
        padding: 0.75rem !important;
    }

    [b-14i12gsp2v] .rz-fieldset {
        padding: 0.5rem !important;
    }

    [b-14i12gsp2v] .rz-fieldset-legend {
        font-size: 0.8125rem !important;
    }
}
/* /Components/Invoice/Shared/OfflineInvoiceBadge.razor.rz.scp.css */
/* OfflineInvoiceBadge - Soft Brutalism styling */

.offline-badge[b-yy13zqbe03] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 2px solid var(--color-black, #000);
    position: relative;
    cursor: default;
}

.offline-badge__icon[b-yy13zqbe03] {
    font-size: 0.875rem;
}

.offline-badge__text[b-yy13zqbe03] {
    white-space: nowrap;
}

/* Status variants */
.offline-badge--queued[b-yy13zqbe03] {
    background: #FFA500;
    color: var(--color-black, #000);
}

.offline-badge--sent[b-yy13zqbe03] {
    background: #28a745;
    color: var(--color-white, #fff);
}

.offline-badge--failed[b-yy13zqbe03] {
    background: var(--color-red, #DC0000);
    color: var(--color-white, #fff);
}

.offline-badge--withdrawn[b-yy13zqbe03] {
    background: #6c757d;
    color: var(--color-white, #fff);
}

.offline-badge--force[b-yy13zqbe03] {
    background: #007bff;
    color: var(--color-white, #fff);
}

/* Tooltip */
.offline-badge__tooltip[b-yy13zqbe03] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 200px;
    max-width: 280px;
    padding: 8px 12px;
    background: var(--color-black, #000);
    color: var(--color-white, #fff);
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    border: 2px solid var(--color-black, #000);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.offline-badge__tooltip[b-yy13zqbe03]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--color-black, #000);
}

.tooltip-row[b-yy13zqbe03] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
}

.tooltip-row:not(:last-child)[b-yy13zqbe03] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.tooltip-row .material-symbols-outlined[b-yy13zqbe03] {
    font-size: 0.875rem;
    flex-shrink: 0;
}

.tooltip-row.error[b-yy13zqbe03] {
    color: #ff6b6b;
}

.tooltip-row.success[b-yy13zqbe03] {
    color: #69db7c;
}

/* Hover effect */
.offline-badge:hover[b-yy13zqbe03] {
    box-shadow: 2px 2px 0 var(--color-black, #000);
}

/* Mobile - tooltip below instead */
@media (max-width: 480px) {
    .offline-badge__tooltip[b-yy13zqbe03] {
        bottom: auto;
        top: calc(100% + 8px);
        left: 0;
        transform: none;
        min-width: 180px;
    }

    .offline-badge__tooltip[b-yy13zqbe03]::after {
        top: auto;
        bottom: 100%;
        border-top-color: transparent;
        border-bottom-color: var(--color-black, #000);
    }
}
/* /Components/Invoice/Shared/PaymentForm.razor.rz.scp.css */
/* PaymentForm - Mobile Responsive Styles */

/* ========================================
   PAID CHECKBOX - Enhanced Visibility
   ======================================== */

/* Highlight the "Faktura zapłacona?" section */
[b-vzfpqodxum] .rz-stack:has(> .rz-label[for*="cbZaplacono"]),
[b-vzfpqodxum] .rz-stack:has(> [name="cbZaplacono"]) {
    background-color: var(--rz-base-100, #f5f5f5) !important;
    padding: 0.75rem 1rem !important;
    border-radius: 8px !important;
    border: 1px solid var(--rz-border-color, #e5e7eb) !important;
}

/* Checkbox touch target - WCAG 2.2 compliant (44x44px) */
[b-vzfpqodxum] .rz-chkbox {
    min-width: 44px !important;
    min-height: 44px !important;
}

[b-vzfpqodxum] .rz-chkbox-box {
    min-width: 24px !important;
    min-height: 24px !important;
}

/* Label styling for checkbox */
[b-vzfpqodxum] .rz-label[for*="cbZaplacono"] {
    font-weight: 600 !important;
    font-size: 0.9375rem !important;
    color: var(--rz-text-title, #1a1a1a) !important;
}

/* Date picker in same row - responsive */
@media (max-width: 767px) {
    /* Stack checkbox and date picker vertically on mobile */
    [b-vzfpqodxum] .rz-stack.rz-orientation-horizontal:has([name="cbZaplacono"]) {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }

    /* Date picker full width on mobile */
    [b-vzfpqodxum] .rz-stack:has([name="cbZaplacono"]) .rz-datepicker {
        width: 100% !important;
    }
}

/* ========================================
   FORM SECTIONS - Mobile Responsive
   ======================================== */

@media (max-width: 767px) {
    /* All form rows - full width columns on mobile */
    [b-vzfpqodxum] .rz-row {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }

    [b-vzfpqodxum] .rz-col-6,
    [b-vzfpqodxum] .rz-col-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Form field inputs */
    [b-vzfpqodxum] .rz-form-field {
        width: 100% !important;
    }

    [b-vzfpqodxum] .rz-textbox,
    [b-vzfpqodxum] .rz-numeric,
    [b-vzfpqodxum] .rz-dropdown,
    [b-vzfpqodxum] .rz-datepicker {
        width: 100% !important;
        min-height: 44px !important;
    }

    /* Subsection headers - compact */
    [b-vzfpqodxum] .rz-text-subtitle2 {
        font-size: 0.875rem !important;
        margin-bottom: 0.5rem !important;
    }

    /* HR separators - less margin */
    hr[b-vzfpqodxum] {
        margin: 0.75rem 0 !important;
    }

    /* Fieldset padding */
    [b-vzfpqodxum] .rz-fieldset {
        padding: 0.75rem !important;
    }

    [b-vzfpqodxum] .rz-fieldset-legend {
        font-size: 0.8125rem !important;
    }

    /* Card padding in expanded sections */
    [b-vzfpqodxum] .rz-card {
        padding: 0.75rem !important;
    }
}

/* ========================================
   SWITCHES - Enhanced Touch Targets
   ======================================== */

/* Progressive disclosure switches */
[b-vzfpqodxum] .rz-switch {
    min-width: 44px !important;
    min-height: 28px !important;
}

/* Switch container row - better alignment */
[b-vzfpqodxum] .rz-stack.rz-orientation-horizontal:has(.rz-switch) {
    padding: 0.5rem 0 !important;
}

/* ========================================
   PARTIAL PAYMENTS SECTION
   ======================================== */

@media (max-width: 767px) {
    /* Partial payment cards - stack columns */
    [b-vzfpqodxum] .rz-card .rz-row {
        flex-direction: column !important;
    }

    /* Delete button - full width action area */
    [b-vzfpqodxum] .rz-card .rz-stack.rz-orientation-horizontal.rz-justify-content-end {
        justify-content: center !important;
        width: 100% !important;
    }

    [b-vzfpqodxum] .rz-card .rz-button.rz-variant-text {
        min-width: 44px !important;
        min-height: 44px !important;
    }
}

/* ========================================
   PAYMENT TERM SECTION
   ======================================== */

/* Term type select bar - full width on mobile */
@media (max-width: 767px) {
    [b-vzfpqodxum] .rz-selectbar {
        width: 100% !important;
    }

    [b-vzfpqodxum] .rz-selectbar-item {
        flex: 1 !important;
        min-height: 44px !important;
        padding: 0.75rem !important;
    }
}

/* ========================================
   BANK ACCOUNT SECTION
   ======================================== */

@media (max-width: 767px) {
    /* Bank account cards - compact layout */
    [b-vzfpqodxum] .rz-card .rz-row.rz-align-items-center {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    /* NRB field - monospace for readability */
    [b-vzfpqodxum] input[placeholder*="cyfr"],
    [b-vzfpqodxum] input[placeholder*="NRB"] {
        font-family: monospace !important;
        letter-spacing: 0.5px !important;
    }
}

/* ========================================
   BUTTONS - Consistent Touch Targets
   ======================================== */

[b-vzfpqodxum] .rz-button.rz-button-sm {
    min-height: 44px !important;
    padding: 0.625rem 1rem !important;
}

/* Add buttons - better visibility */
[b-vzfpqodxum] .rz-button:has(.material-icons-outlined[data-icon="add"]) {
    min-height: 44px !important;
}
/* /Components/Invoice/Shared/SendModeDialog.razor.rz.scp.css */
/* SendModeDialog - Soft Brutalism styling */

.send-mode-dialog[b-6o0bvh0u0p] {
    min-width: 420px;
    max-width: 500px;
    padding: var(--space-5, 1.25rem);
}

.send-mode-dialog__header[b-6o0bvh0u0p] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    margin-bottom: var(--space-5, 1.25rem);
    padding-bottom: var(--space-3, 0.75rem);
    border-bottom: 2px solid var(--color-black, #000);
}

.send-mode-dialog__header .material-symbols-outlined[b-6o0bvh0u0p] {
    font-size: 1.75rem;
    color: var(--color-red, #DC0000);
}

.send-mode-dialog__header h3[b-6o0bvh0u0p] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-black, #000);
}

/* Option cards */
.send-mode-dialog__options[b-6o0bvh0u0p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3, 0.75rem);
    margin-bottom: var(--space-4, 1rem);
}

.send-mode-card[b-6o0bvh0u0p] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    padding: var(--space-4, 1rem);
    border: 2px solid var(--color-black, #000);
    background: var(--color-white, #fff);
    cursor: pointer;
    transition: all 0.15s ease;
}

.send-mode-card:hover[b-6o0bvh0u0p] {
    background: #f5f5f5;
    box-shadow: 2px 2px 0 var(--color-black, #000);
}

.send-mode-card.selected[b-6o0bvh0u0p] {
    background: #fef2f2;
    border-color: var(--color-red, #DC0000);
    box-shadow: 3px 3px 0 var(--color-black, #000);
}

.send-mode-card__icon[b-6o0bvh0u0p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--color-black, #000);
    color: var(--color-white, #fff);
    flex-shrink: 0;
}

.send-mode-card.selected .send-mode-card__icon[b-6o0bvh0u0p] {
    background: var(--color-red, #DC0000);
}

.send-mode-card__icon .material-symbols-outlined[b-6o0bvh0u0p] {
    font-size: 1.5rem;
}

.send-mode-card__content[b-6o0bvh0u0p] {
    flex: 1;
}

.send-mode-card__content h4[b-6o0bvh0u0p] {
    margin: 0 0 var(--space-1, 0.25rem) 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-black, #000);
}

.send-mode-card__content p[b-6o0bvh0u0p] {
    margin: 0;
    font-size: 0.875rem;
    color: #666;
}

.send-mode-card__check[b-6o0bvh0u0p] {
    width: 24px;
    flex-shrink: 0;
}

.send-mode-card__check .material-symbols-outlined[b-6o0bvh0u0p] {
    font-size: 1.5rem;
    color: var(--color-red, #DC0000);
}

/* Offline options */
.send-mode-dialog__offline-options[b-6o0bvh0u0p] {
    padding: var(--space-4, 1rem);
    margin-bottom: var(--space-4, 1rem);
    background: #f9f9f9;
    border: 2px solid var(--color-black, #000);
}

.send-mode-label[b-6o0bvh0u0p] {
    display: block;
    font-weight: 700;
    margin-bottom: var(--space-2, 0.5rem);
    font-size: 0.875rem;
    color: var(--color-black, #000);
}

.send-mode-radio-group[b-6o0bvh0u0p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 0.5rem);
    margin-bottom: var(--space-3, 0.75rem);
}

.send-mode-radio[b-6o0bvh0u0p] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    border: 2px solid transparent;
    background: var(--color-white, #fff);
    cursor: pointer;
    transition: all 0.15s ease;
}

.send-mode-radio:hover[b-6o0bvh0u0p] {
    background: #f0f0f0;
}

.send-mode-radio.selected[b-6o0bvh0u0p] {
    border-color: var(--color-red, #DC0000);
    background: #fef2f2;
}

.send-mode-radio input[type="radio"][b-6o0bvh0u0p] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-red, #DC0000);
    cursor: pointer;
}

.radio-label[b-6o0bvh0u0p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.radio-label strong[b-6o0bvh0u0p] {
    font-size: 0.9rem;
    color: var(--color-black, #000);
}

.radio-hint[b-6o0bvh0u0p] {
    font-size: 0.8rem;
    color: #666;
}

.send-mode-deadline-info[b-6o0bvh0u0p] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-3, 0.75rem);
    background: var(--color-white, #fff);
    border: 2px solid var(--color-black, #000);
    margin-bottom: var(--space-3, 0.75rem);
}

.send-mode-deadline-info .material-symbols-outlined[b-6o0bvh0u0p] {
    color: var(--color-red, #DC0000);
}

.send-mode-deadline-info strong[b-6o0bvh0u0p] {
    color: var(--color-red, #DC0000);
}

.send-mode-info-box[b-6o0bvh0u0p] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    background: #e8f4fd;
    border-left: 3px solid #0066cc;
    font-size: 0.8rem;
    color: #333;
}

.send-mode-info-box .material-symbols-outlined[b-6o0bvh0u0p] {
    font-size: 1rem;
    color: #0066cc;
    flex-shrink: 0;
    margin-top: 2px;
}

/* Actions */
.send-mode-dialog__actions[b-6o0bvh0u0p] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-3, 0.75rem);
    padding-top: var(--space-4, 1rem);
    border-top: 2px solid var(--color-black, #000);
}

.send-mode-dialog__actions .btn-v3[b-6o0bvh0u0p] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-2, 0.5rem) var(--space-4, 1rem);
    font-weight: 700;
    font-size: 0.9rem;
    border: 2px solid var(--color-black, #000);
    cursor: pointer;
    transition: all 0.15s ease;
}

.send-mode-dialog__actions .btn-v3--secondary[b-6o0bvh0u0p] {
    background: var(--color-white, #fff);
    color: var(--color-black, #000);
}

.send-mode-dialog__actions .btn-v3--secondary:hover[b-6o0bvh0u0p] {
    background: #f0f0f0;
    box-shadow: 2px 2px 0 var(--color-black, #000);
}

.send-mode-dialog__actions .btn-v3--primary[b-6o0bvh0u0p] {
    background: var(--color-red, #DC0000);
    color: var(--color-white, #fff);
}

.send-mode-dialog__actions .btn-v3--primary:hover:not(:disabled)[b-6o0bvh0u0p] {
    background: #b00000;
    box-shadow: 2px 2px 0 var(--color-black, #000);
}

.send-mode-dialog__actions .btn-v3--primary:disabled[b-6o0bvh0u0p] {
    background: #ccc;
    border-color: #999;
    cursor: not-allowed;
}

.send-mode-dialog__actions .btn-v3 .material-symbols-outlined[b-6o0bvh0u0p] {
    font-size: 1.1rem;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
    .send-mode-dialog[b-6o0bvh0u0p] {
        min-width: 100%;
        padding: var(--space-4, 1rem);
    }

    .send-mode-card__icon[b-6o0bvh0u0p] {
        width: 40px;
        height: 40px;
    }

    .send-mode-dialog__actions[b-6o0bvh0u0p] {
        flex-direction: column;
    }

    .send-mode-dialog__actions .btn-v3[b-6o0bvh0u0p] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Invoice/Sync/OfflineDashboardAlert.razor.rz.scp.css */
/* OfflineDashboardAlert - Soft Brutalism styling */

.offline-alert[b-0kg5o8groc] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
    background: #FFF3CD;
    border: 3px solid var(--color-black, #000);
    box-shadow: 3px 3px 0 var(--color-black, #000);
    margin-bottom: var(--space-4, 1rem);
}

.offline-alert__icon[b-0kg5o8groc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #FFA500;
    border: 2px solid var(--color-black, #000);
    flex-shrink: 0;
}

.offline-alert__icon .material-symbols-outlined[b-0kg5o8groc] {
    font-size: 1.25rem;
    color: var(--color-black, #000);
}

.offline-alert__content[b-0kg5o8groc] {
    flex: 1;
    font-size: 0.9rem;
    color: var(--color-black, #000);
}

.offline-alert__content strong[b-0kg5o8groc] {
    font-weight: 700;
}

.offline-alert__deadline[b-0kg5o8groc] {
    color: #666;
    font-size: 0.85rem;
}

.offline-alert__actions[b-0kg5o8groc] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    flex-shrink: 0;
}

.btn-view[b-0kg5o8groc] {
    display: flex;
    align-items: center;
    gap: var(--space-1, 0.25rem);
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    background: var(--color-black, #000);
    color: var(--color-white, #fff);
    border: 2px solid var(--color-black, #000);
    font-weight: 600;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-view:hover[b-0kg5o8groc] {
    background: #333;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.btn-view .material-symbols-outlined[b-0kg5o8groc] {
    font-size: 1rem;
}

.btn-dismiss[b-0kg5o8groc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

.btn-dismiss:hover[b-0kg5o8groc] {
    opacity: 1;
}

.btn-dismiss .material-symbols-outlined[b-0kg5o8groc] {
    font-size: 1.25rem;
    color: var(--color-black, #000);
}

/* Mobile responsiveness */
@media (max-width: 600px) {
    .offline-alert[b-0kg5o8groc] {
        flex-wrap: wrap;
    }

    .offline-alert__content[b-0kg5o8groc] {
        flex-basis: calc(100% - 60px);
    }

    .offline-alert__deadline[b-0kg5o8groc] {
        display: block;
        margin-top: 4px;
    }

    .offline-alert__actions[b-0kg5o8groc] {
        width: 100%;
        justify-content: flex-end;
        padding-top: var(--space-2, 0.5rem);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .btn-view[b-0kg5o8groc] {
        flex: 1;
        justify-content: center;
    }
}
/* /Components/Invoice/Sync/OfflineQueuePanel.razor.rz.scp.css */
/* OfflineQueuePanel - Soft Brutalism styling */

.offline-queue-panel[b-7p154iq91n] {
    background: var(--color-white, #fff);
    border: 3px solid var(--color-black, #000);
    box-shadow: 4px 4px 0 var(--color-black, #000);
}

/* Header */
.offline-queue-panel__header[b-7p154iq91n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-4, 1rem);
    border-bottom: 2px solid var(--color-black, #000);
    background: #f9f9f9;
}

.header-title[b-7p154iq91n] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
}

.header-title .material-symbols-outlined[b-7p154iq91n] {
    font-size: 1.5rem;
    color: var(--color-red, #DC0000);
}

.header-title h3[b-7p154iq91n] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
}

.header-title .badge[b-7p154iq91n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    background: var(--color-red, #DC0000);
    color: var(--color-white, #fff);
    font-size: 0.75rem;
    font-weight: 700;
    border: 2px solid var(--color-black, #000);
}

.header-actions[b-7p154iq91n] {
    display: flex;
    gap: var(--space-2, 0.5rem);
}

.btn-icon[b-7p154iq91n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--color-white, #fff);
    border: 2px solid var(--color-black, #000);
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-icon:hover:not(:disabled)[b-7p154iq91n] {
    background: #f0f0f0;
    box-shadow: 2px 2px 0 var(--color-black, #000);
}

.btn-icon:disabled[b-7p154iq91n] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Loading, Error, Empty states */
.offline-queue-panel__loading[b-7p154iq91n],
.offline-queue-panel__error[b-7p154iq91n],
.offline-queue-panel__empty[b-7p154iq91n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-6, 1.5rem);
    text-align: center;
    color: #666;
}

.offline-queue-panel__loading .material-symbols-outlined[b-7p154iq91n],
.offline-queue-panel__empty .material-symbols-outlined[b-7p154iq91n] {
    font-size: 2.5rem;
    color: #999;
}

.offline-queue-panel__error .material-symbols-outlined[b-7p154iq91n] {
    font-size: 2.5rem;
    color: var(--color-red, #DC0000);
}

.btn-text[b-7p154iq91n] {
    background: none;
    border: none;
    color: var(--color-red, #DC0000);
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

/* Table */
.offline-queue-panel__table[b-7p154iq91n] {
    overflow-x: auto;
}

.table-header[b-7p154iq91n] {
    display: grid;
    grid-template-columns: 1fr 1.5fr 100px 120px 100px 100px;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
    background: var(--color-black, #000);
    color: var(--color-white, #fff);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.table-row[b-7p154iq91n] {
    display: grid;
    grid-template-columns: 1fr 1.5fr 100px 120px 100px 100px;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
    border-bottom: 1px solid #e0e0e0;
    align-items: center;
    font-size: 0.875rem;
}

.table-row:hover[b-7p154iq91n] {
    background: #f9f9f9;
}

.table-row.row-failed[b-7p154iq91n] {
    background: #fef2f2;
}

.table-row.row-sent[b-7p154iq91n] {
    background: #f0fdf4;
}

.col-number[b-7p154iq91n] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-buyer[b-7p154iq91n] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}

.col-amount[b-7p154iq91n] {
    font-family: monospace;
    text-align: right;
}

.col-deadline[b-7p154iq91n] {
    font-size: 0.8rem;
}

.col-deadline.deadline-urgent[b-7p154iq91n] {
    color: var(--color-red, #DC0000);
    font-weight: 700;
}

.col-deadline.deadline-soon[b-7p154iq91n] {
    color: #FFA500;
    font-weight: 600;
}

.col-actions[b-7p154iq91n] {
    display: flex;
    gap: 4px;
}

.btn-action[b-7p154iq91n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 2px solid var(--color-black, #000);
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-action:hover:not(:disabled)[b-7p154iq91n] {
    box-shadow: 2px 2px 0 var(--color-black, #000);
}

.btn-action:disabled[b-7p154iq91n] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-force[b-7p154iq91n] {
    background: #007bff;
    color: var(--color-white, #fff);
}

.btn-withdraw[b-7p154iq91n] {
    background: #6c757d;
    color: var(--color-white, #fff);
}

.btn-retry[b-7p154iq91n] {
    background: #FFA500;
    color: var(--color-black, #000);
}

.btn-action .material-symbols-outlined[b-7p154iq91n] {
    font-size: 1rem;
}

/* Footer */
.offline-queue-panel__footer[b-7p154iq91n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
    border-top: 2px solid var(--color-black, #000);
    background: #f9f9f9;
}

.footer-info[b-7p154iq91n] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    font-size: 0.8rem;
    color: #666;
}

.footer-info .material-symbols-outlined[b-7p154iq91n] {
    font-size: 1rem;
}

.btn-send-all[b-7p154iq91n] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    background: var(--color-red, #DC0000);
    color: var(--color-white, #fff);
    border: 2px solid var(--color-black, #000);
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-send-all:hover:not(:disabled)[b-7p154iq91n] {
    background: #b00000;
    box-shadow: 2px 2px 0 var(--color-black, #000);
}

.btn-send-all:disabled[b-7p154iq91n] {
    background: #ccc;
    border-color: #999;
    cursor: not-allowed;
}

/* Spinning animation */
.spinning[b-7p154iq91n] {
    animation: spin-b-7p154iq91n 1s linear infinite;
}

@keyframes spin-b-7p154iq91n {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.text-muted[b-7p154iq91n] {
    color: #999;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .table-header[b-7p154iq91n] {
        display: none;
    }

    .table-row[b-7p154iq91n] {
        display: flex;
        flex-direction: column;
        gap: var(--space-2, 0.5rem);
        padding: var(--space-3, 0.75rem);
        border: 2px solid var(--color-black, #000);
        margin: var(--space-2, 0.5rem);
    }

    .table-row[b-7p154iq91n]::before {
        content: attr(data-number);
        font-weight: 700;
    }

    .col-number[b-7p154iq91n] {
        font-size: 1rem;
    }

    .col-actions[b-7p154iq91n] {
        width: 100%;
        justify-content: flex-end;
        padding-top: var(--space-2, 0.5rem);
        border-top: 1px solid #e0e0e0;
    }

    .offline-queue-panel__footer[b-7p154iq91n] {
        flex-direction: column;
        gap: var(--space-3, 0.75rem);
    }

    .btn-send-all[b-7p154iq91n] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Invoice/Sync/PurchaseInvoiceSyncPanel.razor.rz.scp.css */
.sync-panel[b-zszg7mrgiv] {
    background-color: var(--color-white, #ffffff);
    border: 1px solid var(--color-gray-200, #e5e7eb);
    border-radius: var(--radius-md, 8px);
    padding: var(--space-4, 1rem);
    margin-bottom: var(--space-4, 1rem);
}

.sync-diagnostics[b-zszg7mrgiv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3, 0.75rem);
}

.diagnostics-grid[b-zszg7mrgiv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--space-2, 0.5rem);
}

.diag-item[b-zszg7mrgiv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.diag-label[b-zszg7mrgiv] {
    font-size: 0.7rem;
    color: var(--color-gray-500, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.diag-value[b-zszg7mrgiv] {
    font-weight: 600;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 0.875rem;
    color: var(--color-black, #000);
}

code.diag-value[b-zszg7mrgiv] {
    background: var(--color-gray-200, #e5e7eb);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.75rem;
}

.sync-progress[b-zszg7mrgiv] {
    min-width: 200px;
}

.sync-result[b-zszg7mrgiv] {
    margin-top: var(--space-3, 0.75rem);
    padding: var(--space-3, 0.75rem);
    border-radius: var(--radius-sm, 4px);
}

.sync-result.success[b-zszg7mrgiv] {
    background-color: rgba(34, 197, 94, 0.1);
    border: 1px solid var(--color-success, #22c55e);
}

.sync-result.error[b-zszg7mrgiv] {
    background-color: rgba(239, 68, 68, 0.1);
    border: 2px solid var(--color-error, #DC0000);
}

/* Mobile responsiveness */
@media (max-width: 767px) {
    .sync-panel[b-zszg7mrgiv] {
        padding: var(--space-3, 0.75rem);
    }

    .diagnostics-grid[b-zszg7mrgiv] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Invoice/Sync/RetryOfflinePanel.razor.rz.scp.css */
/* RetryOfflinePanel uses RadzenAlert styling */
/* Additional customizations can be added here if needed */

[b-l5rrfxiyx4] .rz-alert {
    border-radius: var(--radius-md, 8px);
}

/* Mobile responsiveness */
@media (max-width: 767px) {
    [b-l5rrfxiyx4] .rz-stack {
        width: 100%;
    }
}
/* /Components/Layout/KsefStatusDialog.razor.rz.scp.css */
.ksef-status-dialog[b-9xxjr873ox] {
    padding: var(--space-4, 1rem);
}

.status-header[b-9xxjr873ox] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-4, 1rem);
    border-radius: var(--radius-md, 8px);
    margin-bottom: var(--space-4, 1rem);
    font-weight: var(--font-weight-semibold, 600);
    font-size: var(--text-lg, 1.125rem);
}

.status-header.healthy[b-9xxjr873ox] {
    background-color: rgba(34, 197, 94, 0.1);
    color: var(--color-success, #22c55e);
}

.status-header.unhealthy[b-9xxjr873ox] {
    background-color: rgba(239, 68, 68, 0.1);
    color: var(--color-error, #DC0000);
}

.status-details[b-9xxjr873ox] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 0.5rem);
}

.detail-row[b-9xxjr873ox] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-2, 0.5rem) 0;
    border-bottom: 1px solid var(--color-gray-200, #e5e7eb);
}

.detail-row:last-child[b-9xxjr873ox] {
    border-bottom: none;
}

.detail-row .label[b-9xxjr873ox] {
    color: var(--color-gray-600, #4b5563);
    font-size: var(--text-sm, 0.875rem);
}

.detail-row .value[b-9xxjr873ox] {
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-gray-900, #111827);
}

.detail-row.message[b-9xxjr873ox] {
    flex-direction: column;
    gap: var(--space-1, 0.25rem);
}

.detail-row.message .value[b-9xxjr873ox] {
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-gray-700, #374151);
}

.dialog-actions[b-9xxjr873ox] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-4, 1rem);
    padding-top: var(--space-4, 1rem);
    border-top: 1px solid var(--color-gray-200, #e5e7eb);
}
/* /Components/Layout/KsefStatusIndicator.razor.rz.scp.css */
.ksef-status-indicator[b-4s62kobm09] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 50%;
    transition: transform var(--transition-fast, 150ms) ease;
}

.ksef-status-indicator:hover[b-4s62kobm09] {
    transform: scale(1.1);
}

.status-dot[b-4s62kobm09] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: background-color var(--transition-normal, 300ms) ease;
}

/* Healthy state - green */
.ksef-status-indicator.healthy .status-dot[b-4s62kobm09] {
    background-color: var(--color-success, #22c55e);
    box-shadow: 0 0 8px var(--color-success, #22c55e);
}

/* Unhealthy state - red */
.ksef-status-indicator.unhealthy .status-dot[b-4s62kobm09] {
    background-color: var(--color-error, #DC0000);
    box-shadow: var(--shadow-sm, 2px 2px 0 #DC0000);
    animation: pulse-error-b-4s62kobm09 2s ease-in-out infinite;
}

/* Unknown state - gray */
.ksef-status-indicator.unknown .status-dot[b-4s62kobm09] {
    background-color: var(--color-gray-400, #9ca3af);
}

/* Loading state - animated */
.ksef-status-indicator.loading .status-dot[b-4s62kobm09] {
    background-color: var(--color-gray-400, #9ca3af);
    animation: pulse-loading-b-4s62kobm09 1s ease-in-out infinite;
}

@keyframes pulse-error-b-4s62kobm09 {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(0.9);
    }
}

@keyframes pulse-loading-b-4s62kobm09 {
    0%, 100% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-c1b9ywlwt0] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-c1b9ywlwt0] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mm57qg0zot],
.components-reconnect-repeated-attempt-visible[b-mm57qg0zot],
.components-reconnect-failed-visible[b-mm57qg0zot],
.components-pause-visible[b-mm57qg0zot],
.components-resume-failed-visible[b-mm57qg0zot],
.components-rejoining-animation[b-mm57qg0zot] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-mm57qg0zot],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-mm57qg0zot],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-mm57qg0zot],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-mm57qg0zot],
#components-reconnect-modal.components-reconnect-retrying[b-mm57qg0zot],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-mm57qg0zot],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-mm57qg0zot],
#components-reconnect-modal.components-reconnect-failed[b-mm57qg0zot],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-mm57qg0zot] {
    display: block;
}


#components-reconnect-modal[b-mm57qg0zot] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-mm57qg0zot 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-mm57qg0zot 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-mm57qg0zot 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-mm57qg0zot]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-mm57qg0zot 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-mm57qg0zot {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-mm57qg0zot {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-mm57qg0zot {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-mm57qg0zot] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-mm57qg0zot] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-mm57qg0zot] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-mm57qg0zot] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-mm57qg0zot] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-mm57qg0zot] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-mm57qg0zot] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-mm57qg0zot 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-mm57qg0zot] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-mm57qg0zot {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Certificate CTA Banner - hover effect */
.cert-banner-link:hover[b-akxzuphl7p] {
    transform: translate(-2px, -2px);
    box-shadow: 4px 4px 0 #000000;
}
/* /Components/Pages/KsefStatus.razor.rz.scp.css */
.status-grid[b-u7iugi2i5t] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4, 1rem);
}

.status-card[b-u7iugi2i5t] {
    padding: var(--space-5, 1.25rem);
    border: var(--border-medium);
    border-radius: var(--radius-md, 8px);
}

.health-display[b-u7iugi2i5t] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-4, 1rem);
    border-radius: var(--radius-md, 8px);
    font-weight: var(--font-weight-semibold, 600);
    font-size: var(--text-lg, 1.125rem);
    margin-bottom: var(--space-4, 1rem);
}

.health-display.healthy[b-u7iugi2i5t] {
    background-color: rgba(34, 197, 94, 0.1);
    color: var(--color-success, #22c55e);
}

.health-display.unhealthy[b-u7iugi2i5t] {
    background-color: rgba(239, 68, 68, 0.1);
    color: var(--color-error, #DC0000);
}

.health-details[b-u7iugi2i5t] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 0.5rem);
}

.detail-item[b-u7iugi2i5t] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-2, 0.5rem) 0;
    border-bottom: 1px solid var(--color-gray-200, #e5e7eb);
}

.detail-item:last-child[b-u7iugi2i5t] {
    border-bottom: none;
}

.detail-item .label[b-u7iugi2i5t] {
    color: var(--color-gray-600, #4b5563);
    font-size: var(--text-sm, 0.875rem);
}

.detail-item .value[b-u7iugi2i5t] {
    font-weight: var(--font-weight-medium, 500);
}

.stats-grid[b-u7iugi2i5t] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-3, 0.75rem);
}

.stat-item[b-u7iugi2i5t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-3, 0.75rem);
    background-color: var(--color-gray-100, #f3f4f6);
    border-radius: var(--radius-sm, 4px);
}

.stat-item.warning[b-u7iugi2i5t] {
    background-color: rgba(234, 179, 8, 0.1);
}

.stat-item.success[b-u7iugi2i5t] {
    background-color: rgba(34, 197, 94, 0.1);
}

.stat-item.ksef[b-u7iugi2i5t] {
    background-color: rgba(59, 130, 246, 0.1);
}

.stat-value[b-u7iugi2i5t] {
    font-size: var(--text-2xl, 1.5rem);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-gray-900, #111827);
}

.stat-item.warning .stat-value[b-u7iugi2i5t] {
    color: var(--color-warning, #eab308);
}

.stat-item.success .stat-value[b-u7iugi2i5t] {
    color: var(--color-success, #22c55e);
}

.stat-item.ksef .stat-value[b-u7iugi2i5t] {
    color: var(--color-primary, #3b82f6);
}

.stat-label[b-u7iugi2i5t] {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-gray-600, #4b5563);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Certificate CTA Banner - hover effect */
.cert-banner-link:hover[b-u7iugi2i5t] {
    transform: translate(-2px, -2px);
    box-shadow: 4px 4px 0 #000000;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
    .status-grid[b-u7iugi2i5t] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-u7iugi2i5t] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-container[b-5zxew7rssk] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    padding: 1rem;
}

.login-card[b-5zxew7rssk] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    width: 100%;
    max-width: 400px;
}

.login-header[b-5zxew7rssk] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-header h1[b-5zxew7rssk] {
    margin: 0 0 0.5rem 0;
    color: var(--color-black);
    font-size: 1.75rem;
}

.login-header p[b-5zxew7rssk] {
    margin: 0;
    color: var(--color-gray-600);
    font-size: 0.9rem;
}

.form-group[b-5zxew7rssk] {
    margin-bottom: 1.25rem;
}

.form-group label[b-5zxew7rssk] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-black);
}

.form-control[b-5zxew7rssk] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--color-gray-300);
    border-radius: 4px;
    font-size: 1rem;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.form-control:focus[b-5zxew7rssk] {
    outline: none;
    border-color: var(--color-red);
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);
}

.btn-login[b-5zxew7rssk] {
    width: 100%;
    padding: 0.875rem;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    transition: background-color 0.2s;
}

.btn-primary[b-5zxew7rssk] {
    background-color: var(--color-red);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-5zxew7rssk] {
    background-color: var(--color-red-dark);
}

.btn-primary:disabled[b-5zxew7rssk] {
    background-color: var(--color-gray-300);
    cursor: not-allowed;
}

.alert[b-5zxew7rssk] {
    padding: 0.75rem 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.alert-error[b-5zxew7rssk] {
    background-color: #fee;
    border: 1px solid #fcc;
    color: #c00;
}

.spinner[b-5zxew7rssk] {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-5zxew7rssk 0.8s linear infinite;
}

@keyframes spin-b-5zxew7rssk {
    to {
        transform: rotate(360deg);
    }
}

[b-5zxew7rssk] .validation-message {
    color: #c00;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}
/* /Components/Pages/ZarzadzanieCertyfikatami.razor.rz.scp.css */
.certyfikaty-page[b-btalkkyb5q] {
    padding: var(--space-6, 1.5rem);
    max-width: 1200px;
    margin: 0 auto;
}

/* Environment banner styles */
.environment-banner[b-btalkkyb5q] {
    border-radius: var(--radius-md, 0.5rem);
    border: 2px solid;
}

.environment-production[b-btalkkyb5q] {
    background: linear-gradient(135deg, #DC0000 0%, #B30000 100%);
    border-color: #8B0000;
    color: #ffffff;
}

.environment-demo[b-btalkkyb5q] {
    background: linear-gradient(135deg, #0066CC 0%, #004D99 100%);
    border-color: #003366;
    color: #ffffff;
}

.environment-test[b-btalkkyb5q] {
    background: linear-gradient(135deg, #28A745 0%, #1E7E34 100%);
    border-color: #155724;
    color: #ffffff;
}

.environment-unknown[b-btalkkyb5q] {
    background: linear-gradient(135deg, #6C757D 0%, #545B62 100%);
    border-color: #3D4349;
    color: #ffffff;
}

.page-header[b-btalkkyb5q] {
    margin-bottom: var(--space-6, 1.5rem);
    padding-bottom: var(--space-4, 1rem);
    border-bottom: var(--border-thin, 2px solid #000000);
}

.certyfikaty-list[b-btalkkyb5q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--space-4, 1rem);
}

.certyfikat-card[b-btalkkyb5q] {
    padding: var(--space-4, 1rem);
    background: var(--color-white, #ffffff);
    border: var(--border-thin, 2px solid #000000);
    border-radius: var(--radius-md, 0.5rem);
    transition: box-shadow 0.2s ease;
}

.certyfikat-card:hover[b-btalkkyb5q] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Revoked certificate styling */
.certyfikat-card.cert-revoked[b-btalkkyb5q] {
    border-color: var(--rz-danger, #DC3545);
    background-color: rgba(220, 53, 69, 0.05);
}

.certyfikat-card.cert-revoked:hover[b-btalkkyb5q] {
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.2);
}

.cert-details[b-btalkkyb5q] {
    margin-top: var(--space-2, 0.5rem);
    padding-top: var(--space-2, 0.5rem);
    border-top: 1px solid var(--rz-border-color, #e5e7eb);
}

[b-btalkkyb5q] .rz-fieldset {
    border: var(--border-thin, 2px solid #000000);
    border-radius: var(--radius-md, 0.5rem);
}

[b-btalkkyb5q] .rz-fieldset-legend {
    font-weight: var(--font-weight-bold, 700);
    padding: 0 var(--space-2, 0.5rem);
}

[b-btalkkyb5q] input[type="file"] {
    border: var(--border-thin, 2px solid #000000);
    border-radius: var(--radius-sm, 0.25rem);
    background: var(--color-white, #ffffff);
}

[b-btalkkyb5q] input[type="file"]:focus {
    outline: 2px solid var(--color-red, #DC0000);
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .certyfikaty-page[b-btalkkyb5q] {
        padding: var(--space-4, 1rem);
    }

    .certyfikaty-list[b-btalkkyb5q] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/CompanySelectionDialog.razor.rz.scp.css */
.company-selection-dialog[b-u4r23ivgi9] {
    min-width: 320px;
    max-width: 400px;
}

.company-card[b-u4r23ivgi9] {
    padding: var(--space-3, 0.75rem);
    border: 2px solid var(--color-black, #000);
    border-radius: var(--radius-sm, 4px);
    background: var(--color-white, #fff);
    cursor: pointer;
    transition: all 0.15s ease;
}

.company-card:hover[b-u4r23ivgi9] {
    background: var(--color-gray-100, #f5f5f5);
    box-shadow: 2px 2px 0 var(--color-black, #000);
}

.company-card.active[b-u4r23ivgi9] {
    border-color: var(--color-red, #DC0000);
    border-width: 3px;
    background: rgba(220, 0, 0, 0.05);
}

.company-info[b-u4r23ivgi9] {
    flex: 1;
}

.dialog-divider[b-u4r23ivgi9] {
    border: none;
    border-top: 1px solid var(--color-gray-300, #ddd);
    margin: var(--space-2, 0.5rem) 0;
}

@media (max-width: 767px) {
    .company-selection-dialog[b-u4r23ivgi9] {
        min-width: auto;
        width: 100%;
    }

    .company-card[b-u4r23ivgi9] {
        padding: var(--space-4, 1rem);
    }
}
/* /Components/Shared/CompanySelector.razor.rz.scp.css */
.company-selector[b-tebdhtr2ku] {
    display: flex;
    align-items: center;
    position: relative;
}

.company-selector.no-company .btn[b-tebdhtr2ku] {
    border-style: dashed;
}

/* Label dla jednej firmy */
.company-label[b-tebdhtr2ku] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    color: var(--color-white, #fff);
    font-weight: 500;
}

/* Przycisk dla wielu firm */
.company-selector-btn[b-tebdhtr2ku] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    color: var(--color-white, #fff);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.875rem;
}

.company-selector-btn:hover[b-tebdhtr2ku] {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--color-white, #fff);
}

.company-selector-btn:focus[b-tebdhtr2ku] {
    outline: none;
    border-color: var(--color-white, #fff);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.company-selector-btn .bi-chevron-down[b-tebdhtr2ku] {
    font-size: 0.75rem;
    opacity: 0.7;
}

/* Responsive */
@media (max-width: 767px) {
    .company-label[b-tebdhtr2ku],
    .company-selector-btn[b-tebdhtr2ku] {
        font-size: 0.8125rem;
        padding: 0.25rem 0.5rem;
    }

    .company-label .bi-building[b-tebdhtr2ku],
    .company-selector-btn .bi-building[b-tebdhtr2ku] {
        display: none;
    }
}
/* /Components/UI/Alert.razor.rz.scp.css */
/* Alert Component - Soft Brutalism */

.alert[b-0ce7bvruos] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    border: var(--border-medium);
    border-left-width: var(--border-width-thick);
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-4);
}

.alert-icon[b-0ce7bvruos] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    padding-top: 2px;
}

.alert-content[b-0ce7bvruos] {
    flex: 1;
}

.alert-title[b-0ce7bvruos] {
    font-weight: var(--font-weight-bold);
    font-size: var(--text-base);
    margin-bottom: var(--space-1);
}

.alert-message[b-0ce7bvruos] {
    font-size: var(--text-sm);
    line-height: var(--line-height-normal);
}

.alert-dismiss[b-0ce7bvruos] {
    flex-shrink: 0;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: currentColor;
    opacity: 0.6;
    transition: opacity var(--transition-fast);
}

.alert-dismiss:hover[b-0ce7bvruos] {
    opacity: 1;
}

/* Alert Types */

/* Success */
.alert-success[b-0ce7bvruos] {
    background: var(--color-success-pale);
    border-color: var(--color-black);
    border-left-color: var(--color-success);
    color: var(--color-success);
}

.alert-success .alert-message[b-0ce7bvruos] {
    color: var(--color-black);
}

/* Error */
.alert-error[b-0ce7bvruos] {
    background: var(--color-error-pale);
    border-color: var(--color-black);
    border-left-color: var(--color-error);
    color: var(--color-error);
}

.alert-error .alert-message[b-0ce7bvruos] {
    color: var(--color-black);
}

/* Warning */
.alert-warning[b-0ce7bvruos] {
    background: var(--color-warning-pale);
    border-color: var(--color-black);
    border-left-color: var(--color-warning);
    color: var(--color-warning);
}

.alert-warning .alert-message[b-0ce7bvruos] {
    color: var(--color-black);
}

/* Info */
.alert-info[b-0ce7bvruos] {
    background: var(--color-info-pale);
    border-color: var(--color-black);
    border-left-color: var(--color-info);
    color: var(--color-info);
}

.alert-info .alert-message[b-0ce7bvruos] {
    color: var(--color-black);
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .alert[b-0ce7bvruos] {
        padding: var(--space-3) var(--space-4);
    }

    .alert-title[b-0ce7bvruos] {
        font-size: var(--text-sm);
    }

    .alert-message[b-0ce7bvruos] {
        font-size: var(--text-xs);
    }
}
/* /Components/UI/Badge.razor.rz.scp.css */
/* Badge Component - Soft Brutalism */

.badge[b-dhchwcy7pm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

/* Sizes */
.badge-small[b-dhchwcy7pm] {
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-xs);
}

.badge-medium[b-dhchwcy7pm] {
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-xs);
}

.badge-large[b-dhchwcy7pm] {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
}

/* Types */

/* Default */
.badge-default[b-dhchwcy7pm] {
    background: var(--color-gray-800);
    color: var(--color-white);
}

/* Success */
.badge-success[b-dhchwcy7pm] {
    background: var(--color-success);
    color: var(--color-white);
}

/* Error */
.badge-error[b-dhchwcy7pm] {
    background: var(--color-error);
    color: var(--color-white);
}

/* Warning */
.badge-warning[b-dhchwcy7pm] {
    background: var(--color-warning);
    color: var(--color-white);
}

/* Info */
.badge-info[b-dhchwcy7pm] {
    background: var(--color-info);
    color: var(--color-white);
}

/* Outline variants */
.badge-outline[b-dhchwcy7pm] {
    background: transparent;
    border: 2px solid currentColor;
}

.badge-default.badge-outline[b-dhchwcy7pm] {
    color: var(--color-gray-800);
}

.badge-success.badge-outline[b-dhchwcy7pm] {
    color: var(--color-success);
}

.badge-error.badge-outline[b-dhchwcy7pm] {
    color: var(--color-error);
}

.badge-warning.badge-outline[b-dhchwcy7pm] {
    color: var(--color-warning);
}

.badge-info.badge-outline[b-dhchwcy7pm] {
    color: var(--color-info);
}
/* /Components/UI/Button.razor.rz.scp.css */
/* Button Base Styles - Soft Brutalism */

.btn[b-rjvcfg0il1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    border: var(--border-medium);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: transform var(--transition-fast),
                box-shadow var(--transition-fast),
                background-color var(--transition-fast);
    user-select: none;
    white-space: nowrap;
}

/* Primary Button */
.btn-primary[b-rjvcfg0il1] {
    background: var(--color-red);
    color: var(--color-white);
    border-color: var(--color-black);
}

.btn-primary:hover:not(.btn-disabled)[b-rjvcfg0il1] {
    background: var(--color-red-light);
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-md);
}

.btn-primary:active:not(.btn-disabled)[b-rjvcfg0il1] {
    transform: translate(0, 0);
    box-shadow: none;
}

.btn-primary:focus-visible[b-rjvcfg0il1] {
    outline: 3px solid var(--color-red-dark);
    outline-offset: 2px;
}

/* Secondary Button */
.btn-secondary[b-rjvcfg0il1] {
    background: var(--color-white);
    color: var(--color-black);
    border-color: var(--color-black);
}

.btn-secondary:hover:not(.btn-disabled)[b-rjvcfg0il1] {
    background: var(--color-gray-100);
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-md);
}

.btn-secondary:active:not(.btn-disabled)[b-rjvcfg0il1] {
    transform: translate(0, 0);
    box-shadow: none;
}

.btn-secondary:focus-visible[b-rjvcfg0il1] {
    outline: 3px solid var(--color-red);
    outline-offset: 2px;
}

/* Ghost Button */
.btn-ghost[b-rjvcfg0il1] {
    background: transparent;
    color: var(--color-black);
    border: none;
    font-weight: var(--font-weight-semibold);
}

.btn-ghost:hover:not(.btn-disabled)[b-rjvcfg0il1] {
    background: var(--color-gray-100);
}

.btn-ghost:active:not(.btn-disabled)[b-rjvcfg0il1] {
    background: var(--color-gray-200);
}

.btn-ghost:focus-visible[b-rjvcfg0il1] {
    outline: 3px solid var(--color-red);
    outline-offset: 2px;
}

/* Sizes */
.btn-small[b-rjvcfg0il1] {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
}

.btn-medium[b-rjvcfg0il1] {
    padding: var(--space-3) var(--space-6);
    font-size: var(--text-base);
}

.btn-large[b-rjvcfg0il1] {
    padding: var(--space-4) var(--space-8);
    font-size: var(--text-lg);
}

/* Disabled State */
.btn-disabled[b-rjvcfg0il1] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Icon Spacing */
.btn-icon-before[b-rjvcfg0il1] {
    display: inline-flex;
    align-items: center;
}

.btn-icon-after[b-rjvcfg0il1] {
    display: inline-flex;
    align-items: center;
}

/* Full Width */
.btn-full[b-rjvcfg0il1] {
    width: 100%;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .btn-medium[b-rjvcfg0il1] {
        padding: var(--space-3) var(--space-5);
        font-size: var(--text-sm);
    }

    .btn-large[b-rjvcfg0il1] {
        padding: var(--space-4) var(--space-6);
        font-size: var(--text-base);
    }
}
/* /Components/UI/Card.razor.rz.scp.css */
/* Card Component - Soft Brutalism */

.card[b-vtdrpc2xyl] {
    background: var(--color-white);
    border: var(--border-medium);
    border-radius: var(--radius-md);
    overflow: hidden;
}

/* Card Header */
.card-header[b-vtdrpc2xyl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-5) var(--space-6);
    border-bottom: var(--border-thin);
    background: var(--color-white);
}

.card-title[b-vtdrpc2xyl] {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
    margin: 0;
}

.card-header-actions[b-vtdrpc2xyl] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

/* Card Body */
.card-body[b-vtdrpc2xyl] {
    padding: var(--space-5) var(--space-6);
}

/* Card Footer */
.card-footer[b-vtdrpc2xyl] {
    display: flex;
    gap: var(--space-3);
    justify-content: flex-end;
    padding: var(--space-4) var(--space-6);
    border-top: var(--border-thin);
    background: var(--color-gray-100);
}

/* Hoverable Cards */
.card-hoverable[b-vtdrpc2xyl] {
    transition: transform var(--transition-base),
                box-shadow var(--transition-base);
}

.card-hoverable:hover[b-vtdrpc2xyl] {
    transform: translate(-4px, -4px);
    box-shadow: var(--shadow-lg);
}

/* Clickable Cards */
.card-clickable[b-vtdrpc2xyl] {
    cursor: pointer;
    transition: transform var(--transition-base),
                box-shadow var(--transition-base);
}

.card-clickable:hover[b-vtdrpc2xyl] {
    transform: translate(-4px, -4px);
    box-shadow: var(--shadow-lg);
}

.card-clickable:active[b-vtdrpc2xyl] {
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-md);
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .card-header[b-vtdrpc2xyl],
    .card-body[b-vtdrpc2xyl],
    .card-footer[b-vtdrpc2xyl] {
        padding: var(--space-4);
    }

    .card-footer[b-vtdrpc2xyl] {
        flex-direction: column;
    }

    .card-footer > *[b-vtdrpc2xyl] {
        width: 100%;
    }
}
/* /Components/UI/Input.razor.rz.scp.css */
/* Input Field Styles - Soft Brutalism */

.input-wrapper[b-elpgs6yat5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.label[b-elpgs6yat5] {
    display: block;
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-sm);
    color: var(--color-black);
    margin-bottom: var(--space-2);
}

.label.required[b-elpgs6yat5]::after {
    content: " *";
    color: var(--color-red);
}

.input-container[b-elpgs6yat5] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-field[b-elpgs6yat5] {
    width: 100%;
    padding: var(--space-3) var(--space-4);
    border: var(--border-thin);
    border-radius: var(--radius-sm);
    font-size: var(--text-base); /* Minimum 16px zapobiega zoom na iOS */
    font-family: var(--font-primary);
    background: var(--color-white);
    color: var(--color-black);
    transition: border-color var(--transition-base),
                border-width var(--transition-fast),
                padding var(--transition-fast);
}

.input-field[b-elpgs6yat5]::placeholder {
    color: var(--color-gray-500);
}

.input-field:focus[b-elpgs6yat5] {
    outline: none;
    border: var(--border-accent);
    padding: calc(var(--space-3) - 1px) calc(var(--space-4) - 1px);
}

/* Error State */
.input-field.error[b-elpgs6yat5] {
    border-color: var(--color-error);
}

.input-field.error:focus[b-elpgs6yat5] {
    border-color: var(--color-error);
}

/* Success State */
.input-field.success[b-elpgs6yat5] {
    border-color: var(--color-success);
}

.input-field.success:focus[b-elpgs6yat5] {
    border-color: var(--color-success);
}

/* Disabled State */
.input-field:disabled[b-elpgs6yat5],
.input-field.disabled[b-elpgs6yat5] {
    background: var(--color-gray-100);
    color: var(--color-gray-600);
    cursor: not-allowed;
}

/* ReadOnly State */
.input-field:read-only[b-elpgs6yat5] {
    background: var(--color-gray-100);
    cursor: default;
}

/* Prefix/Suffix */
.input-prefix[b-elpgs6yat5],
.input-suffix[b-elpgs6yat5] {
    position: absolute;
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-sm);
    color: var(--color-gray-700);
    pointer-events: none;
}

.input-prefix[b-elpgs6yat5] {
    left: var(--space-4);
}

.input-suffix[b-elpgs6yat5] {
    right: var(--space-4);
}

.input-field.has-prefix[b-elpgs6yat5] {
    padding-left: calc(var(--space-4) * 3);
}

.input-field.has-suffix[b-elpgs6yat5] {
    padding-right: calc(var(--space-4) * 3);
}

/* Field Messages */
.field-error[b-elpgs6yat5] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--color-error-pale);
    border-left: 3px solid var(--color-error);
    color: var(--color-error);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    border-radius: var(--radius-sm);
}

.field-error svg[b-elpgs6yat5] {
    flex-shrink: 0;
}

.field-hint[b-elpgs6yat5] {
    font-size: var(--text-sm);
    color: var(--color-gray-700);
}

.field-success[b-elpgs6yat5] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--color-success);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
}

.field-success svg[b-elpgs6yat5] {
    flex-shrink: 0;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .input-field[b-elpgs6yat5] {
        font-size: 16px; /* Zapobiega zoom na iOS */
        padding: var(--space-3);
    }

    .input-field:focus[b-elpgs6yat5] {
        padding: calc(var(--space-3) - 1px);
    }
}