/* _content/FixSystem.BlazorServer/Components/DialogLayout.razor.rz.scp.css */
/* DialogLayout - układ okna dialogowego */

.dialog-layout[b-r19te4jiik] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden !important; /* Blokuj przewijanie na głównym kontenerze */
}

/* Górny pasek - sticky top */
.dialog-header[b-r19te4jiik] {
    flex: 0 0 auto; /* Nie kurczy się, nie rośnie */
    padding: 1rem;
    background: var(--rz-base-200);
    border-bottom: 1px solid var(--rz-base-300);
}

/* Zawartość - przewijalna */
.dialog-content[b-r19te4jiik] {
    flex: 1 1 auto; /* Rośnie i kurczy się */
    overflow-y: auto !important;
    overflow-x: hidden;
    padding: 1rem;
    min-height: 0; /* KLUCZOWE dla flex overflow */
}

/* Scrollbar */
.dialog-content[b-r19te4jiik]::-webkit-scrollbar {
    width: 8px;
}

.dialog-content[b-r19te4jiik]::-webkit-scrollbar-track {
    background: var(--rz-base-200);
}

.dialog-content[b-r19te4jiik]::-webkit-scrollbar-thumb {
    background: var(--rz-base-400);
    border-radius: 4px;
}

.dialog-content[b-r19te4jiik]::-webkit-scrollbar-thumb:hover {
    background: var(--rz-base-500);
}

/* Firefox */
.dialog-content[b-r19te4jiik] {
    scrollbar-width: thin;
    scrollbar-color: var(--rz-base-400) var(--rz-base-200);
}

/* Dolny pasek - sticky bottom */
.dialog-footer[b-r19te4jiik] {
    flex: 0 0 auto; /* Nie kurczy się, nie rośnie */
    padding: 0.75rem 1rem;
    background: var(--rz-base-200);
    border-top: 1px solid var(--rz-base-300);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* _content/FixSystem.BlazorServer/Components/Modal.razor.rz.scp.css */
may-modal[b-3x4nog0yw4]{
    position: fixed;
    z-index: 1;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

may-modal-content[b-3x4nog0yw4] {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 5px 20px 40px;
    border: 1px solid #888;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop-b-3x4nog0yw4;
    animation-duration: 0.4s;
}

@keyframes animatetop-b-3x4nog0yw4{
    from {
        top: -30px;
        opacity: 1;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

.close[b-3x4nog0yw4] {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
    .close:hover[b-3x4nog0yw4],
    .close:focus[b-3x4nog0yw4]{
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.my-modal__btns[b-3x4nog0yw4] {
    display: flex;
    column-gap: .5rem;
    justify-content: flex-end;
}

.my-modal__heading[b-3x4nog0yw4] {
    margin: 3rem 1rem 0 1rem;
    text-align: center;
    line-height: 1.2;
    font-size: 1.4rem;
}

.my-modal__body[b-3x4nog0yw4] {
    display: block;
    margin: 2rem 2rem 2rem;
    color: #6c757d;
    text-align: center;
    line-height: 1.2;
    font-size: 1.2rem;
}

my-modal__accept[b-3x4nog0yw4] {
    padding: .4rem 2rem;
    background: #28a745;
    border: 0;
    color: #fff;
    border-radius: 5px;
    font-size: 1.3rem;
    cursor: pointer;
}
    .my-modal__accept:hover[b-3x4nog0yw4]{
        background: #31c553;
    }

my-modal__cancel[b-3x4nog0yw4] {
    padding: .4rem 2rem;
    background: #737373;
    border: 0;
    color: #fff;
    border-radius: 5px;
    font-size: 1.3rem;
    cursor: pointer;
}

.my-modal__accept:hover[b-3x4nog0yw4] {
    background: #999999;
}

@media screen and (min-width: 768px) {
    .my-modal-content[b-3x4nog0yw4]{
        width: 600px;
    }
    .my-modal-heading[b-3x4nog0yw4] {
        font-size: 1.8rem;
    }
    .my-modal__body[b-3x4nog0yw4] {
        font-size: 1.3rem;
    }
}
/* _content/FixSystem.BlazorServer/Pages/Audio/Dashboard/Index.razor.rz.scp.css */
.quick-stat[b-qjx2nfpl4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--rz-border-color);
}

.quick-stat:last-child[b-qjx2nfpl4a] {
    border-bottom: none;
}

.badge-audio[b-qjx2nfpl4a] {
    background: #ede7f6;
    color: #6f42c1;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}
/* _content/FixSystem.BlazorServer/Pages/Diagnostyka/Porownaj.razor.rz.scp.css */
.porownaj-scroll[b-5wxvk6xtft] {
    overflow-x: auto;
    margin-bottom: 1rem;
}

.porownaj-table[b-5wxvk6xtft] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.porownaj-table th[b-5wxvk6xtft],
.porownaj-table td[b-5wxvk6xtft] {
    padding: 6px 10px;
    border: 1px solid var(--rz-base-200);
    vertical-align: middle;
}

.porownaj-table thead th[b-5wxvk6xtft] {
    background: var(--rz-base-100);
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 1;
}

.col-param[b-5wxvk6xtft] {
    min-width: 160px;
    max-width: 200px;
    font-weight: 500;
    background: var(--rz-base-50);
    position: sticky;
    left: 0;
    z-index: 2;
}

.porownaj-table thead .col-param[b-5wxvk6xtft] {
    z-index: 3;
}

.col-konfiguracja[b-5wxvk6xtft] {
    min-width: 220px;
    text-align: center;
}

.konfiguracja-header[b-5wxvk6xtft] {
    text-align: center;
}

.konfiguracja-nazwa[b-5wxvk6xtft] {
    font-weight: 600;
    font-size: 0.95rem;
}

.konfiguracja-meta[b-5wxvk6xtft] {
    font-size: 0.78rem;
    color: var(--rz-text-secondary-color);
}

.zlecenie-link[b-5wxvk6xtft] {
    color: var(--rz-primary);
    text-decoration: none;
}

.row-section-header td[b-5wxvk6xtft] {
    background: var(--rz-primary-lighter);
    color: var(--rz-primary-dark);
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 4px 10px;
    border-color: var(--rz-primary-light);
}

.porownaj-table tbody tr:hover td[b-5wxvk6xtft] {
    background: var(--rz-base-50);
}

.porownaj-table tbody tr:hover .col-param[b-5wxvk6xtft] {
    background: var(--rz-base-100);
}

td.diff[b-5wxvk6xtft] {
    background: rgba(255, 200, 0, 0.18);
}

td.diff.best[b-5wxvk6xtft] {
    background: rgba(0, 180, 0, 0.15);
    color: var(--rz-success-dark, #1a7a1a);
    font-weight: 600;
}

td.diff.worst[b-5wxvk6xtft] {
    background: rgba(220, 0, 0, 0.12);
    color: var(--rz-danger-dark, #8b0000);
    font-weight: 600;
}

.legend-diff[b-5wxvk6xtft] {
    color: rgba(180, 140, 0, 0.9);
}

.legend-best[b-5wxvk6xtft] {
    color: rgb(0, 140, 0);
}

.legend-worst[b-5wxvk6xtft] {
    color: rgb(180, 0, 0);
}
/* _content/FixSystem.BlazorServer/Pages/Faktury/WyborFirmyDialog.razor.rz.scp.css */
/* Wyszukiwarka */
.search-box[b-0fnd3i0k90] {
    margin-bottom: 12px;
}

/* Nagłówek sekcji (stały, nie przewija się — normalny flow nad listą) */
.tab-header[b-0fnd3i0k90] {
    margin-bottom: 4px;
}

/* Przewijana lista firm — max-height ogranicza wzrost */
.tab-list[b-0fnd3i0k90] {
    max-height: 290px;
    overflow-y: auto;
    padding-right: 2px;
}

/* Przewijany formularz (zakładka Dodaj) */
.tab-scroll[b-0fnd3i0k90] {
    max-height: 330px;
    overflow-y: auto;
    padding-right: 2px;
}

/* Footer — normalny flow pod zakładkami, zawsze widoczny */
.dialog-footer[b-0fnd3i0k90] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid var(--rz-base-300);
    margin-top: 12px;
}

/* Nagłówek sekcji */
.section-label[b-0fnd3i0k90] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

.section-label.primary[b-0fnd3i0k90] {
    color: var(--rz-primary);
}

.section-label .material-icons[b-0fnd3i0k90] {
    font-size: 16px;
}

.separator[b-0fnd3i0k90] {
    margin: 10px 0;
    border-color: var(--rz-base-300);
}

/* Lista firm */
.firmy-list[b-0fnd3i0k90] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
}

.klient-list[b-0fnd3i0k90] {
    max-height: 140px;
    overflow-y: auto;
}

/* Karta firmy */
.firma-card[b-0fnd3i0k90] {
    padding: 8px 10px;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.firma-card:hover[b-0fnd3i0k90] {
    background: var(--rz-base-200);
    border-color: var(--rz-primary-light);
}

.firma-card.selected[b-0fnd3i0k90] {
    background: var(--rz-primary-lighter);
    border: 2px solid var(--rz-primary);
}

.firma-card .nazwa[b-0fnd3i0k90] {
    font-weight: 600;
    font-size: 13px;
}

.firma-card .meta[b-0fnd3i0k90] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
    margin-top: 2px;
}

/* Stan pusty */
.empty-state[b-0fnd3i0k90] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 24px 16px;
    color: var(--rz-text-secondary-color);
    font-size: 13px;
}

.more-results[b-0fnd3i0k90] {
    text-align: center;
    padding: 8px;
    font-size: 12px;
    color: var(--rz-text-secondary-color);
}

/* Sekcja GUS */
.gus-box[b-0fnd3i0k90] {
    background: var(--rz-base-100);
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
    padding: 12px;
    margin-bottom: 12px;
    font-size: 13px;
}

.gus-row[b-0fnd3i0k90] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
/* _content/FixSystem.BlazorServer/Pages/Faktury/WyborFirmyFakturyDialog.razor.rz.scp.css */
/* WyborFirmyFakturyDialog - własne style */

.firma-card[b-e1zhsl9tqk] {
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
}

.firma-card:hover[b-e1zhsl9tqk] {
    background: var(--rz-base-200);
    border-color: var(--rz-primary-light);
}

.firma-card.selected[b-e1zhsl9tqk] {
    background: var(--rz-primary-lighter);
    border-color: var(--rz-primary);
    border-width: 2px;
}

.firma-nazwa[b-e1zhsl9tqk] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.firma-card.selected .firma-nazwa[b-e1zhsl9tqk] {
    color: var(--rz-primary);
}

.firma-info[b-e1zhsl9tqk] {
    font-size: 0.85rem;
    color: var(--rz-text-secondary-color);
}
/* _content/FixSystem.BlazorServer/Pages/Index.razor.rz.scp.css */
/* ===== ALERTY ===== */
.dash-alert[b-ya7r32zgio] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    border: 1px solid transparent;
}

.dash-alert .rzi[b-ya7r32zgio] { font-size: 1.1rem; flex-shrink: 0; }
.dash-alert-arrow[b-ya7r32zgio] { margin-left: auto; }

.dash-alert-danger[b-ya7r32zgio] {
    background: #fff3f4;
    border-color: #f5c6cb;
    color: #842029;
}

.dash-alert-success[b-ya7r32zgio] {
    background: #f0faf2;
    border-color: #badfbb;
    color: #155724;
}

.dash-alert-info[b-ya7r32zgio] {
    background: #f0f7ff;
    border-color: #b3d4f5;
    color: #0c4a6e;
    display: block;
}

/* ===== KPI TILES ===== */
.kpi-tile[b-ya7r32zgio] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-top: 3px solid transparent;
    border-radius: 6px;
    padding: 0.65rem 0.85rem;
    transition: box-shadow 0.15s;
    height: 100%;
}

.kpi-tile.kpi-clickable[b-ya7r32zgio] { cursor: pointer; }
.kpi-tile.kpi-clickable:hover[b-ya7r32zgio] { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }

.kpi-tile :deep(.rzi)[b-ya7r32zgio] { font-size: 1.5rem; opacity: 0.55; flex-shrink: 0; }

.kpi-value[b-ya7r32zgio] {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.1;
}

.kpi-label[b-ya7r32zgio] {
    display: block;
    font-size: 0.7rem;
    color: var(--rz-text-secondary-color);
    margin-top: 2px;
}

.kpi-primary[b-ya7r32zgio] { border-top-color: var(--rz-primary); }
.kpi-warning[b-ya7r32zgio] { border-top-color: var(--rz-warning); }
.kpi-danger[b-ya7r32zgio]  { border-top-color: var(--rz-danger);  }
.kpi-info[b-ya7r32zgio]    { border-top-color: var(--rz-info);    }
.kpi-success[b-ya7r32zgio] { border-top-color: var(--rz-success); }

/* ===== CZĘŚCI DO ZAMÓWIENIA ===== */
.czesc-grupa-header[b-ya7r32zgio] {
    padding: 0.4rem 0.25rem;
    border-bottom: 1px solid var(--rz-border-color);
}

.czesc-grupa :deep(.rz-datatable)[b-ya7r32zgio] {
    border: none;
    box-shadow: none;
}
/* _content/FixSystem.BlazorServer/Pages/KPIR/Bank.razor.rz.scp.css */
.bank-header[b-l2hawddql1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.val-pos[b-l2hawddql1] { color: #4CAF50; font-weight: 600; }
.val-neg[b-l2hawddql1] { color: #f44336; font-weight: 600; }
/* _content/FixSystem.BlazorServer/Pages/KPIR/FakturaKosztDialog.razor.rz.scp.css */
.platnosc-info[b-bfjgp6se71] {
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 0.82rem;
}

.info-own[b-bfjgp6se71] {
    background: rgba(198, 40, 40, 0.08);
    border-left: 3px solid #c62828;
    color: #c62828;
}

.info-mixed[b-bfjgp6se71] {
    background: rgba(230, 81, 0, 0.08);
    border-left: 3px solid #e65100;
    color: #e65100;
}
/* _content/FixSystem.BlazorServer/Pages/KPIR/Index.razor.rz.scp.css */
.kpir-header[b-xtdo3hbpgi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.kpir-rok-header[b-xtdo3hbpgi] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--rz-text-color);
    background: var(--rz-base-background-color);
    border-left: 4px solid #FF9800;
    padding: 8px 14px;
    margin: 1.2rem 0 0;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}

.kpir-rok-header:hover[b-xtdo3hbpgi] {
    background: color-mix(in srgb, #FF9800 8%, var(--rz-base-background-color));
}

.kpir-rok-header.collapsed[b-xtdo3hbpgi] {
    margin-bottom: 0;
    border-left-color: #9E9E9E;
}

.rok-chevron[b-xtdo3hbpgi] {
    font-size: 0.75rem;
    color: #FF9800;
    transition: color 0.15s;
}

.kpir-rok-header.collapsed .rok-chevron[b-xtdo3hbpgi] {
    color: #9E9E9E;
}

.rok-count[b-xtdo3hbpgi] {
    margin-left: auto;
    font-size: 0.78rem;
    font-weight: 400;
    color: var(--rz-text-secondary-color);
}

.val-pos[b-xtdo3hbpgi] { color: #4CAF50; font-weight: 600; }
.val-neg[b-xtdo3hbpgi] { color: #f44336; font-weight: 600; }
/* _content/FixSystem.BlazorServer/Pages/KPIR/Miesiac.razor.rz.scp.css */
.miesiac-header[b-abyjlf6plg] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 1.2rem;
}

.miesiac-nav[b-abyjlf6plg] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kpir-summary-bar[b-abyjlf6plg] {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-disabled-color, #e0e0e0);
    border-radius: 8px;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.ksb-item[b-abyjlf6plg] {
    flex: 1;
    padding: 10px 16px;
    min-width: 130px;
}

.ksb-item.ksb-total[b-abyjlf6plg] {
    background: color-mix(in srgb, var(--rz-base-100) 60%, transparent);
}

.ksb-sep[b-abyjlf6plg] {
    width: 1px;
    background: var(--rz-border-disabled-color, #e0e0e0);
    flex-shrink: 0;
}

.ksb-label[b-abyjlf6plg] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--rz-text-secondary-color);
}

.ksb-val[b-abyjlf6plg] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 3px 0 1px;
    white-space: nowrap;
}

.ksb-val.income[b-abyjlf6plg] { color: #2e7d32; }
.ksb-val.cost[b-abyjlf6plg]   { color: #c62828; }
.ksb-val.tax[b-abyjlf6plg]    { color: #e65100; }
.ksb-val.refund[b-abyjlf6plg] { color: #1565c0; }

.ksb-sub[b-abyjlf6plg] {
    font-size: 0.72rem;
    color: var(--rz-text-secondary-color);
}

.section-header[b-abyjlf6plg] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 6px 0 6px;
    border-bottom: 1px solid var(--rz-border-disabled-color, #e0e0e0);
    margin-bottom: 6px;
}

.section-icon[b-abyjlf6plg] { font-size: 1rem; }

.pz-subheader[b-abyjlf6plg] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: var(--rz-text-secondary-color);
    padding: 8px 4px 4px;
    margin-top: 4px;
    border-top: 1px dashed var(--rz-border-disabled-color, #e0e0e0);
}

.val-pos[b-abyjlf6plg] { color: #4CAF50; font-weight: 600; }
.val-neg[b-abyjlf6plg] { color: #f44336; font-weight: 600; }

.kpir-debug-body[b-abyjlf6plg], .kpir-debug-open[b-abyjlf6plg] {
    padding: 10px 14px;
    background: color-mix(in srgb, var(--rz-base-100) 50%, transparent);
    border-radius: 6px;
    border: 1px solid var(--rz-border-disabled-color, #e0e0e0);
    margin-bottom: 1rem;
}

.kpir-tabs .rz-tabview-panels[b-abyjlf6plg] {
    padding-top: 1rem;
}

.debug-table[b-abyjlf6plg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.debug-table td[b-abyjlf6plg] {
    padding: 4px 8px;
    border-bottom: 1px solid var(--rz-border-disabled-color, #eee);
    vertical-align: top;
}

.debug-table td:last-child[b-abyjlf6plg] { text-align: right; }

.debug-table tr.debug-section td[b-abyjlf6plg] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--rz-text-secondary-color);
    padding-top: 10px;
    border-bottom: none;
}

.debug-table tr.debug-total td[b-abyjlf6plg] {
    font-weight: 600;
    border-top: 1px solid var(--rz-border-disabled-color, #ccc);
    border-bottom: 2px solid var(--rz-border-disabled-color, #ccc);
}

.kpir-final-bar[b-abyjlf6plg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 1.5rem;
    border: 1px solid var(--rz-border-disabled-color, #e0e0e0);
    border-radius: 8px;
    overflow: hidden;
    background: var(--rz-base-background-color);
}

.kfb-item[b-abyjlf6plg] {
    flex: 1;
    padding: 12px 16px;
    min-width: 140px;
}

.kfb-op[b-abyjlf6plg] {
    flex-shrink: 0;
}

.kfb-item.kfb-result[b-abyjlf6plg] {
    flex: 1.3;
}

.kfb-item.result-pos[b-abyjlf6plg] { background: rgba(46,125,50,.1); border-left: 3px solid #2e7d32; }
.kfb-item.result-neg[b-abyjlf6plg] { background: rgba(198,40,40,.1); border-left: 3px solid #c62828; }

.kfb-op[b-abyjlf6plg] {
    font-size: 1.4rem;
    font-weight: 300;
    color: var(--rz-text-secondary-color);
    padding: 0 6px;
    flex-shrink: 0;
}

.kfb-label[b-abyjlf6plg] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--rz-text-secondary-color);
    margin-bottom: 4px;
}

.kfb-val[b-abyjlf6plg] {
    font-size: 1rem;
    font-weight: 700;
}

.kfb-val.income[b-abyjlf6plg] { color: #2e7d32; }
.kfb-val.cost[b-abyjlf6plg]   { color: #c62828; }

.kfb-val-big[b-abyjlf6plg] {
    font-size: 1.3rem;
    font-weight: 700;
    color: inherit;
}

/* _content/FixSystem.BlazorServer/Pages/MSP/Index.razor.rz.scp.css */
/* ==================================================
   MSP – FIRMY
   Widok listy firm MSP
================================================== */

/* ===============================
   HEADER
================================ */

:deep(.rz-mb-4)[b-01ebmc9yop] {
    margin-bottom: 1rem;
}

:deep(.rz-icon[icon="business"])[b-01ebmc9yop] {
    vertical-align: middle;
}

/* ===============================
   FILTRY
================================ */

:deep(.rz-card > .rz-stack.rz-mb-4)[b-01ebmc9yop] {
    padding: 0.75rem 1rem;
    background: var(--rz-base-100);
    border-radius: 8px;
    border: 1px solid var(--rz-base-300);
}

:deep(.rz-textbox)[b-01ebmc9yop],
:deep(.rz-dropdown)[b-01ebmc9yop] {
    min-height: 36px;
}

:deep(.rz-checkbox-box)[b-01ebmc9yop] {
    margin-top: 4px;
}

/* ===============================
   GRID – OGÓLNE
================================ */

:deep(.rz-datatable)[b-01ebmc9yop] {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--rz-base-300);
}

/* ===============================
   GRID – HEADER
================================ */

:deep(.rz-datatable-thead th)[b-01ebmc9yop] {
    background-color: var(--rz-base-200);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 6px 8px !important;
    border-bottom: 1px solid var(--rz-base-300);
}

/* ===============================
   GRID – WIERSZE (KOMPAKTOWE)
================================ */

:deep(.rz-datatable-data tr)[b-01ebmc9yop] {
    line-height: 1.15;
}

:deep(.rz-datatable-data tr:nth-child(even))[b-01ebmc9yop] {
    background-color: var(--rz-base-50);
}

:deep(.rz-datatable-data tr:hover)[b-01ebmc9yop] {
    background-color: var(--rz-base-200);
}

/* ===============================
   GRID – KOMÓRKI
================================ */

:deep(td.rz-cell-data)[b-01ebmc9yop] {
    padding: 4px 8px !important;
    font-size: 12px;
    vertical-align: middle;
    border-bottom: 1px solid var(--rz-base-200);
}

:deep(td.rz-cell-data > div)[b-01ebmc9yop] {
    padding: 0 !important;
    line-height: 1.15;
}

/* ===============================
   LINKI / NAZWA FIRMY
================================ */

:deep(.rz-link)[b-01ebmc9yop] {
    font-weight: 500;
    text-decoration: none;
}

:deep(.rz-link:hover)[b-01ebmc9yop] {
    text-decoration: underline;
}

/* ===============================
   BADGE
================================ */

:deep(.rz-badge)[b-01ebmc9yop] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 6px;
    line-height: 1.1;
}

/* ===============================
   IKONY W GRIDZIE
================================ */

:deep(.rz-icon)[b-01ebmc9yop] {
    vertical-align: middle;
}

/* ===============================
   AKCJE
================================ */

:deep(.rz-datatable .rz-button)[b-01ebmc9yop] {
    width: 24px;
    height: 24px;
    padding: 0;
}

:deep(.rz-datatable .rz-button:hover)[b-01ebmc9yop] {
    background-color: var(--rz-base-200);
    border-radius: 6px;
}

/* ===============================
   FROZEN COLUMN
================================ */

:deep(.rz-frozen-column)[b-01ebmc9yop] {
    background-color: var(--rz-base-100);
    box-shadow: inset -1px 0 0 var(--rz-base-300);
}

/* ===============================
   PAGINATOR
================================ */

:deep(.rz-paginator)[b-01ebmc9yop] {
    padding: 0.75rem 0;
    font-size: 12px;
}

/* ===============================
   PODSUMOWANIE
================================ */

:deep(.rz-card.rz-mt-4)[b-01ebmc9yop] {
    border-radius: 10px;
}

:deep(.rz-card.rz-mt-4 .rz-icon)[b-01ebmc9yop] {
    opacity: 0.9;
}
/* _content/FixSystem.BlazorServer/Pages/MSP/Wizyta.razor.rz.scp.css */
.timer-display[b-gtdfdz2xnr] {
    font-size: 3rem;
    font-weight: 700;
    font-family: monospace;
    text-align: center;
    padding: 0.5rem 0;
}

.timer-active[b-gtdfdz2xnr] {
    color: #F44336;
}

.timer-dot[b-gtdfdz2xnr] {
    color: #F44336;
    font-size: 1.1rem;
}

.timer-pulse[b-gtdfdz2xnr] {
    animation: pulse-b-gtdfdz2xnr 1.5s ease-in-out infinite;
}

@keyframes pulse-b-gtdfdz2xnr {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

.timer-active-box[b-gtdfdz2xnr] {
    background: #fff8f8;
    border: 2px solid #F44336;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
}

.kategoria-btn[b-gtdfdz2xnr] {
    padding: 4px 12px;
    border-radius: 16px;
    border: 1px solid #ccc;
    background: transparent;
    cursor: pointer;
    margin: 2px;
    font-size: 0.875rem;
    transition: all 0.15s;
}

.kategoria-btn:hover[b-gtdfdz2xnr] {
    border-color: var(--rz-primary);
    color: var(--rz-primary);
}

.kategoria-btn.selected[b-gtdfdz2xnr] {
    background: var(--rz-primary);
    color: white;
    border-color: var(--rz-primary);
}

.log-item[b-gtdfdz2xnr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 6px 0;
    border-bottom: 1px solid var(--rz-base-300);
}

.log-item:last-of-type[b-gtdfdz2xnr] {
    border-bottom: none;
}

.checklist-item[b-gtdfdz2xnr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 6px 0;
    border-bottom: 1px solid var(--rz-base-300);
}

.checklist-item.done[b-gtdfdz2xnr] {
    opacity: 0.7;
}

.wizyta-header[b-gtdfdz2xnr] {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Modal podpisu */
.modal-overlay[b-gtdfdz2xnr] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.modal-box[b-gtdfdz2xnr] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    width: 100%;
    max-width: 480px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}

@media (max-width: 768px) {
    .timer-display[b-gtdfdz2xnr] {
        font-size: 2.2rem;
    }

    .kategoria-btn[b-gtdfdz2xnr] {
        padding: 3px 8px;
        font-size: 0.8rem;
    }
}
/* _content/FixSystem.BlazorServer/Pages/Przyjecia/Nowe.razor.rz.scp.css */
/* ============================================================
   FixSystem — Nowe przyjęcie sprzętu
   Paleta: --rz-primary (niebieski) jako akcent
           --rz-success (zielony) dla potwierdzeń
           --rz-warning (pomarańczowy) dla zgód
   ============================================================ */

/* ── Układ strony ─────────────────────────────────────────── */

.nowe-przyjecia-page[b-os3km1s695] {
    display: block;
}

.nowe-scroll-area[b-os3km1s695] {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1.5rem 1.5rem 0.75rem;
}

.nowe-footer-bar[b-os3km1s695] {
    background: var(--rz-base-background-color, #fff);
    border-top: 1px solid var(--rz-base-300);
    padding: 0.875rem 1.5rem;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.07);
}

@media (max-width: 768px) {
    .nowe-scroll-area[b-os3km1s695] {
        padding: 1rem 1rem 0.5rem;
        height: auto !important;
    }
    .nowe-footer-bar[b-os3km1s695] {
        padding: 0.75rem 1rem;
    }
}

/* ── Nagłówek ─────────────────────────────────────────────── */

.main-title[b-os3km1s695] {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.5px;
    color: var(--rz-base-900);
}

.title-underline[b-os3km1s695] {
    height: 4px;
    width: 48px;
    background: var(--rz-primary);
    border-radius: 10px;
    margin-top: 6px;
    opacity: 0.7;
}

.back-btn-circle[b-os3km1s695] {
    background: var(--rz-base-100) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
}

/* ── Nagłówek kroku ───────────────────────────────────────── */

.step-header[b-os3km1s695] {
    padding-bottom: 0.875rem;
    border-bottom: 2px solid var(--rz-base-200);
}

/* ── Panel kiosku ─────────────────────────────────────────── */
/* Gradient i kolory ustawione inline na RadzenCard (Style=) — CSS scoped nie przebija Radzen */

/* Status dot */
.kiosk-status-dot[b-os3km1s695] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
    border: 2px solid rgba(255,255,255,0.5);
    transition: all 0.3s;
}

.kiosk-status-dot.connected[b-os3km1s695] {
    background: #22c55e;
    border-color: #16a34a;
    box-shadow: 0 0 10px rgba(34,197,94,0.7);
    animation: kiosk-pulse-b-os3km1s695 2s infinite;
}

@keyframes kiosk-pulse-b-os3km1s695 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.75; transform: scale(1.15); }
}

/* ── Krok 1: Wyszukiwanie klienta ─────────────────────────── */

.client-card-clickable[b-os3km1s695] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.client-card-clickable:hover[b-os3km1s695] {
    transform: translateY(-2px);
    box-shadow: var(--rz-shadow-2) !important;
}

.gus-panel[b-os3km1s695] {
    border: 1px dashed var(--rz-primary-light);
    border-radius: 10px;
}

/* ── Krok 2: Karta wybranego klienta ──────────────────────── */

[b-os3km1s695] .selected-client-card {
    background-color: var(--rz-success-lighter) !important;
    border: 2px solid var(--rz-success) !important;
    border-radius: 12px !important;
}

/* ── Krok 2: Zgody ────────────────────────────────────────── */

.zgody-panel[b-os3km1s695] {
    border-left: 4px solid var(--rz-warning);
    border-radius: 4px 12px 12px 4px;
    position: sticky;
    top: 1rem;
}

.required-label-error[b-os3km1s695] {
    color: var(--rz-danger);
    font-weight: 500;
}

@keyframes zgodaPulse-b-os3km1s695 {
    0%   { background-color: transparent; box-shadow: none; }
    50%  { background-color: rgba(76,175,80,0.12); box-shadow: 0 0 8px rgba(76,175,80,0.35); }
    100% { background-color: transparent; box-shadow: none; }
}

.zgoda-animacja[b-os3km1s695] {
    animation: zgodaPulse-b-os3km1s695 0.6s ease-out;
    border-radius: 6px;
    padding: 0.25rem 0.5rem;
}

.action-link-btn[b-os3km1s695] {
    --rz-button-text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}

/* ── Krok 3: Inputy i formularze ──────────────────────────── */

.full-width[b-os3km1s695] {
    width: 100% !important;
}

/* Fieldset */
[b-os3km1s695] .rz-fieldset {
    border-radius: 12px !important;
    border: 1px solid var(--rz-base-200) !important;
    overflow: hidden;
    background: var(--rz-base-50) !important;
    transition: box-shadow 0.2s ease;
}

[b-os3km1s695] .rz-fieldset:hover {
    box-shadow: var(--rz-shadow-2);
}

[b-os3km1s695] .rz-fieldset-legend {
    font-weight: 800 !important;
    letter-spacing: -0.2px;
    color: var(--rz-primary-dark) !important;
}

[b-os3km1s695] .rz-fieldset-content {
    padding: 1rem 1rem 1.1rem !important;
}

/* Etykiety */
[b-os3km1s695] .rz-form-field-label {
    font-weight: 700 !important;
    color: var(--rz-base-700) !important;
    margin-bottom: 0.25rem !important;
}

/* Wszystkie inputy — spójny styl */
[b-os3km1s695] .rz-inputtext,
[b-os3km1s695] .rz-inputtextarea,
[b-os3km1s695] .rz-dropdown,
[b-os3km1s695] .rz-autocomplete,
[b-os3km1s695] .rz-datepicker,
[b-os3km1s695] .rz-numeric,
[b-os3km1s695] .rz-textarea {
    border-radius: 8px !important;
    border: 1px solid var(--rz-base-300) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover */
[b-os3km1s695] .rz-inputtext:hover,
[b-os3km1s695] .rz-inputtextarea:hover,
[b-os3km1s695] .rz-dropdown:hover,
[b-os3km1s695] .rz-autocomplete:hover,
[b-os3km1s695] .rz-datepicker:hover,
[b-os3km1s695] .rz-numeric:hover,
[b-os3km1s695] .rz-textarea:hover {
    border-color: var(--rz-primary-light) !important;
}

/* Focus */
[b-os3km1s695] .rz-inputtext:focus,
[b-os3km1s695] .rz-inputtextarea:focus,
[b-os3km1s695] .rz-textarea:focus {
    outline: none !important;
    border-color: var(--rz-primary) !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.2) !important;
}

[b-os3km1s695] .rz-dropdown.rz-state-focused,
[b-os3km1s695] .rz-autocomplete.rz-state-focused,
[b-os3km1s695] .rz-datepicker.rz-state-focused,
[b-os3km1s695] .rz-numeric.rz-state-focused {
    border-color: var(--rz-primary) !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.2) !important;
}

/* Checkboxy */
[b-os3km1s695] .rz-checkbox-box {
    border-radius: 4px !important;
    width: 18px !important;
    height: 18px !important;
}

[b-os3km1s695] .rz-checkbox-box.rz-state-active {
    background: var(--rz-primary) !important;
    border-color: var(--rz-primary) !important;
}

/* ── Krok 3: Producent dropdown ───────────────────────────── */

.producer-item[b-os3km1s695] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 6px 8px;
}

.producer-item--value[b-os3km1s695] {
    padding: 0;
    min-height: 0;
}

.producer-logo[b-os3km1s695] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    object-fit: contain;
    background: #fff;
    border: 1px solid var(--rz-base-200);
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    flex: 0 0 22px;
}

.producer-logo-fallback[b-os3km1s695] {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--rz-base-100);
    border: 1px solid var(--rz-base-200);
    flex: 0 0 22px;
    font-size: 14px;
}

.producer-name[b-os3km1s695] {
    font-weight: 700;
    color: var(--rz-base-800);
    line-height: 1.1;
}

[b-os3km1s695] .producer-dd .rz-dropdown-panel {
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
}

[b-os3km1s695] .producer-dd .rz-dropdown-panel .rz-dropdown-items li:hover {
    background: var(--rz-primary-lighter) !important;
}

/* ── Krok 3: Usterki jako "chips" (::deep — komponent dziecka) ── */

[b-os3km1s695] .problem-checkboxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

@media (max-width: 640px) {
    [b-os3km1s695] .problem-checkboxes {
        grid-template-columns: 1fr;
    }
}

[b-os3km1s695] .problem-item {
    user-select: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--rz-base-300);
    background: var(--rz-white);
    transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
    cursor: pointer;
    font-size: 0.875rem;
}

[b-os3km1s695] .problem-item:hover {
    transform: translateY(-1px);
    border-color: var(--rz-primary);
    box-shadow: 0 6px 18px rgba(59,130,246,0.15);
}

[b-os3km1s695] .problem-danger {
    border-color: rgba(239,68,68,0.5);
    background: rgba(239,68,68,0.06);
}

[b-os3km1s695] .problem-item .rz-chkbox {
    transform: translateY(1px);
}


/* ── Krok 3: Hasła ────────────────────────────────────────── */

.password-grid[b-os3km1s695] {
    background: var(--rz-base-50);
    padding: 1rem;
    border-radius: 10px;
    border: 1px solid var(--rz-base-200);
}

[b-os3km1s695] .rz-button.rz-variant-flat {
    border-radius: 8px !important;
}

/* ── Krok 3/4: Historia urządzeń ──────────────────────────── */

.history-grid[b-os3km1s695] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 0.85rem;
}

.history-card[b-os3km1s695] {
    cursor: pointer;
    border: 1.5px solid var(--rz-base-200);
    border-radius: 12px;
    background: var(--rz-white);
    padding: 0.875rem;
    transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease;
}

.history-card:hover[b-os3km1s695] {
    transform: translateY(-2px);
    border-color: var(--rz-primary-light);
    box-shadow: 0 12px 32px rgba(0,0,0,0.1);
}

.history-card.selected[b-os3km1s695] {
    border-color: var(--rz-success);
    background: var(--rz-success-lighter);
}

/* ── Krok 4: Zdjęcia ──────────────────────────────────────── */

.photo-item[b-os3km1s695] {
    transition: transform 0.2s;
    box-shadow: var(--rz-shadow-1);
    background: var(--rz-white);
    padding: 4px;
    border-radius: 6px;
}

.photo-item:hover[b-os3km1s695] {
    transform: scale(1.05);
    z-index: 10;
    box-shadow: var(--rz-shadow-3);
}

.mobile-session-active[b-os3km1s695] {
    border-left: 4px solid var(--rz-primary);
    animation: pulse-border-b-os3km1s695 2s infinite;
}

@keyframes pulse-border-b-os3km1s695 {
    0%   { border-left-color: var(--rz-primary); }
    50%  { border-left-color: var(--rz-primary-light); }
    100% { border-left-color: var(--rz-primary); }
}

/* ── Krok 5: Podsumowanie ─────────────────────────────────── */

.summary-client-card[b-os3km1s695] {
    border-left: 4px solid var(--rz-info);
    background-color: var(--rz-base-50);
}

.device-summary-item[b-os3km1s695] {
    transition: all 0.15s ease;
    border: 1px solid var(--rz-base-200);
}

.device-summary-item:hover[b-os3km1s695] {
    border-color: var(--rz-primary-light);
    box-shadow: var(--rz-shadow-2);
}

.finance-badge-container[b-os3km1s695] {
    background: linear-gradient(90deg, var(--rz-info-lighter) 0%, var(--rz-base-50) 100%);
    border-radius: 8px;
    padding: 1rem;
}
/* _content/FixSystem.BlazorServer/Pages/Raporty/Index.razor.rz.scp.css */
/* ── KPI tiles ── */
.rpt-kpi[b-m0fzwynmb6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--rz-surface-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    padding: 1rem 1.25rem;
}

.rpt-kpi-icon[b-m0fzwynmb6] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: white;
}

.rpt-kpi-icon .rzi[b-m0fzwynmb6] {
    font-size: 1.5rem;
}

.rpt-kpi-val[b-m0fzwynmb6] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.1;
}

.rpt-kpi-lbl[b-m0fzwynmb6] {
    font-size: 0.78rem;
    color: var(--rz-text-secondary-color);
    margin-top: 2px;
}

/* ── Chart card header ── */
.rpt-chart-header[b-m0fzwynmb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--rz-border-color);
    margin-bottom: 0.5rem;
}

.rpt-chart-icon[b-m0fzwynmb6] {
    font-size: 1.2rem;
    color: var(--rz-text-secondary-color);
}

.no-padding-chart .rz-card[b-m0fzwynmb6] {
    padding: 0;
}

/* ── Table top klientów ── */
.rpt-table[b-m0fzwynmb6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.rpt-table thead th[b-m0fzwynmb6] {
    padding: 0.4rem 0.5rem;
    border-bottom: 2px solid var(--rz-border-color);
    font-weight: 600;
    color: var(--rz-text-secondary-color);
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
}

.rpt-table tbody tr[b-m0fzwynmb6] {
    border-bottom: 1px solid var(--rz-border-color);
    transition: background 0.1s;
}

.rpt-table tbody tr:hover[b-m0fzwynmb6] {
    background: var(--rz-base-background-color);
}

.rpt-table td[b-m0fzwynmb6] {
    padding: 0.45rem 0.5rem;
}

.rpt-rank[b-m0fzwynmb6] {
    color: var(--rz-text-tertiary-color);
    font-weight: 700;
    width: 24px;
}

.text-right[b-m0fzwynmb6] {
    text-align: right;
}

/* ── Empty state ── */
.rpt-empty[b-m0fzwynmb6] {
    text-align: center;
    padding: 2rem;
    color: var(--rz-text-tertiary-color);
    font-size: 0.85rem;
}

/* ── Print ── */
@media print {
    .no-print[b-m0fzwynmb6], rz-button[b-m0fzwynmb6], .rz-button[b-m0fzwynmb6] {
        display: none !important;
    }
    .rpt-kpi[b-m0fzwynmb6] {
        border: 1px solid #ddd;
    }
}
/* _content/FixSystem.BlazorServer/Pages/Serwis/DashboardSerwisu.razor.rz.scp.css */
/* ===============================
   STANY KRYTYCZNE / ALERTY
   =============================== */

.blinking-critical[b-gsjfjunt3h] {
    animation: blinker-red-b-gsjfjunt3h 1s linear infinite;
}

@keyframes blinker-red-b-gsjfjunt3h {
    50% {
        opacity: 0.6;
        background-color: #ff0000;
    }
}

/* ===============================
   KARTY PO TERMINIE
   =============================== */

.card-urgent[b-gsjfjunt3h] {
    border-left: 10px solid #dc3545;
}

/* ===============================
   NOWE ZLECENIE – PULS NIEBIESKI
   =============================== */

.new-order-pulse[b-gsjfjunt3h] {
    animation: pulse-blue-b-gsjfjunt3h 2s ease-in-out 3;
}

@keyframes pulse-blue-b-gsjfjunt3h {
    0% {
        background-color: transparent;
    }

    50% {
        background-color: rgba(0, 123, 255, 0.35);
    }

    100% {
        background-color: transparent;
    }
}

.card-critical[b-gsjfjunt3h] {
    background: linear-gradient(90deg, #2b0f12, #1a0a0c);
    border-left: 14px solid #dc3545;
    animation: pulse-critical-b-gsjfjunt3h 1.4s infinite;
}

.card-warning[b-gsjfjunt3h] {
    background: linear-gradient(90deg, #2b240f, #1a1608);
    border-left: 14px solid #ffc107;
}

.card-ok[b-gsjfjunt3h] {
    background: linear-gradient(90deg, #0f2b1a, #081a10);
    border-left: 14px solid #198754;
}

@keyframes pulse-critical-b-gsjfjunt3h {
    0% {
        box-shadow: 0 0 0 0 rgba(220,53,69,0.6);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(220,53,69,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(220,53,69,0);
    }
}


.card-critical[b-gsjfjunt3h] {
    border-left: 12px solid #dc3545;
    background: #2b0f12;
    animation: pulse-red-b-gsjfjunt3h 1.5s infinite;
}

.card-warning[b-gsjfjunt3h] {
    border-left: 12px solid #ffc107;
    background: #2b240f;
}

.card-ok[b-gsjfjunt3h] {
    border-left: 12px solid #198754;
    background: #0f2b1a;
}

@keyframes pulse-red-b-gsjfjunt3h {
    0% {
        box-shadow: 0 0 0 0 rgba(220,53,69,0.6);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(220,53,69,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(220,53,69,0);
    }
}
/* _content/FixSystem.BlazorServer/Pages/Serwis/Kolejka.razor.rz.scp.css */
/* ── Lista techników – flex kolumna z odstępami między kartami ── */
.kq-list[b-4v2m31i0ca] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── Karta technika (obwiednia całej grupy) ── */
.kq-technik-card[b-4v2m31i0ca] {
    border-radius: var(--rz-border-radius);
    border: 1px solid var(--rz-base-300);
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
}

/* ── Nagłówek technika ── */
.kq-technik-header[b-4v2m31i0ca] {
    background: var(--rz-base-200);
    border-bottom: 2px solid var(--rz-base-300);
    padding: 0.55rem 1rem;
    border-left: 4px solid var(--rz-primary);
}

/* Avatar kółko z inicjałem/ikoną */
.kq-technik-avatar[b-4v2m31i0ca] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--rz-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
}

.kq-technik-name[b-4v2m31i0ca] {
    font-weight: 700;
    font-size: 0.97rem;
}

.kq-technik-stats[b-4v2m31i0ca] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color);
}

.kq-badge-wtoku[b-4v2m31i0ca] {
    background: var(--rz-warning-lighter, #fff8e1);
    color: var(--rz-warning-dark, #856404);
    border: 1px solid var(--rz-warning-light, #ffe082);
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.72rem;
}

.kq-badge-oczek[b-4v2m31i0ca] {
    background: var(--rz-base-300);
    color: var(--rz-text-secondary-color);
    border: 1px solid var(--rz-base-400);
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
}

/* ── Blok zlecenia ── */
.kq-zlecenie-block[b-4v2m31i0ca] {
    border-top: 1px solid var(--rz-base-200);
}

.kq-zlecenie-block:first-of-type[b-4v2m31i0ca] {
    border-top: none;
}

/* ── Nagłówek zlecenia (klikalne) ── */
.kq-zlec-header[b-4v2m31i0ca] {
    padding: 0.45rem 1rem;
    background: var(--rz-base-100);
    cursor: pointer;
    border-bottom: 1px solid var(--rz-base-200);
    font-size: 0.82rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    transition: background 0.15s;
}

.kq-zlec-header:hover[b-4v2m31i0ca] {
    background: var(--rz-primary-lighter, #e8f4fd);
}

.kq-zlec-num[b-4v2m31i0ca] {
    font-weight: 700;
    color: var(--rz-primary);
}

.kq-device[b-4v2m31i0ca] {
    color: var(--rz-text-secondary-color);
}

.kq-klient[b-4v2m31i0ca] {
    color: var(--rz-text-secondary-color);
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.kq-tel[b-4v2m31i0ca] {
    color: var(--rz-text-tertiary-color);
    font-size: 0.78rem;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.kq-sep[b-4v2m31i0ca] {
    color: var(--rz-base-400);
}

/* ── Obszar czynności ── */
.kq-tasks[b-4v2m31i0ca] {
    background: var(--rz-base-background);
}

/* ── Wiersz czynności ── */
.kq-task[b-4v2m31i0ca] {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--rz-base-100);
    border-left: 3px solid transparent;
    font-size: 0.85rem;
}

.kq-task:last-child[b-4v2m31i0ca] {
    border-bottom: none;
}

.kq-task--wtoku[b-4v2m31i0ca] {
    background: var(--rz-warning-lighter, #fffde7);
    border-left-color: var(--rz-warning, #ffc107);
}

.kq-task--pauza[b-4v2m31i0ca] {
    background: var(--rz-info-lighter, #e3f2fd);
    border-left-color: var(--rz-info, #17a2b8);
}

.kq-task--waiting[b-4v2m31i0ca] {
    border-left-color: var(--rz-base-300);
}

.kq-task--done[b-4v2m31i0ca] {
    opacity: 0.55;
    border-left-color: var(--rz-success);
}

/* ── Wiersz wewnątrz kq-task ── */
.kq-task-row[b-4v2m31i0ca] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

/* ── Pill statusu (zastępuje mały dot) ── */
.kq-status-pill[b-4v2m31i0ca] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    white-space: nowrap;
    flex-shrink: 0;
}

.kq-status-pill--wtoku[b-4v2m31i0ca] {
    background: var(--rz-warning, #ffc107);
    color: var(--rz-warning-dark, #856404);
    animation: kqPulse-b-4v2m31i0ca 1.4s ease-in-out infinite;
}

.kq-status-pill--pauza[b-4v2m31i0ca] {
    background: var(--rz-info-lighter, #e3f2fd);
    color: var(--rz-info-dark, #0c5460);
    border: 1px solid var(--rz-info-light, #bee5eb);
}

.kq-status-pill--waiting[b-4v2m31i0ca] {
    background: var(--rz-base-200);
    color: var(--rz-text-tertiary-color);
    border: 1px solid var(--rz-base-300);
}

@keyframes kqPulse-b-4v2m31i0ca {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.5; }
}

/* ── Nazwa czynności ── */
.kq-task-name[b-4v2m31i0ca] {
    font-weight: 600;
    flex: 1;
    min-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Ikona czynności ── */
.kq-task-icon[b-4v2m31i0ca] {
    flex-shrink: 0;
    font-size: 0.9rem;
    opacity: 0.8;
}

/* ── Czas szacowany ── */
.kq-czas-szac[b-4v2m31i0ca] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.75rem;
    color: var(--rz-text-tertiary-color);
    white-space: nowrap;
}

/* ── Timer w toku ── */
.kq-timer[b-4v2m31i0ca] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--rz-warning-dark, #856404);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kq-timer--over[b-4v2m31i0ca] {
    color: var(--rz-danger);
}

.kq-timer-dot[b-4v2m31i0ca] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--rz-warning);
    flex-shrink: 0;
    animation: kqPulse-b-4v2m31i0ca 1.2s ease-in-out infinite;
}

.kq-timer--over .kq-timer-dot[b-4v2m31i0ca] {
    background: var(--rz-danger);
}

.kq-timer-vs[b-4v2m31i0ca] {
    font-weight: 400;
    color: var(--rz-text-tertiary-color);
}

/* ── Przyciski akcji ── */
.kq-actions[b-4v2m31i0ca] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    flex-shrink: 0;
    margin-left: auto;
}
/* _content/FixSystem.BlazorServer/Pages/Serwis/MojeStatystyki.razor.rz.scp.css */
.stat-box[b-918qc9xtac] {
    text-align: center;
    padding: 1rem;
    background: var(--rz-base-200);
    border-radius: 8px;
}

.stat-box-value[b-918qc9xtac] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--rz-primary);
    line-height: 1.2;
}

.stat-box-label[b-918qc9xtac] {
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
    margin-top: 0.25rem;
}

.typ-bar[b-918qc9xtac] {
    height: 8px;
    background: var(--rz-base-300);
    border-radius: 4px;
    overflow: hidden;
}

.typ-bar-fill[b-918qc9xtac] {
    height: 100%;
    background: var(--rz-primary);
    border-radius: 4px;
    transition: width 0.3s ease;
}
/* _content/FixSystem.BlazorServer/Pages/Serwis/MojPanel.razor.rz.scp.css */
.panel-header[b-8dp2cn77lh] {
    border-left: 4px solid var(--rz-primary);
}

.stat-chip[b-8dp2cn77lh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    background: var(--rz-base-200);
    min-width: 72px;
}

.stat-chip-value[b-8dp2cn77lh] {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
}

.stat-chip-label[b-8dp2cn77lh] {
    font-size: 0.68rem;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
}

.stat-chip-danger .stat-chip-value[b-8dp2cn77lh] { color: var(--rz-danger); }
.stat-chip-success .stat-chip-value[b-8dp2cn77lh] { color: var(--rz-success); }
.stat-chip-info .stat-chip-value[b-8dp2cn77lh] { color: var(--rz-info); }

.card-danger[b-8dp2cn77lh] {
    border-left: 4px solid var(--rz-danger);
}

.card-active[b-8dp2cn77lh] {
    border-left: 4px solid var(--rz-success);
}

.timer-badge[b-8dp2cn77lh] {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: monospace;
    color: var(--rz-success);
    background: var(--rz-base-200);
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
}

.zlecenie-row[b-8dp2cn77lh] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.4rem;
    border-radius: 6px;
    cursor: pointer;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--rz-base-200);
    transition: background 0.15s;
}

.zlecenie-row:last-child[b-8dp2cn77lh] {
    border-bottom: none;
}

.zlecenie-row:hover[b-8dp2cn77lh] {
    background: var(--rz-base-100);
}

.zlecenie-row.pilne[b-8dp2cn77lh] {
    background: rgba(220, 53, 69, 0.05);
}

.zl-numer[b-8dp2cn77lh] {
    font-weight: 700;
    color: var(--rz-primary);
    min-width: 100px;
    flex-shrink: 0;
}

.zl-urzadzenie[b-8dp2cn77lh] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zl-klient[b-8dp2cn77lh] {
    color: var(--rz-text-secondary-color);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.zl-termin[b-8dp2cn77lh] {
    font-size: 0.8rem;
    flex-shrink: 0;
}

.text-danger[b-8dp2cn77lh] { color: var(--rz-danger) !important; font-weight: 600; }
.text-warning[b-8dp2cn77lh] { color: var(--rz-warning) !important; }
/* _content/FixSystem.BlazorServer/Pages/Slowniki/Index.razor.rz.scp.css */

.dict-card[b-p4ob4dql7g] {
    background: var(--rz-base-background-color);
    border-radius: 8px;
    border: 1px solid var(--rz-base-300);
    border-left: 4px solid var(--accent-color);
    overflow: hidden;
    transition: all 0.2s ease;
    height: 100%;
}

.dict-card:hover[b-p4ob4dql7g] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-color: var(--accent-color);
}

.dict-card-header[b-p4ob4dql7g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 8%, transparent), transparent);
    border-bottom: 1px solid var(--rz-base-200);
    font-weight: 600;
    font-size: 1.05rem;
}

    .dict-card-header .rz-icon[b-p4ob4dql7g] {
        color: var(--accent-color);
        font-size: 1.4rem;
    }

.dict-card-body[b-p4ob4dql7g] {
    padding: 0.5rem;
}

.dict-item[b-p4ob4dql7g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.75rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .dict-item:hover[b-p4ob4dql7g] {
        background: var(--rz-base-100);
    }

        .dict-item:hover .dict-item-icon[b-p4ob4dql7g] {
            color: var(--accent-color);
        }

.dict-item-info[b-p4ob4dql7g] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.dict-item-icon[b-p4ob4dql7g] {
    font-size: 1.2rem;
    color: var(--rz-text-secondary-color);
    transition: color 0.15s ease;
}

.dict-item-name[b-p4ob4dql7g] {
    font-size: 0.9rem;
}

.dict-item-count[b-p4ob4dql7g] {
    font-size: 0.75rem;
    min-width: 28px;
    text-align: center;
}

@media (max-width: 768px) {
    .dict-card-header[b-p4ob4dql7g] {
        padding: 0.75rem 1rem;
    }

    .dict-item[b-p4ob4dql7g] {
        padding: 0.5rem 0.6rem;
    }
}

/* _content/FixSystem.BlazorServer/Pages/Ustawienia/SzablonyWorkflow.razor.rz.scp.css */
.sz-row[b-a0roeadquy] {
    display: grid;
    grid-template-columns: 40px 1fr 90px 100px 36px;
    gap: 0.3rem;
    align-items: center;
    margin-bottom: 0.3rem;
}

.sz-header[b-a0roeadquy] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--rz-text-secondary-color);
    margin-bottom: 0.15rem;
}
/* _content/FixSystem.BlazorServer/Pages/Zlecenia/Index.razor.rz.scp.css */
/* ===============================
   ZLECENIA – OGÓLNE
================================ */

.zlecenia-page[b-g9odlao8z1] {
    padding: 1rem;
}

    .zlecenia-page .rz-card[b-g9odlao8z1] {
        border-radius: 10px;
    }

/* ===============================
   FILTRY
================================ */

.zlecenia-filters[b-g9odlao8z1] {
    background: var(--rz-base-100);
    padding: 0.75rem 1rem;
    border-radius: 8px;
    border: 1px solid var(--rz-base-300);
}

    .zlecenia-filters .rz-textbox[b-g9odlao8z1],
    .zlecenia-filters .rz-dropdown[b-g9odlao8z1] {
        min-height: 38px;
    }

    .zlecenia-filters .rz-checkbox-box[b-g9odlao8z1] {
        margin-top: 6px;
    }

/* ===============================
   GRID
================================ */

.zlecenia-page .rz-datatable[b-g9odlao8z1] {
    border-radius: 8px;
    overflow: hidden;
}

    .zlecenia-page .rz-datatable thead th[b-g9odlao8z1] {
        background: var(--rz-base-200);
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
    }

    .zlecenia-page .rz-datatable tbody tr:hover[b-g9odlao8z1] {
        background-color: var(--rz-base-100);
    }

/* ===============================
   BADGE – STATUS / PRIORYTET
================================ */

.zlecenia-page .rz-badge[b-g9odlao8z1] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-weight: 600;
}

/* ===============================
   OPIS USTERKI
================================ */

.zlecenia-page td span[title][b-g9odlao8z1] {
    cursor: help;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===============================
   AKCJE
================================ */

.zlecenia-actions .rz-button[b-g9odlao8z1] {
    padding: 0.25rem;
    min-width: 32px;
    height: 32px;
}

    .zlecenia-actions .rz-button:hover[b-g9odlao8z1] {
        background-color: var(--rz-base-200);
        border-radius: 6px;
    }

/* ===============================
   PAGINACJA
================================ */

.zlecenia-page .rz-paginator[b-g9odlao8z1] {
    padding-top: 0.75rem;
}

/* ===============================
   RESPONSYWNOŚĆ
================================ */

@media (max-width: 768px) {
    .zlecenia-filters[b-g9odlao8z1] {
        gap: 0.5rem;
    }

    .zlecenia-actions[b-g9odlao8z1] {
        flex-wrap: wrap;
    }
}

/* ==================================================
   FIX‑SYSTEM – PROFESSIONAL RADZEN GRID
   (CSS Isolation + :deep)
================================================== */

:deep(.fs-grid-pro.rz-datatable)[b-g9odlao8z1] {
    border: 1px solid #d1d5db;
    border-radius: 10px;
    background: #ffffff;
}

/* ================= HEADER ================= */

:deep(.fs-grid-pro .rz-datatable-thead th)[b-g9odlao8z1] {
    background-color: #f3f4f6 !important;
    color: #374151 !important;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 10px 12px !important;
    border-bottom: 1px solid #d1d5db !important;
}

/* ================= ROWS ================= */

:deep(.fs-grid-pro .rz-datatable-data tr)[b-g9odlao8z1] {
    transition: background-color 0.15s ease;
}

:deep(.fs-grid-pro .rz-datatable-data tr:nth-child(even))[b-g9odlao8z1] {
    background-color: #fafafa;
}

:deep(.fs-grid-pro .rz-datatable-data tr:hover)[b-g9odlao8z1] {
    background-color: #eef2ff !important;
}

/* ================= CELLS ================= */

:deep(.fs-grid-pro .rz-cell-data)[b-g9odlao8z1] {
    padding: 10px 12px !important;
    font-size: 13px;
    color: #111827;
    border-bottom: 1px solid #e5e7eb;
    vertical-align: middle;
}

/* ================= BADGES ================= */

:deep(.fs-grid-pro .rz-badge)[b-g9odlao8z1] {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 6px;
}

/* ================= ACTIONS ================= */

:deep(.fs-grid-pro .fs-actions)[b-g9odlao8z1] {
    display: flex;
    gap: 4px;
}

:deep(.fs-grid-pro .fs-actions .rz-button)[b-g9odlao8z1] {
    width: 30px;
    height: 30px;
    padding: 0 !important;
    border-radius: 6px;
}

:deep(.fs-grid-pro .fs-actions .rz-button:hover)[b-g9odlao8z1] {
    background-color: #e0e7ff !important;
}

/* ================= FROZEN ================= */

:deep(.fs-grid-pro .rz-frozen-column)[b-g9odlao8z1] {
    background-color: #ffffff !important;
    box-shadow: inset -1px 0 0 #d1d5db;
}

/* ================= PAGINATOR ================= */

:deep(.fs-grid-pro + .rz-paginator)[b-g9odlao8z1] {
    padding: 12px 0;
    font-size: 12px;
}

/* ================= EMPTY ================= */

:deep(.fs-grid-pro .rz-datatable-empty)[b-g9odlao8z1] {
    padding: 32px;
    text-align: center;
    color: #6b7280;
    font-style: italic;
}

/* ==================================================
   FIX‑SYSTEM – COMPACT ROW HEIGHT (FINAL)
================================================== */

/* WIERSZ */
:deep(.fs-grid-pro .rz-datatable-data tr)[b-g9odlao8z1] {
    line-height: 1.15 !important;
    min-height: unset !important;
}

/* KOMÓRKA */
:deep(.fs-grid-pro td.rz-cell-data)[b-g9odlao8z1] {
    padding: 3px 8px !important;
    font-size: 12px;
    line-height: 1.15 !important;
}

/* WEWNĘTRZNY WRAPPER */
:deep(.fs-grid-pro td.rz-cell-data > div)[b-g9odlao8z1] {
    padding: 0 !important;
    line-height: 1.15 !important;
}

/* HEADER – żeby proporcje się zgadzały */
:deep(.fs-grid-pro .rz-datatable-thead th)[b-g9odlao8z1] {
    padding: 6px 8px !important;
    font-size: 11px;
}

/* BADGE – NIE MOŻE ROZPYCHAĆ */
:deep(.fs-grid-pro .rz-badge)[b-g9odlao8z1] {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.1;
}

/* AKCJE */
:deep(.fs-grid-pro .fs-actions .rz-button)[b-g9odlao8z1] {
    width: 24px;
    height: 24px;
}

.status-card[b-g9odlao8z1] {
    min-width: 160px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

    .status-card:hover[b-g9odlao8z1] {
        transform: translateY(-2px);
        box-shadow: 0 6px 14px rgba(0,0,0,0.12);
    }
    .status-card.active[b-g9odlao8z1] {
        background: rgba(96, 125, 139, 0.08);
        box-shadow: inset 0 0 0 1px rgba(96, 125, 139, 0.3);
    }
/* _content/FixSystem.BlazorServer/Pages/Zlecenia/Kanban.razor.rz.scp.css */
/* ============================================================
   Kanban board — poziomy pasek kolumn z przewijaniem
   ============================================================ */

.kanban-board[b-h8rrifgv40] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 12px;       /* miejsce na scrollbar poziomy */
    /* flex: 1 + min-height: 0 = board wypełnia dokładnie pozostałą przestrzeń
       content-area (display: flex; flex-direction: column), bez obliczeń vh */
    flex: 1 1 0;
    min-height: 0;
}

/* Scrollbar dla kanban board */
.kanban-board[b-h8rrifgv40]::-webkit-scrollbar {
    height: 8px;
}
.kanban-board[b-h8rrifgv40]::-webkit-scrollbar-track {
    background: var(--rz-base-300, #e9ecef);
    border-radius: 4px;
}
.kanban-board[b-h8rrifgv40]::-webkit-scrollbar-thumb {
    background: var(--rz-base-500, #adb5bd);
    border-radius: 4px;
}
.kanban-board[b-h8rrifgv40]::-webkit-scrollbar-thumb:hover {
    background: var(--rz-base-600, #6c757d);
}

/* ============================================================
   Kolumna statusu
   ============================================================ */

.kanban-kolumna[b-h8rrifgv40] {
    flex: 0 0 270px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: var(--rz-base-100, #f8f9fa);
    border-radius: 10px;
    border: 1px solid var(--rz-border-color);
    height: 100%;               /* wypełnia całą wysokość boarda */
    overflow: hidden;
}

.kanban-kolumna-header[b-h8rrifgv40] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.875rem;
    background: var(--rz-surface-color);
    border-radius: 10px 10px 0 0;
    font-weight: 600;
    font-size: 0.875rem;
    flex-shrink: 0;
}

.kanban-status-nazwa[b-h8rrifgv40] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kanban-status-liczba[b-h8rrifgv40] {
    color: white;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: bold;
    flex-shrink: 0;
    margin-left: 0.5rem;
    line-height: 1.4;
}

/* ============================================================
   Lista kart (przewijalna)
   ============================================================ */

.kanban-karty[b-h8rrifgv40] {
    flex: 1 1 0;                /* rośnie by wypełnić kolumnę, ale nie pcha jej w dół */
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;              /* ważne: pozwala flex-item się kurczyć */
}

.kanban-karty[b-h8rrifgv40]::-webkit-scrollbar {
    width: 4px;
}
.kanban-karty[b-h8rrifgv40]::-webkit-scrollbar-track {
    background: transparent;
}
.kanban-karty[b-h8rrifgv40]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

/* ============================================================
   Karta zlecenia
   ============================================================ */

.kanban-karta[b-h8rrifgv40] {
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-left: 3px solid transparent;
    border-radius: 7px;
    padding: 0.625rem 0.75rem;
    transition: box-shadow 0.15s, transform 0.1s;
    cursor: pointer;
    flex-shrink: 0;
}

.kanban-karta:hover[b-h8rrifgv40] {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
}

.kanban-karta.po-terminie[b-h8rrifgv40] {
    border-left-color: #D32F2F;
    background: var(--rz-danger-lighter, #fff5f5);
}

/* ============================================================
   Elementy karty
   ============================================================ */

.karta-header[b-h8rrifgv40] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.35rem;
    gap: 0.25rem;
}

.karta-numer[b-h8rrifgv40] {
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--rz-primary);
    white-space: nowrap;
}

.karta-priorytet[b-h8rrifgv40] {
    font-size: 0.65rem;
    padding: 1px 6px;
    border-radius: 4px;
    color: white;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.6;
}

.karta-klient[b-h8rrifgv40] {
    font-size: 0.825rem;
    font-weight: 600;
    margin-bottom: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.karta-urzadzenie[b-h8rrifgv40] {
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.3rem;
}

.karta-technik[b-h8rrifgv40],
.karta-termin[b-h8rrifgv40] {
    font-size: 0.72rem;
    color: var(--rz-text-secondary-color);
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.15rem;
}

.karta-termin.termin-po[b-h8rrifgv40] {
    color: #D32F2F;
    font-weight: 600;
}

.karta-akcje[b-h8rrifgv40] {
    display: flex;
    justify-content: flex-end;
    gap: 0.1rem;
    margin-top: 0.4rem;
    border-top: 1px solid var(--rz-border-color);
    padding-top: 0.3rem;
}

.kanban-empty[b-h8rrifgv40] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--rz-text-tertiary-color);
    font-size: 0.8rem;
    flex: 1;
}

/* ============================================================
   Drag & Drop
   ============================================================ */

/* Karta przeciągalna — cursor grab */
.kanban-karta[draggable="true"][b-h8rrifgv40] {
    cursor: grab;
}

/* Karta aktualnie przeciągana — przyciemniona, obrócona */
.kanban-karta.is-dragging[b-h8rrifgv40] {
    opacity: 0.35;
    transform: rotate(1.5deg) scale(0.97);
    pointer-events: none;   /* nie blokuje zdarzeń drag na kolumnie */
    cursor: grabbing;
}

/* Kolumna będąca celem upuszczenia */
.kanban-kolumna.drop-target[b-h8rrifgv40] {
    background: var(--rz-primary-lighter, #e8f0fe);
    border: 2px dashed var(--rz-primary, #1a73e8);
    border-radius: 10px;
}

.kanban-kolumna.drop-target .kanban-kolumna-header[b-h8rrifgv40] {
    background: var(--rz-primary-lighter, #e8f0fe);
}

/* Tekst "Upuść tutaj" w pustej kolumnie podczas przeciągania */
.kanban-empty.drop-hint[b-h8rrifgv40] {
    color: var(--rz-primary, #1a73e8);
    font-weight: 600;
    font-size: 0.85rem;
}
/* _content/FixSystem.BlazorServer/Pages/Zlecenia/MojDzien.razor.rz.scp.css */
/* ── Data ── */
.md-date[b-2ksikocm7p] {
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color);
    display: block;
}

/* ── Chipy podsumowania ── */
.md-chip[b-2ksikocm7p] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
}

.md-chip--wtoku[b-2ksikocm7p] {
    background: var(--rz-warning-lighter, #fff8e1);
    color: var(--rz-warning-dark, #856404);
    border: 1px solid var(--rz-warning-light, #ffe082);
}

.md-chip--todo[b-2ksikocm7p] {
    background: var(--rz-base-200);
    color: var(--rz-text-secondary-color);
    border: 1px solid var(--rz-base-300);
}

.md-chip--done[b-2ksikocm7p] {
    background: var(--rz-success-lighter, #d4edda);
    color: var(--rz-success-dark, #155724);
    border: 1px solid var(--rz-success-light, #c3e6cb);
}

/* ── Etykieta sekcji ── */
.md-section-label[b-2ksikocm7p] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--rz-text-secondary-color);
    margin-bottom: 0.5rem;
}

.md-section-label--wtoku[b-2ksikocm7p] {
    color: var(--rz-warning-dark, #856404);
}

/* ── Pulsujący dot (w sekcji i timerze) ── */
.md-pulse-dot[b-2ksikocm7p] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--rz-warning, #ffc107);
    animation: mdPulse-b-2ksikocm7p 1.2s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes mdPulse-b-2ksikocm7p {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.3; transform: scale(0.7); }
}

/* ── Lista i karty ── */
.md-list[b-2ksikocm7p] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.md-card[b-2ksikocm7p] {
    background: var(--rz-base-background);
    border: 1px solid var(--rz-border-color);
    border-left: 3px solid transparent;
    border-radius: var(--rz-border-radius);
    padding: 0.65rem 0.875rem;
    transition: box-shadow 0.15s;
}

.md-card:hover[b-2ksikocm7p] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.md-card--wtoku[b-2ksikocm7p] {
    border-left-color: var(--rz-warning, #ffc107);
    background: var(--rz-warning-lighter, #fffde7);
}

.md-card--pauza[b-2ksikocm7p] {
    border-left-color: var(--rz-info, #17a2b8);
}

/* ── Wnętrze karty ── */
.md-card-main[b-2ksikocm7p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.md-card-body[b-2ksikocm7p] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.md-task-name[b-2ksikocm7p] {
    font-weight: 600;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.md-order-ref[b-2ksikocm7p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem;
    font-size: 0.78rem;
    color: var(--rz-text-secondary-color);
}

.md-zlecenie-link[b-2ksikocm7p] {
    font-weight: 600;
    color: var(--rz-primary);
    text-decoration: none;
}

.md-zlecenie-link:hover[b-2ksikocm7p] {
    text-decoration: underline;
}

.md-dot-sep[b-2ksikocm7p] {
    color: var(--rz-base-400);
}

.md-czas-szac[b-2ksikocm7p] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.72rem;
    color: var(--rz-text-tertiary-color);
}

/* ── Timer ── */
.md-timer[b-2ksikocm7p] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--rz-warning-dark, #856404);
    font-variant-numeric: tabular-nums;
    margin-top: 0.1rem;
}

.md-timer--over[b-2ksikocm7p] {
    color: var(--rz-danger);
}

.md-timer-dot[b-2ksikocm7p] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--rz-warning, #ffc107);
    animation: mdPulse-b-2ksikocm7p 1.2s ease-in-out infinite;
    flex-shrink: 0;
}

.md-timer--over .md-timer-dot[b-2ksikocm7p] {
    background: var(--rz-danger);
}

.md-timer-szac[b-2ksikocm7p] {
    font-weight: 400;
    font-size: 0.75rem;
    color: var(--rz-text-tertiary-color);
}

/* ── Przyciski akcji ── */
.md-card-actions[b-2ksikocm7p] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

/* ── Pusty stan ── */
.md-empty[b-2ksikocm7p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    color: var(--rz-text-secondary-color);
    text-align: center;
}
/* _content/FixSystem.BlazorServer/Shared/AccessDenied.razor.rz.scp.css */
.access-denied-card[b-4evzumpphl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 32px;
    max-width: 480px;
    margin: 80px auto;
    border: 1px solid var(--rz-border-disabled-color, #e5e7eb);
    border-radius: 12px;
    background: var(--rz-base-background-color, #fff);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    text-align: center;
}

.access-denied-icon[b-4evzumpphl] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff3cd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.access-denied-icon .rzi[b-4evzumpphl] {
    font-size: 32px;
    color: #856404;
}

.access-denied-title[b-4evzumpphl] {
    margin: 0;
    color: var(--rz-text-color, #1f2937);
}

.access-denied-desc[b-4evzumpphl] {
    margin: 0;
    color: var(--rz-text-secondary-color, #6b7280);
}

.access-denied-code[b-4evzumpphl] {
    margin-top: 4px;
}

.access-denied-code .badge[b-4evzumpphl] {
    font-size: 0.75rem;
    padding: 2px 10px;
    border-radius: 12px;
    font-family: monospace;
}

.badge-warning[b-4evzumpphl] {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
}

.access-denied-btn[b-4evzumpphl] {
    margin-top: 8px;
}
/* _content/FixSystem.BlazorServer/Shared/Breadcrumb.razor.rz.scp.css */
/* Style breadcrumbu w app.css (globalne) */
/* _content/FixSystem.BlazorServer/Shared/Components/HistoriaUrzadzen.razor.rz.scp.css */
/* ── GRID ── */
.history-grid[b-qad2wtj019] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.625rem;
}

/* ── KARTA ── */
.history-card[b-qad2wtj019] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--rz-base-background-color);
    border: 1.5px solid var(--rz-base-300);
    border-radius: 10px;
    padding: 0.625rem 0.875rem;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
    position: relative;
    overflow: hidden;
}

.history-card.selectable[b-qad2wtj019] {
    cursor: pointer;
}

.history-card.selectable:hover[b-qad2wtj019] {
    border-color: var(--rz-primary);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.history-card.selected[b-qad2wtj019] {
    border-color: var(--rz-success);
    background: rgba(40, 167, 69, 0.06);
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.2);
}

.history-card.selected[b-qad2wtj019]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--rz-success);
    border-radius: 10px 0 0 10px;
}

/* ── IKONA / LOGO ── */
.device-icon-wrap[b-qad2wtj019] {
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.producer-icon[b-qad2wtj019] {
    border-radius: 4px;
}

/* ── DANE URZĄDZENIA ── */
.device-info[b-qad2wtj019] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.device-name[b-qad2wtj019] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--rz-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.device-producer[b-qad2wtj019] {
    color: var(--rz-primary);
    margin-right: 0.25rem;
}

.device-model[b-qad2wtj019] {
    color: var(--rz-text-color);
}

.device-type[b-qad2wtj019] {
    font-size: 0.75rem;
    color: var(--rz-base-500);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.device-meta[b-qad2wtj019] {
    font-size: 0.75rem;
    color: var(--rz-base-500);
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.meta-sep[b-qad2wtj019] {
    opacity: 0.4;
}

/* ── ZNACZNIK WYBORU ── */
.select-indicator[b-qad2wtj019] {
    flex-shrink: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.select-indicator .material-icons[b-qad2wtj019] {
    font-size: 1.375rem;
    color: var(--rz-base-400);
    transition: color 0.15s;
}

.select-indicator.active .material-icons[b-qad2wtj019] {
    color: var(--rz-success);
}

/* ── SKELETON ── */
.skeleton-card[b-qad2wtj019] {
    height: 66px;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--rz-base-100) 25%, var(--rz-base-200) 50%, var(--rz-base-100) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-qad2wtj019 1.4s infinite ease-in-out;
    border: 1.5px solid transparent;
}

@keyframes skeleton-shimmer-b-qad2wtj019 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── PRZYCISK "POKAŻ WIĘCEJ" ── */
.load-more-btn[b-qad2wtj019] {
    margin-top: 0.75rem;
    width: 100%;
}

/* ── MOBILE ── */
@media (max-width: 600px) {
    .history-grid[b-qad2wtj019] {
        grid-template-columns: 1fr;
    }

    .history-card[b-qad2wtj019] {
        padding: 0.625rem 0.75rem;
    }

    .device-icon-wrap[b-qad2wtj019] {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
}
/* _content/FixSystem.BlazorServer/Shared/Components/MiniHistoriaUrzadzen.razor.rz.scp.css */
.mini-history-wrapper[b-h3unss0u3n] {
    padding: 0.5rem;
}

.mini-history .history-card[b-h3unss0u3n] {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
}

.mini-history .producer-icon[b-h3unss0u3n] {
    width: 24px;
    height: 24px;
}
/* _content/FixSystem.BlazorServer/Shared/EntityImage.razor.rz.scp.css */
/* === MINIATURA === */
.ei-thumb[b-361f74qspg] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 4px;
}

.ei-thumb.ei-zoomable[b-361f74qspg] {
    cursor: zoom-in;
}

.ei-thumb.ei-zoomable:hover .ei-zoom-hint[b-361f74qspg] {
    opacity: 1;
}

.ei-img[b-361f74qspg] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.ei-fallback[b-361f74qspg] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rz-base-400);
    width: 100%;
    height: 100%;
}

.ei-zoom-hint[b-361f74qspg] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.35);
    color: #fff;
    font-size: 1.2rem;
    opacity: 0;
    transition: opacity 0.15s;
    border-radius: 4px;
}

.ei-badge[b-361f74qspg] {
    position: absolute;
    top: 2px;
    right: 2px;
    background: var(--rz-primary);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* === LIGHTBOX === */
.ei-overlay[b-361f74qspg] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: ei-fade-in-b-361f74qspg 0.15s ease;
}

@keyframes ei-fade-in-b-361f74qspg {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.ei-lightbox[b-361f74qspg] {
    position: relative;
    background: var(--rz-base-background-color, #fff);
    border-radius: 8px;
    padding: 2rem 1.5rem 1.5rem;
    max-width: 90vw;
    max-height: 90vh;
    overflow: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}

.ei-close[b-361f74qspg] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--rz-base-600);
    padding: 0.25rem;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: background 0.15s;
}

.ei-close:hover[b-361f74qspg] {
    background: var(--rz-base-200);
    color: var(--rz-base-900);
}

/* jeden obraz */
.ei-lb-single img[b-361f74qspg] {
    display: block;
    max-width: 80vw;
    max-height: 80vh;
    object-fit: contain;
}

/* dwa obrazy obok siebie */
.ei-lb-grid[b-361f74qspg] {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.ei-lb-panel[b-361f74qspg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.ei-lb-panel img[b-361f74qspg] {
    display: block;
    max-width: 38vw;
    max-height: 75vh;
    object-fit: contain;
}

.ei-lb-label[b-361f74qspg] {
    font-size: 0.8rem;
    color: var(--rz-base-600);
    text-align: center;
}

.ei-lb-divider[b-361f74qspg] {
    width: 1px;
    align-self: stretch;
    background: var(--rz-base-300);
    margin: 0 1rem;
    flex-shrink: 0;
}
/* _content/FixSystem.BlazorServer/Shared/RightPanelWidget.razor.rz.scp.css */
/* ============================================================
   RIGHT PANEL WIDGET — style komponentu
   Panel ma szerokość 280px, padding body: 1rem.
   Dostępna szerokość contentu: ~248px.
   ============================================================ */

.rpw[b-5vao0tnsc8] {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-size: 0.8125rem; /* 13px */
}

/* ── NAGŁÓWEK ──────────────────────────────────────────────── */

.rpw-header[b-5vao0tnsc8] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding-bottom: 0.875rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--border, #dee2e6);
}

.rpw-avatar[b-5vao0tnsc8] {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 10px;
    background: var(--rz-primary, #3f51b5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.rpw-header-text[b-5vao0tnsc8] {
    flex: 1;
    min-width: 0;
}

.rpw-title[b-5vao0tnsc8] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--rz-text-color, #212529);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

.rpw-subtitle[b-5vao0tnsc8] {
    color: var(--rz-text-secondary-color, #6c757d);
    font-size: 0.775rem;
    margin-top: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rpw-badge-mt[b-5vao0tnsc8] {
    margin-top: 0.35rem;
}

/* ── SEKCJE ────────────────────────────────────────────────── */

.rpw-section[b-5vao0tnsc8] {
    margin-bottom: 0.875rem;
}

.rpw-section:last-child[b-5vao0tnsc8] {
    margin-bottom: 0;
}

.rpw-section-title[b-5vao0tnsc8] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--rz-text-secondary-color, #6c757d);
    padding-bottom: 0.3rem;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid var(--border, #dee2e6);
}

/* ── WIERSZE ───────────────────────────────────────────────── */

.rpw-row[b-5vao0tnsc8] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.22rem 0;
    min-height: 1.5rem;
}

.rpw-row:not(:last-child)[b-5vao0tnsc8] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.rpw-label[b-5vao0tnsc8] {
    flex-shrink: 0;
    width: 82px;
    color: var(--rz-text-secondary-color, #6c757d);
    font-size: 0.775rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 1px;
}

.rpw-value[b-5vao0tnsc8] {
    flex: 1;
    color: var(--rz-text-color, #212529);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.8125rem;
}

.rpw-bold[b-5vao0tnsc8] {
    font-weight: 700;
}

/* Kolory wartości */
.rpw-success[b-5vao0tnsc8] { color: #198754; }
.rpw-danger[b-5vao0tnsc8]  { color: #dc3545; }
.rpw-warning[b-5vao0tnsc8] { color: #e67e00; }
.rpw-info[b-5vao0tnsc8]    { color: #0b6bc5; }
.rpw-muted[b-5vao0tnsc8]   { color: var(--rz-text-secondary-color, #6c757d); }

/* Mała ikona przy wartości */
.rpw-row-icon[b-5vao0tnsc8] {
    font-size: 0.875rem;
    opacity: 0.7;
    flex-shrink: 0;
}

/* Link */
.rpw-link[b-5vao0tnsc8] {
    color: var(--rz-primary, #3f51b5);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rpw-link:hover[b-5vao0tnsc8] {
    text-decoration: underline;
}

/* ── BADGE ─────────────────────────────────────────────────── */

.rpw-badge[b-5vao0tnsc8] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.4;
}

.rpw-badge-info[b-5vao0tnsc8]    { background: rgba(13, 110, 253, 0.1);  color: #0a58ca; }
.rpw-badge-success[b-5vao0tnsc8] { background: rgba(25, 135, 84, 0.12);  color: #0a3622; }
.rpw-badge-warning[b-5vao0tnsc8] { background: rgba(255, 193, 7, 0.2);   color: #6c4400; }
.rpw-badge-danger[b-5vao0tnsc8]  { background: rgba(220, 53, 69, 0.12);  color: #842029; }
.rpw-badge-light[b-5vao0tnsc8]   { background: rgba(0, 0, 0, 0.07);      color: #495057; }

/* ── STOPKA ────────────────────────────────────────────────── */

.rpw-footer[b-5vao0tnsc8] {
    margin-top: 0.875rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border, #dee2e6);
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Przyciski w stopce — wyrównaj do pełnej szerokości gdy 1 lub 2 */
.rpw-footer :deep(button)[b-5vao0tnsc8],
.rpw-footer :deep(.rz-button)[b-5vao0tnsc8] {
    flex: 1;
    min-width: 0;
    justify-content: center;
}
/* _content/FixSystem.BlazorServer/Shared/Zasilacze/ZasilaczWpisDialog.razor.rz.scp.css */
/* Pole wypełnione przez AI */
.ai-filled[b-k0i9yy5wlh] {
    position: relative;
}

.ai-badge[b-k0i9yy5wlh] {
    position: absolute;
    top: -6px;
    right: 4px;
    z-index: 1;
    background: var(--rz-info);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    letter-spacing: 0.05em;
    pointer-events: none;
}

.ai-filled :deep(.rz-textbox)[b-k0i9yy5wlh],
.ai-filled :deep(.rz-numeric-input)[b-k0i9yy5wlh] {
    border-color: var(--rz-info);
    background-color: color-mix(in srgb, var(--rz-info) 8%, transparent);
}

/* AI fieldset wyróżnienie */
.ai-fieldset :deep(fieldset)[b-k0i9yy5wlh] {
    border-color: var(--rz-info-lighter);
    background: color-mix(in srgb, var(--rz-info) 4%, transparent);
}
/* _content/FixSystem.BlazorServer/Shared/ZlecenieHaslaWidget.razor.rz.scp.css */
.hasla-view-grid[b-al6f3zob8r] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.haslo-item[b-al6f3zob8r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.4rem 0.5rem;
    border-radius: 4px;
    background: var(--rz-base-100, #f8f9fa);
}

.haslo-label[b-al6f3zob8r] {
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color, #6c757d);
    min-width: 130px;
    flex-shrink: 0;
}

.haslo-value[b-al6f3zob8r] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 1;
}

.haslo-text[b-al6f3zob8r] {
    font-family: monospace;
    font-size: 0.9rem;
    background: transparent;
    padding: 0;
}

.haslo-masked[b-al6f3zob8r] {
    letter-spacing: 3px;
    color: var(--rz-text-secondary-color, #6c757d);
    font-size: 1rem;
}