/* /Forms/BatchPhotoForm.razor.rz.scp.css */
    .single-photo-wrapper[b-nse5znh6id] {
        position: relative;
        width: 100%;
        border-radius: 20px;
        font-family: 'Inter', sans-serif;
        overflow: hidden;
    }

    /* LOADING */
    .loading-overlay[b-nse5znh6id] {
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(2px);
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .spinner-svg[b-nse5znh6id] {
        animation: rotate-b-nse5znh6id 2s linear infinite;
        width: 40px;
        height: 40px;
    }
    
    .spinner-svg .path[b-nse5znh6id] {
        stroke: #0F172A;
        stroke-linecap: round;
        animation: dash-b-nse5znh6id 1.5s ease-in-out infinite;
    }

    /* HEADER */
    .form-header[b-nse5znh6id] {
        padding: 24px 24px 16px 24px;
        display: flex;
        align-items: center;
        gap: 16px;
        border-bottom: 1px solid #F8FAFC;
    }

    .header-icon[b-nse5znh6id] {
        width: 42px;
        height: 42px;
        background: #F1F5F9;
        color: #0F172A;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-text[b-nse5znh6id] {
        flex: 1;
    }

    .header-text h3[b-nse5znh6id] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 700;
        color: #0F172A;
    }

    .header-text p[b-nse5znh6id] {
        margin: 2px 0 0 0;
        font-size: 0.8rem;
        color: #64748B;
    }

    .btn-icon-danger[b-nse5znh6id] {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        border: none;
        background: #FEF2F2;
        color: #EF4444;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.2s;
    }

    .btn-icon-danger:hover[b-nse5znh6id] {
        background: #FEE2E2;
        transform: scale(1.05);
    }

    /* BODY */
    .form-body[b-nse5znh6id] {
        padding: 24px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    /* IMAGE SECTION */
    .image-section[b-nse5znh6id] {
        width: 100%;
        height: 220px; 
    }

    .upload-placeholder[b-nse5znh6id] {
        width: 100%;
        height: 100%;
        border: 2px dashed #E2E8F0;
        border-radius: 16px;
        background: #F8FAFC;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.2s;
    }

    .upload-placeholder:hover[b-nse5znh6id] {
        border-color: #0F172A;
        background: #F1F5F9;
    }

    .placeholder-content[b-nse5znh6id] {
        text-align: center;
        color: #64748B;
    }

    .icon-circle[b-nse5znh6id] {
        width: 48px;
        height: 48px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 12px auto;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    .placeholder-title[b-nse5znh6id] {
        display: block;
        font-weight: 600;
        color: #0F172A;
        font-size: 0.95rem;
    }

    .placeholder-subtitle[b-nse5znh6id] {
        font-size: 0.8rem;
    }

    .image-preview-wrapper[b-nse5znh6id] {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

    .main-image[b-nse5znh6id] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .btn-change-photo[b-nse5znh6id] {
        position: absolute;
        bottom: 12px;
        right: 12px;
        background: rgba(15, 23, 42, 0.85);
        backdrop-filter: blur(4px);
        color: #fff;
        border: none;
        padding: 8px 14px;
        border-radius: 8px;
        font-size: 0.8rem;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: 0.2s;
    }

    .btn-change-photo:hover[b-nse5znh6id] {
        background: #0F172A;
    }

    /* CONTROLS */
    .input-group[b-nse5znh6id] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .input-group label[b-nse5znh6id] {
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        color: #94A3B8;
        letter-spacing: 0.03em;
    }

    .number-control[b-nse5znh6id] {
        position: relative;
    }

    .input-icon[b-nse5znh6id] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #64748B;
        pointer-events: none;
    }

    .styled-input[b-nse5znh6id] {
        width: 100%;
        padding: 12px 12px 12px 42px; 
        font-size: 1rem;
        border: 1px solid #E2E8F0;
        border-radius: 10px;
        outline: none;
        font-weight: 600;
        color: #0F172A;
        transition: 0.2s;
        box-sizing: border-box;
    }

    .styled-input:focus[b-nse5znh6id] {
        border-color: #0F172A;
        box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05);
    }

    .input-hint[b-nse5znh6id] {
        font-size: 0.75rem;
        color: #94A3B8;
    }

    /* ACTIONS */
    .form-actions[b-nse5znh6id] {
        padding: 16px 24px;
        display: flex;
        gap: 12px;
    }

    .btn-primary[b-nse5znh6id], .btn-secondary[b-nse5znh6id] {
        flex: 1;
        padding: 12px;
        border-radius: 10px;
        font-size: 0.9rem;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        transition: 0.2s;
        border: none;
    }

    .btn-primary[b-nse5znh6id] {
        background: #0F172A;
        color: white;
        box-shadow: 0 4px 10px rgba(15, 23, 42, 0.15);
    }
    
    .btn-primary:active[b-nse5znh6id] { transform: translateY(1px); }

    .btn-secondary[b-nse5znh6id] {
        background: white;
        border: 1px solid #E2E8F0;
        color: #475569;
    }
    
    .btn-secondary:hover[b-nse5znh6id] { background: #F1F5F9; }

    @keyframes rotate-b-nse5znh6id { 100% { transform: rotate(360deg); } }
    @keyframes dash-b-nse5znh6id {
        0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
        50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
        100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
    }
/* /Forms/CustomerSheet.razor.rz.scp.css */
.customer-sheet[b-nll1nkevlx] { display:grid; gap:20px; max-width:760px; margin:0 auto; color:#172033; }
.customer-sheet-intro[b-nll1nkevlx] { display:flex; align-items:center; gap:14px; padding:0 2px 18px; border-bottom:1px solid #e8edf3; }
.customer-sheet-avatar[b-nll1nkevlx] { width:46px; height:46px; border-radius:14px; display:grid; place-items:center; flex:0 0 auto; background:#edf8f2; color:#17734a; }
.customer-sheet-avatar span[b-nll1nkevlx] { font-size:24px; }
.customer-sheet-intro>div:nth-child(2)[b-nll1nkevlx] { min-width:0; display:grid; gap:3px; }
.customer-sheet-intro strong[b-nll1nkevlx] { font-size:16px; }
.customer-sheet-intro span[b-nll1nkevlx] { font-size:12px; color:#748094; }
.customer-blacklist-badge[b-nll1nkevlx] { margin-left:auto; display:inline-flex!important; align-items:center; gap:5px; padding:7px 10px; border-radius:999px; background:#fff0f1; color:#c42b38!important; font-weight:750; white-space:nowrap; }
.customer-blacklist-badge .material-symbols-rounded[b-nll1nkevlx] { font-size:16px; }
.customer-form-section[b-nll1nkevlx] { display:grid; gap:13px; padding:18px; border:1px solid #e8edf3; border-radius:16px; background:#fbfcfd; }
.customer-section-heading[b-nll1nkevlx] { display:flex; gap:10px; align-items:center; margin-bottom:2px; }
.customer-section-heading>.material-symbols-rounded[b-nll1nkevlx] { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:#fff; border:1px solid #e8edf3; color:#4b5d73; font-size:19px; }
.customer-section-heading div[b-nll1nkevlx] { display:grid; }
.customer-section-heading strong[b-nll1nkevlx] { font-size:13px; }
.customer-section-heading small[b-nll1nkevlx] { color:#7c8799; font-size:11px; margin-top:2px; }
.customer-form-grid[b-nll1nkevlx] { display:grid; gap:12px; }
.customer-form-grid.two[b-nll1nkevlx] { grid-template-columns:1fr 1fr; }
.customer-form-grid.address[b-nll1nkevlx] { grid-template-columns:minmax(0, 1fr) 130px; }
.customer-form-grid label[b-nll1nkevlx], .customer-discount-field[b-nll1nkevlx] { display:grid; gap:6px; min-width:0; }
.customer-form-grid label>span[b-nll1nkevlx], .customer-discount-field>span[b-nll1nkevlx] { color:#667287; font-size:11px; font-weight:750; }
.customer-form-grid input[b-nll1nkevlx], .customer-discount-field input[b-nll1nkevlx] { width:100%!important; min-height:44px!important; box-sizing:border-box; padding:0 13px!important; border:1px solid #dce3eb!important; border-radius:11px!important; background:#fff!important; box-shadow:none!important; color:#172033!important; font:inherit; font-size:14px!important; outline:none!important; transition:.18s ease; }
.customer-form-grid input:focus[b-nll1nkevlx], .customer-discount-field input:focus[b-nll1nkevlx] { border-color:#2f8d62!important; box-shadow:0 0 0 3px rgba(47,141,98,.1)!important; }
.customer-settings-section[b-nll1nkevlx] { grid-template-columns:180px 1fr; align-items:end; }
.customer-discount-field>div[b-nll1nkevlx] { position:relative; }
.customer-discount-field b[b-nll1nkevlx] { position:absolute; right:13px; top:50%; transform:translateY(-50%); color:#637084; }
.customer-discount-field input[b-nll1nkevlx] { padding-right:34px; }
.customer-switch-row[b-nll1nkevlx] { min-height:44px; padding:0 2px 0 14px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.customer-switch-row>span[b-nll1nkevlx] { display:grid; gap:2px; }
.customer-switch-row strong[b-nll1nkevlx] { font-size:13px; }
.customer-switch-row small[b-nll1nkevlx] { font-size:11px; color:#7c8799; }
.customer-switch-row input[b-nll1nkevlx] { appearance:none; width:44px; height:25px; border-radius:999px; background:#cfd6df; position:relative; cursor:pointer; flex:0 0 auto; transition:.2s; }
.customer-switch-row input[b-nll1nkevlx]::after { content:""; position:absolute; width:19px; height:19px; top:3px; left:3px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.18); transition:.2s; }
.customer-switch-row input:checked[b-nll1nkevlx] { background:#21875a; }
.customer-switch-row input:checked[b-nll1nkevlx]::after { transform:translateX(19px); }
.customer-sheet-error[b-nll1nkevlx] { display:flex; align-items:center; gap:8px; padding:12px 14px; border-radius:12px; background:#fff1f2; color:#b42332; font-size:13px; }
.customer-delete-confirm[b-nll1nkevlx] { padding:15px; border-radius:14px; background:#fff4f4; border:1px solid #ffd6d8; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px; }
.customer-delete-confirm>div[b-nll1nkevlx] { display:grid; gap:3px; }
.customer-delete-confirm strong[b-nll1nkevlx] { font-size:13px; }.customer-delete-confirm span[b-nll1nkevlx] { font-size:11px; color:#82565a; }
.customer-delete-confirm button[b-nll1nkevlx] { border:0; border-radius:9px; min-height:36px; padding:0 13px; background:#c92d3c; color:white; font-weight:750; cursor:pointer; }
.customer-delete-confirm button.cancel[b-nll1nkevlx] { background:#fff; color:#4f5969; border:1px solid #e5cfd1; }
.customer-sheet-actions[b-nll1nkevlx] { display:flex; gap:10px; align-items:center; padding-top:2px; }
.customer-sheet-actions button[b-nll1nkevlx] { min-height:44px; border-radius:11px; border:0; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 15px; font-weight:750; cursor:pointer; }
.customer-secondary-action[b-nll1nkevlx] { background:#f2f5f8; color:#445065; }.customer-secondary-action.blacklist[b-nll1nkevlx] { color:#ad2835; }.customer-secondary-action.restore[b-nll1nkevlx] { color:#287253; }
.customer-icon-danger[b-nll1nkevlx] { width:44px; padding:0!important; background:#fff0f1; color:#bd2f3b; }
.customer-save-button[b-nll1nkevlx] { margin-left:auto; background:#187a50; color:#fff; min-width:150px; box-shadow:0 8px 18px rgba(24,122,80,.18); }
button:disabled[b-nll1nkevlx] { opacity:.58; cursor:default; }
@media (max-width:640px) {
  .customer-form-grid.two[b-nll1nkevlx],.customer-form-grid.address[b-nll1nkevlx],.customer-settings-section[b-nll1nkevlx] { grid-template-columns:1fr; }
  .customer-form-section[b-nll1nkevlx] { padding:15px; }
  .customer-sheet-actions[b-nll1nkevlx] { display:grid; grid-template-columns:1fr 44px; }
  .customer-secondary-action[b-nll1nkevlx] { grid-column:1/-1; }.customer-save-button[b-nll1nkevlx] { margin-left:0; grid-column:1/-1; grid-row:1; }
  .customer-delete-confirm[b-nll1nkevlx] { grid-template-columns:1fr 1fr; }.customer-delete-confirm>div[b-nll1nkevlx] { grid-column:1/-1; }
}
/* /Forms/DeleteConfirm.razor.rz.scp.css */
/* --- LAYOUT --- */
.sheet-wrapper.center-content[b-x5he9ar6yc] {
    /* KLUCZOWA ZMIANA: Włączenie Flexboxa */
    display: flex; 
    flex-direction: column; 
    
    /* Teraz to zadziała poprawnie: */
    align-items: center; 
    justify-content: center;
    
    text-align: center;
    padding: 32px 24px;
    height: auto;
    min-height: 320px;
}

/* --- RESZTA POZOSTAJE BEZ ZMIAN --- */

/* --- ANIMACJA WEJŚCIA --- */
.animate-slide-up[b-x5he9ar6yc] { 
    animation: slideUp-b-x5he9ar6yc 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
}

@keyframes slideUp-b-x5he9ar6yc {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- IKONA OSTRZEGAWCZA --- */
.warning-icon-wrapper[b-x5he9ar6yc] {
    position: relative;
    width: 80px;
    height: 80px;
    background: #FEF2F2;
    color: #DC2626;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    /* Dla pewności, jeśli flex w rodzicu by zawiódł, to wyśrodkuje blok */
    margin-left: auto;
    margin-right: auto;
}

.warning-icon-wrapper span[b-x5he9ar6yc] {
    font-size: 40px;
    z-index: 2;
}

/* Pulsujący pierścień */
.pulse-ring[b-x5he9ar6yc] {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 24px;
    border: 2px solid #FCA5A5;
    animation: pulseRed-b-x5he9ar6yc 2s infinite;
}

@keyframes pulseRed-b-x5he9ar6yc {
    0% { transform: scale(1); opacity: 0.8; }
    70% { transform: scale(1.3); opacity: 0; }
    100% { transform: scale(1.3); opacity: 0; }
}

/* --- TEKST --- */
.text-content[b-x5he9ar6yc] {
    margin-bottom: 32px;
    max-width: 320px;
    /* Dla pewności */
    margin-left: auto;
    margin-right: auto;
}

.confirm-title[b-x5he9ar6yc] {
    margin: 0 0 8px 0;
    font-size: 20px;
    font-weight: 700;
    color: #0F172A;
    letter-spacing: -0.02em;
}

.confirm-desc[b-x5he9ar6yc] {
    margin: 0;
    font-size: 14px;
    color: #64748B;
    line-height: 1.5;
}

/* --- BUTTONS --- */
.footer-actions[b-x5he9ar6yc] {
    width: 100%;
    display: flex;
    gap: 12px;
}

.btn-secondary[b-x5he9ar6yc], .btn-danger[b-x5he9ar6yc] {
    flex: 1;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 8px;
    transition: all 0.2s ease;
    border: none;
    font-family: 'Inter', sans-serif;
}

.btn-secondary[b-x5he9ar6yc] {
    background: #FFFFFF;
    color: #0F172A;
    border: 1px solid #E2E8F0;
}
.btn-secondary:hover[b-x5he9ar6yc] {
    background: #F8FAFC;
    border-color: #CBD5E1;
}

.btn-danger[b-x5he9ar6yc] {
    background: #EF4444;
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
}

.btn-danger:hover[b-x5he9ar6yc] {
    background: #DC2626;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.35);
}

.btn-danger:active[b-x5he9ar6yc] {
    transform: translateY(0);
}
/* /Forms/DeliverySheet.razor.rz.scp.css */
/* --- GŁÓWNY UKŁAD --- */
.sheet-wrapper[b-cejzhra5hz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Zakładamy, że BottomSheet ma ustaloną wysokość lub max-height */
    position: relative;
    background: #FFFFFF;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- TREŚĆ FORMULARZA --- */
.sheet-body[b-cejzhra5hz] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* --- LOADING OVERLAY --- */
.sheet-loading[b-cejzhra5hz] {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
}

.spinner-ring[b-cejzhra5hz] {
    width: 32px;
    height: 32px;
    border: 3px solid #E2E8F0;
    border-top-color: #0F172A; /* Główny kolor akcentu */
    border-radius: 50%;
    animation: spin-b-cejzhra5hz 0.8s linear infinite;
}

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

/* --- INPUTS & LABELS --- */
.input-group[b-cejzhra5hz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

label[b-cejzhra5hz] {
    font-size: 0.8rem; /* ok 13px */
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.main-input[b-cejzhra5hz] {
    width: 100%;
    padding: 12px 16px;
    font-size: 0.95rem;
    font-weight: 500;
    color: #0F172A;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    outline: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-input:hover[b-cejzhra5hz] {
    background: #FFFFFF;
    border-color: #CBD5E1;
}

.main-input:focus[b-cejzhra5hz] {
    background: #FFFFFF;
    border-color: #3B82F6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

/* Placeholder styling */
.main-input[b-cejzhra5hz]::placeholder {
    color: #94A3B8;
    opacity: 0.7;
}

/* --- SUFFIX (PLN/zł) --- */
.input-icon-wrapper[b-cejzhra5hz] {
    position: relative;
    width: 100%;
}

.input-icon-wrapper .main-input[b-cejzhra5hz] {
    padding-right: 40px; /* Miejsce na "zł" */
}

.suffix[b-cejzhra5hz] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 0.9rem;
    font-weight: 600;
    pointer-events: none; /* Kliknięcie przechodzi do inputa */
}

/* --- SELECT CUSTOMIZATION --- */
/* Usuwamy domyślną strzałkę systemową i dodajemy własną (SVG inlined) */
select.main-input[b-cejzhra5hz] {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 48px;
}

/* --- FOOTER & BUTTONS --- */
.sheet-footer[b-cejzhra5hz] {
    padding: 16px 24px;
    border-top: 1px solid #F1F5F9;
    background: #FFFFFF;
    display: flex;
    gap: 12px;
    /* Zabezpieczenie dla sticky footer w razie potrzeby */
    margin-top: auto;
}

.btn-action[b-cejzhra5hz] {
    flex: 1;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
    font-family: inherit;
}

.btn-action span.material-symbols-rounded[b-cejzhra5hz] {
    font-size: 20px;
}

/* Primary Button */
.btn-action.primary[b-cejzhra5hz] {
    background: #0F172A;
    color: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1);
}

.btn-action.primary:hover[b-cejzhra5hz] {
    background: #1E293B;
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.15);
}

.btn-action.primary:active[b-cejzhra5hz] {
    transform: translateY(0);
    background: #0F172A;
}

/* Secondary Button */
.btn-action.secondary[b-cejzhra5hz] {
    background: #FFFFFF;
    color: #334155;
    border: 1px solid #E2E8F0;
}

.btn-action.secondary:hover[b-cejzhra5hz] {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: #0F172A;
}

.btn-action.secondary:active[b-cejzhra5hz] {
    background: #F1F5F9;
}
/* /Forms/DostawcaForm.razor.rz.scp.css */
.form-container[b-905t7jl884] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-section[b-905t7jl884] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-title[b-905t7jl884] {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #94A3B8;
    margin: 0;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 8px;
}

/* GRID SYSTEM */
.form-grid[b-905t7jl884] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.form-grid.three-cols[b-905t7jl884] {
    grid-template-columns: 1fr; 
}

@media (min-width: 600px) {
    .form-grid[b-905t7jl884] { grid-template-columns: 1fr 1fr; }
    .form-grid.three-cols[b-905t7jl884] { grid-template-columns: 1fr 1fr 1fr; }
    
    .span-2[b-905t7jl884] { grid-column: span 2; }
    .span-3[b-905t7jl884] { grid-column: span 3; }
}

/* INPUT STYLES (Spójne z PMGarden) */
.form-group[b-905t7jl884] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group label[b-905t7jl884] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.input-wrapper[b-905t7jl884] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-wrapper input[b-905t7jl884] {
    width: 100%;
    padding: 10px 12px 10px 40px; /* Miejsce na ikonę */
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    font-size: 14px;
    color: #0F172A;
    outline: none;
    transition: all 0.2s;
    height: 42px;
    background: #FFFFFF;
}

.input-wrapper input:focus[b-905t7jl884] {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.input-icon[b-905t7jl884] {
    position: absolute;
    left: 10px;
    color: #94A3B8;
    font-size: 20px;
    pointer-events: none;
}

/* Special styling for order email */
.highlight-wrapper input[b-905t7jl884] {
    background: #F0F9FF;
    border-color: #BAE6FD;
}
.highlight-wrapper input:focus[b-905t7jl884] {
    border-color: #0EA5E9;
}
.highlight-wrapper .input-icon[b-905t7jl884] {
    color: #0EA5E9;
}

/* Input Action Button (np. GUS) */
.input-wrapper.has-action input[b-905t7jl884] {
    padding-right: 44px;
}

.input-action-btn[b-905t7jl884] {
    position: absolute;
    right: 6px;
    width: 30px;
    height: 30px;
    border: none;
    background: #F1F5F9;
    border-radius: 6px;
    color: #64748B;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.input-action-btn:hover[b-905t7jl884] {
    background: #E2E8F0;
    color: #0F172A;
}

.input-hint[b-905t7jl884] {
    font-size: 11px;
    color: #64748B;
    margin-top: 2px;
}

/* ACTIONS */
.form-actions[b-905t7jl884] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #E2E8F0;
}

.btn-save[b-905t7jl884] {
    width: 100%;
    background: #0F172A;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background 0.2s;
}

.btn-save:hover:not(:disabled)[b-905t7jl884] {
    background: #1E293B;
}

.btn-save:disabled[b-905t7jl884] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Loading Spinner */
.spinner-mini[b-905t7jl884] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-905t7jl884 0.8s linear infinite;
}

.error-banner[b-905t7jl884] {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #DC2626;
    padding: 10px;
    border-radius: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    animation: fadeIn-b-905t7jl884 0.3s;
}

@keyframes spin-b-905t7jl884 { 100% { transform: rotate(360deg); } }
@keyframes fadeIn-b-905t7jl884 { from { opacity: 0; } to { opacity: 1; } }
/* /Forms/DostawcaPodgladForm.razor.rz.scp.css */
/* GŁÓWNY KONTENER KARTY */
.supplier-profile-card[b-1n1731mt63] {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 5px 15px rgba(0,0,0,0.02);
    border: 1px solid #F1F5F9;
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

/* NAGŁÓWEK */
.profile-header[b-1n1731mt63] {
    background: linear-gradient(to right, #F8FAFC, #FFFFFF);
    padding: 24px;
    border-bottom: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.company-avatar[b-1n1731mt63] {
    width: 64px;
    height: 64px;
    background: #0F172A; /* Ciemny granat */
    color: #FFFFFF;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    flex-shrink: 0;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.2);
}

.header-details[b-1n1731mt63] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.company-name[b-1n1731mt63] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.2;
}

.company-meta[b-1n1731mt63] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.meta-badge[b-1n1731mt63] {
    background: #EFF6FF;
    color: #2563EB;
    border: 1px solid #DBEAFE;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
    letter-spacing: 0.02em;
}

.meta-id[b-1n1731mt63] {
    font-size: 11px;
    color: #94A3B8;
}

/* BODY KARTY */
.profile-body[b-1n1731mt63] {
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr; /* Domyślnie jedna kolumna */
    gap: 32px;
}

@media (min-width: 700px) {
    .profile-body[b-1n1731mt63] {
        grid-template-columns: 1fr 1.2fr; /* Dwie kolumny na desktopie */
        gap: 48px;
    }
}

/* SEKCJE */
.section-label[b-1n1731mt63] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94A3B8;
    font-weight: 700;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 8px;
}

/* STYL ADRESU (LEWA STRONA) */
.data-row[b-1n1731mt63] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.icon-box[b-1n1731mt63] {
    width: 40px;
    height: 40px;
    background: #F1F5F9;
    color: #64748B;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.data-content[b-1n1731mt63] {
    display: flex;
    flex-direction: column;
}

.data-value[b-1n1731mt63] {
    font-size: 15px;
    font-weight: 600;
    color: #1E293B;
    line-height: 1.4;
}

.data-sub[b-1n1731mt63] {
    font-size: 14px;
    color: #64748B;
}

.map-link[b-1n1731mt63] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    margin-left: 56px; /* Wcięcie pod tekst */
    font-size: 12px;
    font-weight: 500;
    color: #2563EB;
    text-decoration: none;
    transition: color 0.2s;
}
.map-link:hover[b-1n1731mt63] { color: #1D4ED8; text-decoration: underline; }

/* STYL KONTAKTÓW (PRAWA STRONA) */
.data-grid[b-1n1731mt63] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.data-item[b-1n1731mt63] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.data-item .label[b-1n1731mt63] {
    font-size: 11px;
    color: #64748B;
}

.data-link[b-1n1731mt63] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #1E293B;
    text-decoration: none;
    font-weight: 500;
    padding: 8px;
    margin-left: -8px; /* Wyrównanie do lewej mimo paddingu */
    border-radius: 6px;
    transition: background 0.2s;
    width: fit-content;
}

.data-link:hover[b-1n1731mt63] {
    background: #F8FAFC;
    color: #2563EB;
}

.icon-small[b-1n1731mt63] {
    font-size: 18px;
    color: #94A3B8;
}

.data-link:hover .icon-small[b-1n1731mt63] {
    color: #2563EB;
}

.data-empty[b-1n1731mt63] {
    font-size: 14px;
    color: #CBD5E1;
    font-style: italic;
    padding-left: 2px;
}

/* WYRÓŻNIENIE ZAMÓWIEŃ */
.data-item.highlight[b-1n1731mt63] {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px dashed #E2E8F0;
}

.data-link.active[b-1n1731mt63] {
    color: #0369A1; /* Ciemny niebieski */
}
.data-link.active .icon-small[b-1n1731mt63] {
    color: #0EA5E9; /* Jasny niebieski */
}
.data-link.active:hover[b-1n1731mt63] {
    background: #F0F9FF;
}

/* ANIMACJA POJAWIANIA */
.animate-fade-in[b-1n1731mt63] {
    animation: fadeIn-b-1n1731mt63 0.4s ease-out forwards;
}

@keyframes fadeIn-b-1n1731mt63 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Forms/DynamicInput.razor.rz.scp.css */
/* DynamicInput.razor.css */

.input-wrapper[b-ok661k453z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    position: relative;
    z-index: 1;
    isolation: isolate;
}

/* KLUCZOWA POPRAWKA Z POPRZEDNIEGO KROKU:
   Podnosi z-index wrappera, gdy trigger wewnątrz jest aktywny */
.input-wrapper:has(.select-trigger.active)[b-ok661k453z] {
    z-index: 100;
}

.custom-select-container[b-ok661k453z] {
    position: relative;
    width: 100%;
}

/* Trigger - to, w co klikasz */
.select-trigger[b-ok661k453z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 14px 16px;
    background: #F8FAFC;
    border: 1px solid transparent;
    border-radius: 14px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.2s ease;
}

.select-trigger:hover[b-ok661k453z] {
    background: #F1F5F9;
}

.select-trigger.active[b-ok661k453z] {
    background: #FFFFFF;
    border-color: #3B82F6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.selected-text[b-ok661k453z] {
    font-size: 0.95rem;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selected-text.placeholder[b-ok661k453z] {
    color: #94A3B8;
    opacity: 0.8;
}

.chevron-icon[b-ok661k453z] {
    color: #64748B;
    transition: transform 0.3s;
}

.select-trigger.active .chevron-icon[b-ok661k453z] {
    transform: rotate(180deg);
    color: #3B82F6;
}

.click-overlay[b-ok661k453z] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 90;
    background: transparent;
    cursor: default;
}

.select-options-list[b-ok661k453z] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    max-height: 280px;
    overflow-y: auto;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    z-index: 100;
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch;
}

.select-options-list[b-ok661k453z]::-webkit-scrollbar {
    width: 6px;
}

.select-options-list[b-ok661k453z]::-webkit-scrollbar-track {
    background: transparent;
}

.select-options-list[b-ok661k453z]::-webkit-scrollbar-thumb {
    background-color: #CBD5E1;
    border-radius: 10px;
}

/* Pojedyncza opcja */
.select-option[b-ok661k453z] {
    /* --- NOWE: Flexbox dla wyrównania --- */
    display: flex;
    align-items: center;
    /* ------------------------------------ */
    padding: 12px 14px;
    font-size: 0.92rem;
    color: #334155;
    border-bottom: 1px solid #F1F5F9;
    background: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.select-option:last-child[b-ok661k453z] {
    border-bottom: none;
}

.select-option:hover[b-ok661k453z] {
    background: #F8FAFC;
    color: #0F172A;
}

.select-option.selected[b-ok661k453z] {
    background: #EFF6FF;
    color: #3B82F6;
    font-weight: 600;
}

/* --- NOWE: Styl dla ikonki check --- */
.check-icon[b-ok661k453z] {
    /* "auto" wypycha ikonę maksymalnie w prawo.
       Jeśli wolisz stały odstęp od tekstu, użyj np.: margin-left: 12px; */
    margin-left: auto;
    flex-shrink: 0; /* Zapobiega zgniataniu ikony przy długim tekście */
}
/* ------------------------------------ */

/* LABEL */
.input-label[b-ok661k453z] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #64748B;
    margin-left: 4px;
    transition: color 0.2s;
}

.input-wrapper:focus-within .input-label[b-ok661k453z] {
    color: #3B82F6;
}

.input-label.required[b-ok661k453z]::after {
    content: "•";
    color: #EF4444;
    margin-left: 4px;
    font-size: 1.2em;
    line-height: 0;
    vertical-align: middle;
}

/* INPUTY (Text, Number, Select) */
.pm-input[b-ok661k453z] {
    width: 100%;
    padding: 14px 16px;
    font-size: 0.95rem;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    background: #F8FAFC;
    border: 1px solid transparent;
    border-radius: 14px;
    outline: none;
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-sizing: border-box;
}

.pm-input:hover[b-ok661k453z] {
    background: #F1F5F9;
}

.pm-input:focus[b-ok661k453z] {
    background: #FFFFFF;
    border-color: rgba(59, 130, 246, 0.5);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
}

.pm-input[b-ok661k453z]::placeholder {
    color: #94A3B8;
    opacity: 0.7;
}

.pm-native-select[b-ok661k453z] {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    min-height: 52px;
    padding-right: 44px;
    background-color: #F8FAFC;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748B 50%),
        linear-gradient(135deg, #64748B 50%, transparent 50%);
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 16px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    border: 1px solid #E2E8F0;
    font-weight: 700;
    line-height: 1.25;
}

/* TOGGLE SWITCH */
.toggle-wrapper[b-ok661k453z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: #FFFFFF;
    border: 1px solid #F1F5F9;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.toggle-wrapper:hover[b-ok661k453z] {
    background: #F8FAFC;
    border-color: #E2E8F0;
    transform: translateY(-1px);
}

.toggle-wrapper.checked[b-ok661k453z] {
    background: rgba(16, 185, 129, 0.05);
    border-color: rgba(16, 185, 129, 0.3);
}

.toggle-wrapper .input-label[b-ok661k453z] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 500;
    color: #334155;
}

.toggle-switch[b-ok661k453z] {
    position: relative;
    width: 48px;
    height: 28px;
    background: #CBD5E1;
    border-radius: 100px;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.toggle-switch[b-ok661k453z]::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    background: #FFFFFF;
    border-radius: 50%;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.toggle-wrapper.checked .toggle-switch[b-ok661k453z] {
    background: #10B981;
}

.toggle-wrapper.checked .toggle-switch[b-ok661k453z]::after {
    transform: translateX(20px);
}

/* VALIDATION MESSAGE */
span[style*="font-size"][b-ok661k453z] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    color: #64748B;
    font-weight: 500;
}

span[style*="font-size"][b-ok661k453z]::before {
    content: '!';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background: #E2E8F0;
    color: #64748B;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
}
/* /Forms/EditProduct.razor.rz.scp.css */
.edit-sheet-content[b-7xs2b2l3ce] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}

.sheet-header .title[b-7xs2b2l3ce] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0F172A;
}

.sheet-header .subtitle[b-7xs2b2l3ce] {
    margin: 4px 0 0 0;
    font-size: 0.85rem;
    color: #64748B;
}

.form-container[b-7xs2b2l3ce] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.input-label[b-7xs2b2l3ce] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748B;
}

.main-input[b-7xs2b2l3ce] {
    padding: 12px;
    border: 2px solid #E2E8F0;
    border-radius: 8px;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.2s;
}

.main-input:focus[b-7xs2b2l3ce] {
    border-color: #0F172A;
    outline: none;
}

.main-input:disabled[b-7xs2b2l3ce] {
    background-color: #F1F5F9;
    color: #94A3B8;
}

.actions[b-7xs2b2l3ce] {
    margin-top: auto;
}

.btn-save[b-7xs2b2l3ce] {
    width: 100%;
    padding: 14px;
    background-color: #0F172A;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    /* Flexbox potrzebny do wycentrowania spinnera i tekstu */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background-color 0.2s;
}

.btn-save:hover:not(:disabled)[b-7xs2b2l3ce] {
    background-color: #1E293B;
}

.btn-save:disabled[b-7xs2b2l3ce] {
    opacity: 0.7;
    cursor: not-allowed;
    background-color: #334155;
}

/* --- ANIMACJA SPINNERA --- */
.spinner-loader[b-7xs2b2l3ce] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid #ffffff;
    border-radius: 50%;
    animation: spin-b-7xs2b2l3ce 0.8s linear infinite;
}

@keyframes spin-b-7xs2b2l3ce {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Forms/IntegrationConfigSheet.razor.rz.scp.css */
/* IntegrationConfigSheet.razor.css */

/* GŁÓWNY KONTENER */
.config-wrapper[b-l812rg7rq5] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;

    font-family: 'Inter', sans-serif;
    color: #1E293B;
    overflow: hidden;
}

/* HEADER (Glassmorphism) */
.sheet-header[b-l812rg7rq5] {
    padding: 24px 32px;
    /* Efekt szkła */
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(226, 232, 240, 0.6);
    flex-shrink: 0;
    z-index: 20;
    transition: all 0.3s ease;
}

.header-title[b-l812rg7rq5] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.integration-icon[b-l812rg7rq5] {
    width: 52px;
    height: 52px;
    /* Super-ellipse (mocne zaokrąglenie) */
    border-radius: 18px;
    background: linear-gradient(135deg, #F1F5F9 0%, #E2E8F0 100%);
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: inset 0 2px 4px rgba(255,255,255,0.8), 0 4px 6px -2px rgba(0,0,0,0.05);
}

.header-title span[b-l812rg7rq5] {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    background: linear-gradient(90deg, #0F172A 0%, #334155 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ERROR BANNER */
.error-banner[b-l812rg7rq5] {
    margin-top: 16px;
    padding: 12px 16px;
    background: rgba(254, 242, 242, 0.6);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(254, 202, 202, 0.5);
    border-radius: 12px;
    color: #DC2626;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    animation: slideDown-b-l812rg7rq5 0.3s ease-out;
}

/* CONTENT */
.config-content[b-l812rg7rq5] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    /* Płynne przewijanie */
    scroll-behavior: smooth;
}

.connection-basics[b-l812rg7rq5] {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) repeat(2, minmax(180px, 1fr));
    gap: 12px;
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #f8fafc;
}

.connection-basics label[b-l812rg7rq5] { display: grid; gap: 7px; font-size: 12px; font-weight: 750; color: #475569; }
.connection-basics .pm-input[b-l812rg7rq5] { min-height: 46px; padding: 0 13px; border: 1px solid #cbd5e1; border-radius: 11px; background: #fff; font: inherit; font-size: 14px; }
.connection-toggle[b-l812rg7rq5] { min-height: 64px; display: flex; align-items: center; gap: 10px; padding: 10px 12px; text-align: left; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; color: #64748b; cursor: pointer; }
.connection-toggle.selected[b-l812rg7rq5] { border-color: #93c5fd; background: #eff6ff; color: #1d4ed8; }
.connection-toggle > span:last-child[b-l812rg7rq5] { display: grid; gap: 3px; }
.connection-toggle strong[b-l812rg7rq5] { font-size: 13px; color: #0f172a; }
.connection-toggle small[b-l812rg7rq5] { font-size: 11px; line-height: 1.3; }
.connection-management[b-l812rg7rq5] { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 20px; border-top: 1px solid #f1f5f9; }

@media (max-width: 760px) {
    .sheet-header[b-l812rg7rq5], .config-content[b-l812rg7rq5], .sheet-footer[b-l812rg7rq5] { padding-left: 18px; padding-right: 18px; }
    .connection-basics[b-l812rg7rq5] { grid-template-columns: 1fr; }
    .layout-two-columns[b-l812rg7rq5] { grid-template-columns: 1fr; gap: 18px; }
    .sheet-footer .btn-action[b-l812rg7rq5] { flex: 1; }
}

/* Custom Scrollbar */
.config-content[b-l812rg7rq5]::-webkit-scrollbar {
    width: 6px;
}
.config-content[b-l812rg7rq5]::-webkit-scrollbar-track {
    background: transparent;
}
.config-content[b-l812rg7rq5]::-webkit-scrollbar-thumb {
    background-color: rgba(203, 213, 225, 0.5);
    border-radius: 100px;
}
.config-content[b-l812rg7rq5]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(148, 163, 184, 0.8);
}

/* SEKCJE */
.form-group-section[b-l812rg7rq5] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: fadeIn-b-l812rg7rq5 0.4s ease-out forwards;
}

.group-title[b-l812rg7rq5] {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 800;
    color: #94A3B8;
    letter-spacing: 0.08em;
    padding-left: 4px;
    margin-bottom: 4px;
}

/* GRID */
.layout-two-columns[b-l812rg7rq5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Bardziej elastyczny grid */
    gap: 24px;
}

/* FOOTER (Glassmorphism + Floating) */
.sheet-footer[b-l812rg7rq5] {
    padding: 24px 32px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    border-top: 1px solid rgba(226, 232, 240, 0.6);
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    z-index: 20;
}

/* BUTTONS - Liquid Feel */
.btn-action[b-l812rg7rq5] {
    padding: 12px 24px;
    border-radius: 14px; /* Squircle */
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); /* Bouncy transition */
    position: relative;
    overflow: hidden;
}

.btn-action:active[b-l812rg7rq5] {
    transform: scale(0.96);
}

.btn-action.primary[b-l812rg7rq5] {
    background: #0F172A;
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
}

.btn-action.primary:hover:not(:disabled)[b-l812rg7rq5] {
    background: #1E293B;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.25);
}

.btn-action.primary:disabled[b-l812rg7rq5] {
    background: #94A3B8;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
}

.btn-action.secondary[b-l812rg7rq5] {
    background: rgba(255, 255, 255, 0.5);
    color: #475569;
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.btn-action.secondary:hover[b-l812rg7rq5] {
    background: #FFFFFF;
    border-color: #CBD5E1;
    color: #0F172A;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.btn-action.import-action[b-l812rg7rq5] {
    background: #f8fafc;
    color: #1e293b;
    border-color: #cbd5e1;
}

.btn-action.import-action .material-symbols-rounded[b-l812rg7rq5] {
    color: #64748b;
}

/* LOADING OVERLAY */
.loading-overlay[b-l812rg7rq5] {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    /* ... reszta animacji bez zmian ... */
}

@keyframes slideDown-b-l812rg7rq5 { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn-b-l812rg7rq5 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
/* /Forms/IntegrationMapperSheet.razor.rz.scp.css */
.mapper-sheet[b-rmhpk7xxy2] { height: 100%; display: flex; flex-direction: column; color: #0f172a; }
.mapper-intro[b-rmhpk7xxy2] { display: flex; gap: 12px; margin: 0 20px 14px; padding: 14px; border-radius: 12px; background: #f8fafc; }.mapper-intro > span[b-rmhpk7xxy2] { font-size: 25px; color: #2563eb; }.mapper-intro div[b-rmhpk7xxy2] { display: grid; gap: 4px; }.mapper-intro p[b-rmhpk7xxy2] { margin: 0; color: #64748b; font-size: 12px; line-height: 1.5; }
.mapper-tabs[b-rmhpk7xxy2] { display: flex; gap: 5px; margin: 0 20px 12px; padding: 4px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }.mapper-tabs button[b-rmhpk7xxy2] { flex: 1; min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 7px; background: transparent; color: #64748b; font-weight: 750; cursor: pointer; }.mapper-tabs button.active[b-rmhpk7xxy2] { background: #fff; color: #0f172a; box-shadow: 0 1px 3px rgba(15,23,42,.08); }
.mapper-sheet-message[b-rmhpk7xxy2] { margin: 0 20px 10px; padding: 10px 12px; border-radius: 9px; background: #ecfdf5; color: #047857; font-size: 12px; }.mapper-sheet-message.error[b-rmhpk7xxy2] { background: #fef2f2; color: #b91c1c; }
.mapper-sheet-loading[b-rmhpk7xxy2], .mapper-sheet-empty[b-rmhpk7xxy2] { flex: 1; display: grid; place-content: center; justify-items: center; gap: 9px; color: #64748b; font-size: 13px; }.mapper-spinner[b-rmhpk7xxy2] { width: 28px; height: 28px; border: 3px solid #e2e8f0; border-top-color: #0f172a; border-radius: 50%; animation: spin-b-rmhpk7xxy2 .8s linear infinite; }@keyframes spin-b-rmhpk7xxy2 { to { transform: rotate(360deg); } }
.mapper-rows[b-rmhpk7xxy2] { flex: 1; overflow: auto; display: grid; align-content: start; gap: 7px; padding: 0 20px 16px; }.mapper-row[b-rmhpk7xxy2] { display: grid; grid-template-columns: minmax(0,1fr) 28px minmax(0,1fr); align-items: center; gap: 10px; padding: 12px; border: 1px solid #e2e8f0; border-radius: 11px; background: #fff; }.source-value[b-rmhpk7xxy2], .target-select[b-rmhpk7xxy2] { display: grid; min-width: 0; gap: 3px; }.source-value small[b-rmhpk7xxy2], .target-select small[b-rmhpk7xxy2] { color: #94a3b8; font-size: 9px; font-weight: 800; text-transform: uppercase; }.source-value strong[b-rmhpk7xxy2] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }.source-value em[b-rmhpk7xxy2] { color: #64748b; font-size: 10px; font-style: normal; }.map-direction[b-rmhpk7xxy2] { color: #94a3b8; font-size: 18px; }.target-select select[b-rmhpk7xxy2] { width: 100%; min-height: 40px; padding: 0 32px 0 10px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: #0f172a; }
.mapper-sheet-footer[b-rmhpk7xxy2] { display: flex; justify-content: flex-end; gap: 9px; padding: 14px 20px; border-top: 1px solid #e2e8f0; background: #fff; }.mapper-sheet-footer button[b-rmhpk7xxy2] { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 15px; border-radius: 9px; font-weight: 750; cursor: pointer; }.mapper-sheet-footer .secondary[b-rmhpk7xxy2] { border: 1px solid #cbd5e1; background: #fff; color: #334155; }.mapper-sheet-footer .primary[b-rmhpk7xxy2] { border: 0; background: #0f172a; color: #fff; }
@media (max-width: 620px) { .mapper-row[b-rmhpk7xxy2] { grid-template-columns: 1fr; }.map-direction[b-rmhpk7xxy2] { transform: rotate(90deg); justify-self: center; }.source-value strong[b-rmhpk7xxy2] { white-space: normal; }.mapper-sheet-footer button[b-rmhpk7xxy2] { flex: 1; } }
/* /Forms/LegalInfo.razor.rz.scp.css */
.legal-container[b-tpyj1q9svy] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 10px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #0F172A;
    background: transparent;
}

.header-section[b-tpyj1q9svy] {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.header-badge[b-tpyj1q9svy] {
    display: inline-block;
    background: #D1FAE5;
    color: #047857;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
    letter-spacing: 0.05em;
}

.main-title[b-tpyj1q9svy] {
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0 0 12px 0;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #0F172A 0%, #334155 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-subtitle[b-tpyj1q9svy] {
    font-size: 1.1rem;
    color: #64748B;
    max-width: 600px;
    margin: 0 auto 16px auto;
    line-height: 1.6;
}

.brand-highlight[b-tpyj1q9svy] {
    color: #10B981;
    font-weight: 600;
}

.update-info[b-tpyj1q9svy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 0.85rem;
    color: #94A3B8;
}

.update-info span[b-tpyj1q9svy] {
    font-size: 16px;
}

.legal-card[b-tpyj1q9svy] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s, box-shadow 0.2s;
}

@media (hover: hover) {
    .legal-card:hover[b-tpyj1q9svy] {
        transform: translateY(-2px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
    }
}

.company-card[b-tpyj1q9svy] {
    position: relative;
    overflow: hidden;
    border-left: 5px solid #8B5CF6;
    margin-bottom: 40px;
}

.company-content[b-tpyj1q9svy] {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    z-index: 2;
}

.icon-box[b-tpyj1q9svy] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.icon-box span[b-tpyj1q9svy] {
    font-size: 32px;
}

.purple[b-tpyj1q9svy] {
    background: #F3E8FF;
    color: #8B5CF6;
}

.green[b-tpyj1q9svy] {
    background: #D1FAE5;
    color: #10B981;
}

.blue[b-tpyj1q9svy] {
    background: #DBEAFE;
    color: #3B82F6;
}

.company-text h3[b-tpyj1q9svy] {
    margin: 0 0 8px 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.company-name[b-tpyj1q9svy] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 4px;
    color: #1E293B;
}

.company-address[b-tpyj1q9svy] {
    color: #64748B;
    margin-bottom: 12px;
    font-size: 0.95rem;
}

.meta-data[b-tpyj1q9svy] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 0.85rem;
}

.meta-data span[b-tpyj1q9svy] {
    background: #F1F5F9;
    padding: 4px 10px;
    border-radius: 6px;
    color: #475569;
}

.legal-grid[b-tpyj1q9svy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
}

.column-title[b-tpyj1q9svy] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 24px;
    color: #1E293B;
}

.icon-circle[b-tpyj1q9svy] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-circle span[b-tpyj1q9svy] {
    font-size: 20px;
}

.rule-title[b-tpyj1q9svy] {
    margin: 0 0 12px 0;
    font-size: 1rem;
    font-weight: 700;
    color: #334155;
}

.rule-text[b-tpyj1q9svy] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748B;
    margin: 0;
}

.rule-list[b-tpyj1q9svy] {
    margin: 0;
    padding-left: 20px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #64748B;
}

.rule-list li[b-tpyj1q9svy] {
    margin-bottom: 8px;
}

.small-note[b-tpyj1q9svy] {
    font-size: 0.85rem;
    margin-top: 12px;
    color: #94A3B8;
}

.alert-box[b-tpyj1q9svy] {
    margin-top: 16px;
    background: #FEF2F2;
    border: 1px solid #FEE2E2;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    gap: 12px;
    font-size: 0.85rem;
    color: #B91C1C;
}

.alert-box span[b-tpyj1q9svy] {
    font-size: 20px;
}

.alert-box p[b-tpyj1q9svy] {
    margin: 0;
}

.highlight-card[b-tpyj1q9svy] {
    border-color: #FCD34D;
    background: #FFFBEB;
}

.highlight-card .rule-title[b-tpyj1q9svy] {
    color: #92400E;
}

.highlight-card .rule-text[b-tpyj1q9svy] {
    color: #78350F;
}

@media (max-width: 768px) {
    .legal-grid[b-tpyj1q9svy] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .main-title[b-tpyj1q9svy] {
        font-size: 1.75rem;
    }

    .company-content[b-tpyj1q9svy] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .icon-box[b-tpyj1q9svy] {
        width: 48px;
        height: 48px;
    }
}
/* /Forms/LegalInfoShop.razor.rz.scp.css */
.legal-container[b-6y4xpn3gm1] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 10px;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    background: transparent;
}

.header-section[b-6y4xpn3gm1] {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.header-badge[b-6y4xpn3gm1] {
    display: inline-block;
    background: #E0E7FF;
    color: #3730A3;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
    letter-spacing: 0.05em;
}

.main-title[b-6y4xpn3gm1] {
    font-size: 35px;
    font-weight: 800;
    margin: 0 0 12px 0;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #0F172A 0%, #334155 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-subtitle[b-6y4xpn3gm1] {
    font-size: 17px;
    color: #64748B;
    max-width: 600px;
    margin: 0 auto 16px auto;
    line-height: 1.6;
}

.brand-highlight[b-6y4xpn3gm1] {
    color: #3B82F6;
    font-weight: 600;
}

.update-info[b-6y4xpn3gm1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    color: #94A3B8;
}

.update-info span[b-6y4xpn3gm1] {
    font-size: 16px;
}

.legal-card[b-6y4xpn3gm1] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s, box-shadow 0.2s;
}

@media (hover: hover) {
    .legal-card:hover[b-6y4xpn3gm1] {
        transform: translateY(-2px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
    }
}

.company-card[b-6y4xpn3gm1] {
    position: relative;
    overflow: hidden;
    border-left: 5px solid #3B82F6;
    margin-bottom: 40px;
}

.company-content[b-6y4xpn3gm1] {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    z-index: 2;
}

.icon-box[b-6y4xpn3gm1] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.icon-box span[b-6y4xpn3gm1] {
    font-size: 32px;
}

.blue[b-6y4xpn3gm1] { background: #EFF6FF; color: #2563EB; }
.green[b-6y4xpn3gm1] { background: #F0FDF4; color: #16A34A; }

.company-text h3[b-6y4xpn3gm1] {
    margin: 0 0 8px 0;
    font-size: 19px;
    font-weight: 700;
}

.company-name[b-6y4xpn3gm1] {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #1E293B;
}

.company-address[b-6y4xpn3gm1] {
    color: #64748B;
    margin-bottom: 12px;
    font-size: 15px;
}

.meta-data[b-6y4xpn3gm1] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
}

.meta-data span[b-6y4xpn3gm1] {
    background: #F1F5F9;
    padding: 4px 10px;
    border-radius: 6px;
    color: #475569;
}

.legal-grid[b-6y4xpn3gm1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
}

.column-title[b-6y4xpn3gm1] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #1E293B;
}

.icon-circle[b-6y4xpn3gm1] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-circle span[b-6y4xpn3gm1] {
    font-size: 20px;
}

.rule-title[b-6y4xpn3gm1] {
    margin: 0 0 12px 0;
    font-size: 16px;
    font-weight: 700;
    color: #334155;
}

.rule-text[b-6y4xpn3gm1] {
    font-size: 15px;
    line-height: 1.6;
    color: #64748B;
    margin: 0;
}

.rule-list[b-6y4xpn3gm1] {
    margin: 0;
    padding-left: 20px;
    font-size: 15px;
    line-height: 1.6;
    color: #64748B;
}

.rule-list li[b-6y4xpn3gm1] {
    margin-bottom: 8px;
}

.alert-box[b-6y4xpn3gm1] {
    margin-top: 16px;
    background: #EFF6FF;
    border: 1px solid #DBEAFE;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    gap: 12px;
    font-size: 13px;
    color: #1E40AF;
}

.alert-box span[b-6y4xpn3gm1] {
    font-size: 20px;
}

.alert-box p[b-6y4xpn3gm1] {
    margin: 0;
}

.highlight-card[b-6y4xpn3gm1] {
    border-color: #FCD34D;
    background: #FFFBEB;
}

.highlight-card .rule-title[b-6y4xpn3gm1] {
    color: #92400E;
}

.highlight-card .rule-text[b-6y4xpn3gm1] {
    color: #78350F;
}

.animate-fade-in[b-6y4xpn3gm1] { animation: fadeIn-b-6y4xpn3gm1 0.4s ease-out; }

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

@media (max-width: 768px) {
    .legal-grid[b-6y4xpn3gm1] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .main-title[b-6y4xpn3gm1] {
        font-size: 28px;
    }

    .company-content[b-6y4xpn3gm1] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .icon-box[b-6y4xpn3gm1] {
        width: 48px;
        height: 48px;
    }
}
/* /Forms/LegalShopUser.razor.rz.scp.css */
*[b-s9bp4m0teb] { box-sizing: border-box; }

.legal-document-container[b-s9bp4m0teb] {
    max-width: 800px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    min-height: 100vh;
    background: #FFFFFF;
}

@media (min-width: 768px) {
    .legal-document-container[b-s9bp4m0teb] {
        padding: 48px 32px;
    }
}

.document-header[b-s9bp4m0teb] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 48px;
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 24px;
}

.btn-back[b-s9bp4m0teb] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #64748B;
    transition: all 0.2s ease;
}

.btn-back:hover[b-s9bp4m0teb] {
    background: #F1F5F9;
    color: #0F172A;
    border-color: #CBD5E1;
}

.document-title[b-s9bp4m0teb] {
    font-size: 28px;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.02em;
    color: #0F172A;
}

.document-content[b-s9bp4m0teb] {
    line-height: 1.8;
    font-size: 16px;
    color: #334155;
}

.document-content h1[b-s9bp4m0teb],
.document-content h2[b-s9bp4m0teb],
.document-content h3[b-s9bp4m0teb] {
    color: #0F172A;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 16px;
    letter-spacing: -0.01em;
}

.document-content h2[b-s9bp4m0teb] { font-size: 24px; }
.document-content h3[b-s9bp4m0teb] { font-size: 20px; }

.document-content p[b-s9bp4m0teb] {
    margin-bottom: 24px;
}

.document-content ul[b-s9bp4m0teb],
.document-content ol[b-s9bp4m0teb] {
    margin-bottom: 24px;
    padding-left: 24px;
}

.document-content li[b-s9bp4m0teb] {
    margin-bottom: 12px;
}

.skeleton-wrapper[b-s9bp4m0teb] {
    width: 100%;
}

.skeleton-header[b-s9bp4m0teb] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 48px;
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 24px;
}

.skeleton-btn[b-s9bp4m0teb] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #F1F5F9;
    animation: pulse-b-s9bp4m0teb 1.5s infinite ease-in-out;
}

.skeleton-title[b-s9bp4m0teb] {
    height: 32px;
    width: 250px;
    border-radius: 8px;
    background: #F1F5F9;
    animation: pulse-b-s9bp4m0teb 1.5s infinite ease-in-out;
}

.skeleton-content[b-s9bp4m0teb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.skeleton-line[b-s9bp4m0teb] {
    height: 16px;
    width: 100%;
    border-radius: 6px;
    background: #F1F5F9;
    animation: pulse-b-s9bp4m0teb 1.5s infinite ease-in-out;
}

.skeleton-line.medium[b-s9bp4m0teb] { width: 80%; }
.skeleton-line.short[b-s9bp4m0teb] { width: 40%; }

.skeleton-subtitle[b-s9bp4m0teb] {
    height: 24px;
    width: 200px;
    border-radius: 6px;
    background: #F1F5F9;
    margin-top: 24px;
    animation: pulse-b-s9bp4m0teb 1.5s infinite ease-in-out;
}

.skeleton-space[b-s9bp4m0teb] {
    height: 24px;
}

@keyframes pulse-b-s9bp4m0teb {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.animate-fade-in[b-s9bp4m0teb] { animation: fadeIn-b-s9bp4m0teb 0.4s ease-out; }
.animate-slide-up[b-s9bp4m0teb] { animation: slideUp-b-s9bp4m0teb 0.4s cubic-bezier(0.16, 1, 0.3, 1); }

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

@keyframes slideUp-b-s9bp4m0teb {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Forms/NavigationConfirm.razor.rz.scp.css */
/* --- LAYOUT GŁÓWNY --- */
.pro-confirm-wrapper[b-iyx7m571rj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 32px 32px; /* Nieco więcej oddechu z góry */
    background: #FFFFFF;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #0F172A;
}

/* Subtelniejsza animacja wejścia */
.animate-fade-up[b-iyx7m571rj] {
    animation: fadeUpPro-b-iyx7m571rj 0.35s ease-out forwards;
}

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

/* --- NOWA WIZUALIZACJA PRZEPŁYWU (FLOW) --- */
.flow-visual[b-iyx7m571rj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px; /* Większy odstęp między elementami */
    margin-bottom: 40px;
    width: 100%;
    max-width: 380px;
}

/* Węzły (Nodes) - bardziej techniczny wygląd */
.flow-node[b-iyx7m571rj] {
    width: 56px;
    height: 56px;
    /* Zaokrąglony kwadrat (squircle-ish) wygląda nowocześniej niż zwykłe koło */
    border-radius: 16px; 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.flow-node span[b-iyx7m571rj] {
    font-size: 28px;
}

/* Źródło - płaskie, wygaszone */
.flow-node.origin[b-iyx7m571rj] {
    background: #F1F5F9;
    color: #94A3B8;
    border: 1px solid #E2E8F0;
}

/* Cel - wyrazisty, ciemny, z głębią */
.flow-node.destination[b-iyx7m571rj] {
    background: #0F172A; /* Ciemny profesjonalny granat/grafit */
    color: #FFFFFF;
    /* Subtelny cień dający efekt uniesienia, zamiast pulsującego pierścienia */
    box-shadow: 0 8px 20px -4px rgba(15, 23, 42, 0.25);
    position: relative;
}

/* Opcjonalne: bardzo delikatne "oddychanie" cienia celu */
.flow-node.destination[b-iyx7m571rj]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.1);
    animation: subtleBreathe-b-iyx7m571rj 3s infinite ease-in-out;
}

@keyframes subtleBreathe-b-iyx7m571rj {
    0%, 100% { opacity: 0; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.05); }
}


/* Ścieżka (Track) */
.flow-track[b-iyx7m571rj] {
    flex: 1;
    height: 4px; /* Nieco grubsza linia */
    background: #F1F5F9; /* Tło ścieżki */
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden; /* Kluczowe dla animacji paska */
}

/* Linia bazowa (opcjonalna, jeśli tło flow-track wystarczy) */
.track-line[b-iyx7m571rj] {
    display: none; 
}

/* NOWA ANIMACJA - Przepływ gradientu "scanline" */
.track-flow-indicator[b-iyx7m571rj] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Gradient od przezroczystego -> niebieski -> przezroczysty */
    background: linear-gradient(90deg, transparent 0%, #3B82F6 50%, transparent 100%);
    background-size: 200% 100%; /* Dwa razy szersze tło dla płynnego zapętlenia */
    animation: flowScan-b-iyx7m571rj 2s infinite linear;
}

@keyframes flowScan-b-iyx7m571rj {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.track-arrow[b-iyx7m571rj] {
    position: absolute;
    right: -14px; /* Wystaje poza pasek */
    color: #CBD5E1;
    font-size: 24px;
    z-index: 2;
}

/* --- TYPOGRAFIA --- */
.center-text[b-iyx7m571rj] {
    text-align: center;
    margin-bottom: 36px;
    max-width: 360px;
}

.confirm-title[b-iyx7m571rj] {
    margin: 0 0 12px 0;
    font-size: 22px; /* Nieco większy tytuł */
    font-weight: 700;
    color: #0F172A;
    letter-spacing: -0.02em;
}

.confirm-desc[b-iyx7m571rj] {
    margin: 0;
    font-size: 15px;
    color: #64748B;
    line-height: 1.6;
}

/* --- BUTTONS --- */
.footer-actions[b-iyx7m571rj] {
    width: 100%;
    display: flex;
    gap: 16px; /* Większy odstęp między przyciskami */
}

.btn-secondary[b-iyx7m571rj], .btn-primary[b-iyx7m571rj] {
    flex: 1;
    padding: 14px 24px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    gap: 10px;
    transition: all 0.2s ease;
    border: none;
    font-family: inherit;
}

.btn-secondary[b-iyx7m571rj] {
    background: white;
    color: #0F172A;
    border: 1px solid #E2E8F0;
}
.btn-secondary:hover[b-iyx7m571rj] {
    background: #F8FAFC;
    border-color: #94A3B8;
}

.btn-primary[b-iyx7m571rj] {
    background: #0F172A; /* Spójny ciemny kolor z celem */
    color: #FFFFFF;
}

.btn-primary:hover[b-iyx7m571rj] {
    background: #1E293B;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
}

.btn-primary.icon-right[b-iyx7m571rj] {
    flex-direction: row; /* Upewnienie się, że ikona jest po prawej */
}
/* /Forms/NewShopSheel.razor.rz.scp.css */
    .create-shop-wrapper[b-tlbbo25ebt] {
        position: relative;
        width: 100%;
        max-width: 480px; 
        margin: 0 auto;
        font-family: 'Inter', sans-serif;
        background: #fff;
        border-radius: 24px;
        overflow: hidden; 
    }

    /* --- LOADER --- */
    .loading-overlay[b-tlbbo25ebt] {
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(4px);
        z-index: 50;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        animation: fadeIn-b-tlbbo25ebt 0.3s ease;
    }

    .spinner-svg[b-tlbbo25ebt] {
        animation: rotate-b-tlbbo25ebt 2s linear infinite;
        width: 50px;
        height: 50px;
    }

    .spinner-svg .path[b-tlbbo25ebt] {
        stroke: #0F172A;
        stroke-linecap: round;
        animation: dash-b-tlbbo25ebt 1.5s ease-in-out infinite;
    }

    .loading-text[b-tlbbo25ebt] {
        font-size: 0.9rem;
        font-weight: 600;
        color: #475569;
        animation: pulse-b-tlbbo25ebt 1.5s ease-in-out infinite;
    }

    /* --- WIZARD TRACK --- */
    .wizard-container[b-tlbbo25ebt] {
        width: 100%;
        overflow: hidden;
    }

    .wizard-track[b-tlbbo25ebt] {
        display: flex;
        width: 100%;
        transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .wizard-step[b-tlbbo25ebt] {
        width: 100%;
        flex-shrink: 0;
        padding: 32px 24px 24px 24px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        box-sizing: border-box;
    }

    /* --- STEP STYLES --- */
    .step-header[b-tlbbo25ebt] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .icon-hero[b-tlbbo25ebt] {
        width: 64px;
        height: 64px;
        background-color: #F1F5F9;
        color: #64748B;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
    }
    
    .step-title[b-tlbbo25ebt] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 800;
        color: #0F172A;
        letter-spacing: -0.02em;
    }

    .step-subtitle[b-tlbbo25ebt] {
        margin: 8px 0 0 0;
        font-size: 0.95rem;
        color: #64748B;
        font-weight: 500;
        line-height: 1.5;
    }

    .step-content[b-tlbbo25ebt] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    
    .step-content.centered[b-tlbbo25ebt] {
        align-items: center;
        justify-content: center;
        min-height: 140px;
    }

    /* --- FORMS --- */
    .input-group[b-tlbbo25ebt] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .input-group label[b-tlbbo25ebt] {
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        color: #94A3B8;
        letter-spacing: 0.03em;
    }

    .main-input[b-tlbbo25ebt] {
        width: 100%;
        padding: 16px;
        font-size: 1rem;
        border: 2px solid #E2E8F0;
        border-radius: 12px;
        outline: none;
        transition: 0.2s;
        color: #0F172A;
        font-weight: 600;
        box-sizing: border-box;
    }

    .main-input:focus[b-tlbbo25ebt] {
        border-color: #0F172A;
    }

    /* --- UPLOAD --- */
    .upload-box[b-tlbbo25ebt] {
        width: 100%;
        height: 140px;
        border: 2px dashed #CBD5E1;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #64748B;
        cursor: pointer;
        transition: 0.2s;
        background-color: #F8FAFC;
    }

    .upload-box:hover[b-tlbbo25ebt] {
        border-color: #0F172A;
        background-color: #F1F5F9;
        color: #0F172A;
    }

    .upload-label[b-tlbbo25ebt] { font-weight: 600; margin-top: 8px; }
    .upload-hint[b-tlbbo25ebt] { font-size: 0.75rem; opacity: 0.7; margin-top: 2px; }

    /* --- DNS INFO --- */
    .info-card[b-tlbbo25ebt] {
        background-color: #F8FAFC;
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 16px;
    }
    
    .info-card.dns-guide[b-tlbbo25ebt] {
        background-color: #FFFBEB;
        border-color: #FDE68A;
    }

    .card-row[b-tlbbo25ebt] { display: flex; align-items: center; width: 100%; }
    
    .dns-icon[b-tlbbo25ebt] {
        font-size: 24px;
        color: #D97706;
        margin-right: 12px;
    }

    .data-group[b-tlbbo25ebt] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .label[b-tlbbo25ebt] {
        font-size: 0.7rem;
        text-transform: uppercase;
        font-weight: 700;
        color: #94A3B8;
        letter-spacing: 0.03em;
    }
    
    .dns-guide .label[b-tlbbo25ebt] { color: #D97706; opacity: 0.8; }
    .dns-guide .value[b-tlbbo25ebt] { color: #92400E; font-weight: 500; font-size: 0.9rem; }

    .dns-code[b-tlbbo25ebt] {
        font-family: monospace;
        background: #FEF3C7;
        padding: 4px 8px;
        border-radius: 6px;
        font-size: 0.9rem;
        color: #92400E;
        font-weight: 700;
        margin-top: 4px;
        display: inline-block;
        border: 1px dashed #FCD34D;
    }

    /* --- ACTIONS --- */
    .step-actions[b-tlbbo25ebt] {
        display: flex;
        gap: 12px;
        margin-top: auto;
    }

    .btn-action[b-tlbbo25ebt] {
        flex: 1;
        padding: 14px;
        border-radius: 12px;
        font-size: 0.95rem;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: none;
        transition: 0.2s;
    }

    .btn-action.primary[b-tlbbo25ebt] {
        background-color: #0F172A;
        color: #FFFFFF;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
    }
    .btn-action.primary:disabled[b-tlbbo25ebt] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .btn-action.secondary[b-tlbbo25ebt] {
        background-color: #FFFFFF;
        color: #0F172A;
        border: 1px solid #E2E8F0;
    }

    .btn-action:not(:disabled):active[b-tlbbo25ebt] { transform: translateY(1px); }

    /* --- SUCCESS --- */
    .success-container[b-tlbbo25ebt] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px 0;
    }

    .success-icon-wrapper[b-tlbbo25ebt] {
        position: relative;
        width: 80px;
        height: 80px;
        margin-bottom: 24px;
    }

    .success-symbol[b-tlbbo25ebt] {
        font-size: 80px;
        color: #10B981;
        z-index: 2;
        position: relative;
    }

    .shop-id[b-tlbbo25ebt] {
        font-size: 1.5rem;
        font-weight: 800;
        color: #0F172A;
        letter-spacing: 0.05em;
    }

    .text-center[b-tlbbo25ebt] { text-align: center; width: 100%; }
    .centered-row[b-tlbbo25ebt] { justify-content: center; }
    .mt-4[b-tlbbo25ebt] { margin-top: 16px; }

    /* --- ANIMATIONS --- */
    @keyframes rotate-b-tlbbo25ebt { 100% { transform: rotate(360deg); } }
    @keyframes dash-b-tlbbo25ebt {
        0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
        50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
        100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
    }
    @keyframes fadeIn-b-tlbbo25ebt { from { opacity: 0; } to { opacity: 1; } }
    @keyframes pulse-b-tlbbo25ebt { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }

    /* Proste confetti w CSS */
    .confetti-item[b-tlbbo25ebt] {
        position: absolute;
        width: 10px; height: 10px;
        border-radius: 2px;
        animation: confettiPop-b-tlbbo25ebt 0.8s ease-out forwards;
        opacity: 0;
    }
    .c1[b-tlbbo25ebt] { background: #F59E0B; top: 50%; left: 50%; transform: translate(-30px, -40px); animation-delay: 0.1s; }
    .c2[b-tlbbo25ebt] { background: #3B82F6; top: 50%; left: 50%; transform: translate(30px, -20px); animation-delay: 0.2s; }
    .c3[b-tlbbo25ebt] { background: #EF4444; top: 50%; left: 50%; transform: translate(-10px, -50px); animation-delay: 0.15s; }

    @keyframes confettiPop-b-tlbbo25ebt {
        0% { transform: translate(0,0) scale(0); opacity: 1; }
        100% { transform: translate(var(--tx, 40px), var(--ty, -60px)) scale(1.2); opacity: 0; }
    }
/* /Forms/OrdersFilterSheet.razor.rz.scp.css */
.filter-sheet[b-sg5pxqltjz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #191c1f;
    background-color: #fff;
    position: relative;
}

.filter-scroll-area[b-sg5pxqltjz] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.form-group[b-sg5pxqltjz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative; 
}

.input-label[b-sg5pxqltjz] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #8e959b;
    letter-spacing: 0.5px;
    margin-left: 2px;
}

.main-input[b-sg5pxqltjz] {
    padding: 14px 16px;
    border: 2px solid #f3f4f6;
    background-color: #f3f4f6;
    border-radius: 12px;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.2s;
    color: #191c1f;
    font-weight: 500;
    touch-action: manipulation;
}

.main-input:focus[b-sg5pxqltjz] {
    border-color: #191c1f;
    background-color: #fff;
    outline: none;
}

.main-input[b-sg5pxqltjz]::placeholder { color: #aeb4bb; font-weight: 400; }

.date-row[b-sg5pxqltjz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    min-width: 0;
}

.date-input-wrapper[b-sg5pxqltjz] {
    position: relative;
    background-color: #f3f4f6;
    border-radius: 12px;
    border: 2px solid #f3f4f6;
    transition: 0.2s;
    display: flex;
    flex-direction: column;
    padding: 6px 12px;
    min-width: 0;
    overflow: hidden;
}

.date-input-wrapper:focus-within[b-sg5pxqltjz] {
    background-color: #fff;
    border-color: #191c1f;
}

.date-input-wrapper .mini-label[b-sg5pxqltjz] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #8e959b;
    margin-bottom: -2px;
}

.date-input[b-sg5pxqltjz] {
    border: none;
    background: transparent;
    width: 100%;
    min-width: 0;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    color: #191c1f;
    padding: 3px 0 2px;
    outline: none;
    touch-action: manipulation;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

.native-select[b-sg5pxqltjz] {
    width: 100%;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 14px 44px 14px 16px;
    min-height: 54px;
    box-sizing: border-box;
    color: #0f172a;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 750;
    outline: none;
    touch-action: manipulation;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 16px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.native-select:focus[b-sg5pxqltjz] {
    border-color: #94a3b8;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(148, 163, 184, .13);
}

.actions-footer[b-sg5pxqltjz] {
    padding: 24px;
    border-top: 1px solid #f0f2f5;
    background-color: #fff;
    display: flex;
    gap: 16px;
    align-items: center;
    flex-shrink: 0;
}

.btn-reset[b-sg5pxqltjz] {
    flex: 1;
    padding: 14px;
    background: transparent;
    border: none;
    color: #8e959b;
    font-weight: 700;
    font-size: 0.95rem;
    cursor: pointer;
    transition: 0.2s;
    touch-action: manipulation;
}

.btn-reset:hover[b-sg5pxqltjz] {
    color: #191c1f;
    background-color: #f8f9fa;
    border-radius: 10px;
}

.btn-save[b-sg5pxqltjz] {
    flex: 2;
    padding: 14px;
    background-color: #191c1f;
    color: #fff;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.1s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    touch-action: manipulation;
}

.btn-save:hover[b-sg5pxqltjz] {
    background-color: #000;
    transform: translateY(-1px);
}

.btn-save:active[b-sg5pxqltjz] {
    transform: translateY(1px);
}

.filter-scroll-area[b-sg5pxqltjz]::-webkit-scrollbar {
    width: 6px;
}
.filter-scroll-area[b-sg5pxqltjz]::-webkit-scrollbar-thumb {
    background-color: #e2e8f0;
    border-radius: 3px;
}

@media (max-width: 480px) {
    .date-row[b-sg5pxqltjz] {
        grid-template-columns: 1fr;
    }

    .date-input-wrapper[b-sg5pxqltjz] {
        padding: 8px 12px;
    }

    .date-input[b-sg5pxqltjz] {
        min-height: 28px;
        font-size: 0.95rem;
    }
}
/* /Forms/PageEditor.razor.rz.scp.css */
/* --- LAYOUT STRUCTURE --- */
    .sheet-wrapper[b-7572occshq] {
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .scrollable-content[b-7572occshq] {
        flex: 1;
        overflow-y: auto;
        scroll-behavior: smooth;
    }

    .content-padding[b-7572occshq] {
        padding: 32px;
        max-width: 900px; /* Ograniczenie szerokości dla czytelności */
        margin: 0 auto;
    }

    /* --- HEADER STYLES --- */
    .sheet-header[b-7572occshq] {
        display: flex; align-items: center; gap: 16px; margin-bottom: 24px;
    }

    .icon-hero[b-7572occshq] {
        width: 52px; height: 52px;
        border-radius: 14px;
        display: flex; align-items: center; justify-content: center;
        font-size: 28px;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
    }
    
    .icon-hero.blue-theme[b-7572occshq] {
        background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
        color: #2563EB;
        border: 1px solid #BFDBFE;
    }

    .sheet-title[b-7572occshq] { margin: 0; font-size: 22px; font-weight: 800; color: #0F172A; letter-spacing: -0.02em; }
    .sheet-subtitle[b-7572occshq] { margin: 4px 0 0 0; font-size: 14px; color: #64748B; font-weight: 500; }

    /* --- TOOLBAR (STICKY & PRO) --- */
    .editor-toolbar-container[b-7572occshq] {
        position: sticky;
        top: 0;
        z-index: 50;
        margin: 0 -12px 24px -12px; /* Lekki bleed na boki */
        padding: 8px 12px;
    }

    .editor-toolbar[b-7572occshq] {
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(226, 232, 240, 0.8);
        border-radius: 12px;
        padding: 8px;
        display: flex; align-items: center; gap: 6px;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
        overflow-x: auto;
    }

    .tool-btn[b-7572occshq] {
        height: 38px;
        min-width: 38px;
        padding: 0 8px;
        border: 1px solid transparent;
        background: transparent;
        border-radius: 8px;
        color: #475569;
        cursor: pointer;
        display: flex; align-items: center; justify-content: center; gap: 6px;
        transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
        font-weight: 600; font-size: 13px; font-family: inherit;
    }
    
    .tool-btn:hover[b-7572occshq] { background: #F1F5F9; color: #0F172A; transform: translateY(-1px); }
    .tool-btn:active[b-7572occshq] { background: #E2E8F0; transform: translateY(0); }
    .tool-btn.danger:hover[b-7572occshq] { background: #FEF2F2; color: #EF4444; }

    .tool-btn .material-symbols-rounded[b-7572occshq] { font-size: 20px; }
    .tool-btn .small-icon[b-7572occshq] { font-size: 18px; }
    .btn-label[b-7572occshq] { font-size: 12px; font-weight: 700; color: #64748B; }

    .tool-separator[b-7572occshq] { width: 1px; height: 20px; background: #CBD5E1; margin: 0 6px; }

    /* --- EDITOR PAPER (THE REAL DEAL) --- */
    .editor-paper[b-7572occshq] {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 16px; /* Bardziej zaokrąglone rogi */
        min-height: 500px; /* Wyższa kartka */
        padding: 40px; /* Większy padding jak w Wordzie */
        box-shadow: 
            0 4px 6px -1px rgba(0, 0, 0, 0.02), 
            0 2px 4px -1px rgba(0, 0, 0, 0.02),
            0 0 0 1px rgba(0,0,0,0.01); /* Subtelny obrys */
        cursor: text;
        transition: box-shadow 0.3s ease;
        position: relative;
    }

    .editor-paper:hover[b-7572occshq] { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05); }
    
    /* Fokus na kartce = fokus na edytorze wizualnie */
    .editor-paper:focus-within[b-7572occshq] {
        border-color: #3B82F6;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
    }

    /* Content Area Styles */
    .editor-content[b-7572occshq] {
        outline: none;
        width: 100%;
        min-height: 420px; /* Wypełnia kartkę */
        font-size: 16px; /* Większa czcionka */
        line-height: 1.7; /* Większa interlinia */
        color: #1E293B;
    }

    /* Placeholder logic */
    .editor-content:empty[b-7572occshq]:before {
        content: attr(data-placeholder);
        color: #94A3B8;
        pointer-events: none;
        display: block; /* Fix for layout */
    }

    /* TYPOGRAPHY INSIDE EDITOR */
    .editor-content h2[b-7572occshq] { 
        font-size: 24px; font-weight: 800; color: #0F172A; 
        margin: 1.5em 0 0.8em 0; 
        padding-bottom: 12px; border-bottom: 2px solid #F1F5F9; 
    }
    .editor-content h3[b-7572occshq] { 
        font-size: 19px; font-weight: 700; color: #334155; 
        margin: 1.5em 0 0.5em 0; 
    }
    .editor-content p[b-7572occshq] { margin-bottom: 1.2em; }
    .editor-content ul[b-7572occshq] { list-style-type: disc; padding-left: 24px; margin-bottom: 1.2em; }
    .editor-content ol[b-7572occshq] { list-style-type: decimal; padding-left: 24px; margin-bottom: 1.2em; }
    .editor-content li[b-7572occshq] { margin-bottom: 6px; padding-left: 4px; }
    .editor-content a[b-7572occshq] { color: #2563EB; font-weight: 500; text-decoration: none; border-bottom: 1px solid rgba(37,99,235,0.3); transition: 0.2s; }
    .editor-content a:hover[b-7572occshq] { border-bottom-color: #2563EB; background: #EFF6FF; }
    .editor-content blockquote[b-7572occshq] {
        border-left: 4px solid #3B82F6;
        background: #F8FAFC;
        padding: 16px 20px;
        border-radius: 0 8px 8px 0;
        color: #475569;
        font-style: italic;
        margin: 1.5em 0;
    }

    /* --- FOOTER --- */
    .fixed-footer[b-7572occshq] {
        flex-shrink: 0; /* Nie zmniejszaj footera */
        background: #FFFFFF;
        border-top: 1px solid #E2E8F0;
        padding: 16px 32px;
        display: flex; gap: 16px;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.03);
        z-index: 100;
    }
    
    .info-badge[b-7572occshq] {
        margin-top: 24px; padding: 12px 16px;
        background: #F1F5F9; border-radius: 12px;
        display: flex; align-items: center; gap: 10px;
        font-size: 13px; color: #64748B;
    }

    /* SCROLLBARS */
    .custom-scroll[b-7572occshq]::-webkit-scrollbar { width: 8px; }
    .custom-scroll[b-7572occshq]::-webkit-scrollbar-track { background: transparent; }
    .custom-scroll[b-7572occshq]::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; border: 2px solid #F8FAFC; }
    .custom-scroll[b-7572occshq]::-webkit-scrollbar-thumb:hover { background: #94A3B8; }

    /* MOBILE */
    @media (max-width: 640px) {
        .content-padding[b-7572occshq] { padding: 20px 16px; }
        .editor-paper[b-7572occshq] { padding: 24px 16px; min-height: 400px; }
        .sheet-header[b-7572occshq] { flex-direction: column; align-items: flex-start; gap: 12px; }
        .editor-toolbar-container[b-7572occshq] { margin: 0 -16px 20px -16px; padding: 8px 16px; }
        .editor-content[b-7572occshq] { font-size: 15px; }
    }

    button[b-7572occshq] { font-family: inherit; }

    .btn-primary[b-7572occshq], .btn-secondary[b-7572occshq] {
        flex: 1;
        padding: 12px 20px;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        display: flex; align-items: center; justify-content: center; gap: 8px;
        transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    .btn-primary[b-7572occshq] {
        background: #0F172A;
        color: #FFFFFF;
        border: none;
        box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
    }
    .btn-primary:hover[b-7572occshq] {
        background: #1E293B;
        transform: translateY(-1px);
        box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.15);
    }
    .btn-primary:active[b-7572occshq] { transform: translateY(0); box-shadow: none; }

    .btn-secondary[b-7572occshq] {
        background: #FFFFFF;
        color: #0F172A;
        border: 1px solid #E2E8F0;
    }
    .btn-secondary:hover[b-7572occshq] {
        background: #F8FAFC;
        border-color: #CBD5E1;
        color: #0F172A;
    }
    .btn-secondary:active[b-7572occshq] { background: #F1F5F9; }
/* /Forms/ParcelCreator.razor.rz.scp.css */
/* --- GŁÓWNY KONTENER --- */
.sheet-wrapper[b-d2zh26snh7] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #0F172A;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Zakładamy, że rodzic kontroluje wysokość, ale to zabezpiecza przed wyciekiem */
    overflow: hidden; 
    position: relative;
}

*[b-d2zh26snh7] {
    box-sizing: border-box;
}

/* --- SCROLLBAR (Nowoczesny wygląd) --- */
.custom-scroll[b-d2zh26snh7] {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
}

.custom-scroll[b-d2zh26snh7]::-webkit-scrollbar {
    width: 6px;
}

.custom-scroll[b-d2zh26snh7]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scroll[b-d2zh26snh7]::-webkit-scrollbar-thumb {
    background-color: #CBD5E1;
    border-radius: 20px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.custom-scroll[b-d2zh26snh7]::-webkit-scrollbar-thumb:hover {
    background-color: #94A3B8;
}

/* --- ANIMACJE --- */
@keyframes slideUp-b-d2zh26snh7 {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideInRight-b-d2zh26snh7 {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes popIn-b-d2zh26snh7 {
    0% { transform: scale(0) rotate(-15deg); }
    70% { transform: scale(1.1) rotate(5deg); }
    100% { transform: scale(1) rotate(0); }
}

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

.animate-slide-up[b-d2zh26snh7] { animation: slideUp-b-d2zh26snh7 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-slide-in-right[b-d2zh26snh7] { animation: slideInRight-b-d2zh26snh7 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-pop[b-d2zh26snh7] { animation: popIn-b-d2zh26snh7 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

.view-container[b-d2zh26snh7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    overflow-y: hidden; /* Scrolluje tylko wewnętrzna lista */
}

/* --- HEADER --- */
.sheet-header[b-d2zh26snh7] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    flex-shrink: 0;
}

.icon-hero[b-d2zh26snh7] {
    width: 48px;
    height: 48px;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
}

.sheet-title[b-d2zh26snh7] {
    margin: 0;
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
    letter-spacing: -0.025em;
    color: #0F172A;
}

.sheet-subtitle[b-d2zh26snh7] {
    margin: 2px 0 0 0;
    font-size: 0.875rem; /* 14px */
    color: #64748B;
}

/* --- INPUTS --- */
.search-container[b-d2zh26snh7], .input-wrapper[b-d2zh26snh7] {
    position: relative;
    width: 100%;
    flex-shrink: 0;
}

.premium-input[b-d2zh26snh7] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-size: 0.92rem;
    font-weight: 500;
    color: #0F172A;
    background: #FFFFFF;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
}

.search-container .premium-input[b-d2zh26snh7] {
    padding-left: 44px;
    background: #F8FAFC;
    border-color: transparent;
}

.premium-input:hover[b-d2zh26snh7] {
    background: #FFFFFF;
    border-color: #CBD5E1;
}

.premium-input:focus[b-d2zh26snh7] {
    background: #FFFFFF;
    border-color: #3B82F6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); /* Soft glow */
}

.search-icon[b-d2zh26snh7] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    pointer-events: none;
    font-size: 20px;
}

.suffix[b-d2zh26snh7] {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 0.75rem;
    font-weight: 600;
    pointer-events: none;
    background: #F1F5F9;
    padding: 2px 6px;
    border-radius: 6px;
}

/* --- INTEGRATION LIST --- */
.integrations-list[b-d2zh26snh7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
    padding-bottom: 20px;
    flex: 1; /* Wypełnia resztę miejsca */
    padding-right: 4px; /* Miejsce na scrollbar */
}

.integration-card[b-d2zh26snh7] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

.integration-card:hover[b-d2zh26snh7] {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.01);
    border-color: #CBD5E1;
}

.integration-card:active[b-d2zh26snh7] {
    transform: scale(0.98);
}

.integ-logo-wrapper[b-d2zh26snh7] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
    flex-shrink: 0; /* Ważne: zapobiega zgniataniu logo */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.shine-effect[b-d2zh26snh7] {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        rgba(255,255,255,0) 45%,
        rgba(255,255,255,0.2) 50%,
        rgba(255,255,255,0) 55%
    );
    transform: translateX(-100%);
    transition: transform 0.6s;
}

.integration-card:hover .shine-effect[b-d2zh26snh7] {
    transform: translateX(100%);
    transition: transform 0.6s;
}

.integ-content[b-d2zh26snh7] {
    flex: 1;
    min-width: 0; /* Dla text-overflow */
}

.integ-name[b-d2zh26snh7] {
    display: block;
    font-weight: 600;
    font-size: 0.95rem;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.parcel-beta-badge[b-d2zh26snh7] {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 999px;
    background: #DBEAFE;
    color: #1D4ED8;
    border: 1px solid #BFDBFE;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    vertical-align: middle;
}

.integ-desc[b-d2zh26snh7] {
    display: block;
    font-size: 0.8rem;
    color: #64748B;
    margin-top: 2px;
}

.integ-action[b-d2zh26snh7] {
    color: #CBD5E1;
    transition: transform 0.2s, color 0.2s;
}

.integration-card:hover .integ-action[b-d2zh26snh7] {
    transform: translateX(4px);
    color: #3B82F6;
}

/* --- CONFIG HEADER --- */
.config-header[b-d2zh26snh7] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #F1F5F9;
    flex-shrink: 0;
}

.btn-icon-back[b-d2zh26snh7] {
    background: transparent;
    border: none;
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
    color: #64748B;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-icon-back:hover[b-d2zh26snh7] {
    background: #F1F5F9;
    color: #0F172A;
}

.header-text[b-d2zh26snh7] { flex: 1; }

.sub-label[b-d2zh26snh7] {
    display: block;
    font-size: 0.65rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #94A3B8;
}

.main-label[b-d2zh26snh7] {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #0F172A;
}

.mini-badge[b-d2zh26snh7] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.mini-badge span[b-d2zh26snh7] { font-size: 20px; }

/* --- BOX SELECTOR (3D EFFECT) --- */
.section-title[b-d2zh26snh7] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.box-selector-grid[b-d2zh26snh7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 24px;
    flex-shrink: 0;
}

.box-option[b-d2zh26snh7] {
    border: 2px solid #E2E8F0;
    border-radius: 16px;
    padding: 16px 8px;
    background: #FFFFFF;
    cursor: pointer;
    position: relative;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    user-select: none;
}

.box-option:hover[b-d2zh26snh7] {
    border-color: #CBD5E1;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.box-option.selected[b-d2zh26snh7] {
    border-color: #3B82F6; /* Niebieski akcent zamiast czarnego */
    background: #EFF6FF;
    box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.15);
}

.box-visual-container[b-d2zh26snh7] {
    height: 60px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    perspective: 500px; /* Dodaje głębi */
}

.box-shape[b-d2zh26snh7] {
    background: linear-gradient(135deg, #E2E8F0 0%, #CBD5E1 100%);
    border: 1px solid #94A3B8;
    border-radius: 4px;
    position: relative;
    transition: 0.3s;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.box-option.selected .box-shape[b-d2zh26snh7] {
    background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%);
    border-color: #60A5FA;
    transform: scale(1.05) translateZ(10px);
}

/* Wizualizacje rozmiarów */
.size-s[b-d2zh26snh7] { width: 40px; height: 25px; }
.size-m[b-d2zh26snh7] { width: 40px; height: 40px; }
.size-l[b-d2zh26snh7] { width: 40px; height: 55px; }

.tape[b-d2zh26snh7] {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    background: rgba(255,255,255,0.4); /* Półprzezroczysta taśma */
    border-left: 1px solid rgba(0,0,0,0.05);
    border-right: 1px solid rgba(0,0,0,0.05);
    transform: translateX(-50%);
}

.box-details[b-d2zh26snh7] { text-align: center; }
.box-details .name[b-d2zh26snh7] { display: block; font-size: 0.85rem; font-weight: 700; color: #334155; }
.box-details .dim[b-d2zh26snh7] { display: block; font-size: 0.7rem; color: #64748B; margin-top: 2px; font-weight: 500; }

.check-badge[b-d2zh26snh7] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    background: #3B82F6; /* Niebieski check */
    color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 10;
}
.check-badge span[b-d2zh26snh7] { font-size: 14px; font-weight: 800; }

/* --- BUTTONS & FOOTER --- */
.footer-actions[b-d2zh26snh7] {
    margin-top: auto;
    display: flex;
    gap: 12px;
    border-top: 1px solid #F1F5F9;
    padding-top: 16px;
    background: #fff; /* Zabezpieczenie tła */
}

button[b-d2zh26snh7] { font-family: inherit; }

.btn-primary[b-d2zh26snh7], .btn-secondary[b-d2zh26snh7] {
    flex: 1;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn-primary[b-d2zh26snh7] {
    background: #0F172A;
    color: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
}

.btn-primary:hover:not(:disabled)[b-d2zh26snh7] {
    background: #1E293B;
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.15);
}
.btn-primary:active:not(:disabled)[b-d2zh26snh7] { transform: translateY(0); box-shadow: none; }
.btn-primary:disabled[b-d2zh26snh7] { opacity: 0.7; cursor: not-allowed; }

.btn-secondary[b-d2zh26snh7] {
    background: #FFFFFF;
    color: #334155;
    border: 1px solid #E2E8F0;
}

.btn-secondary:hover[b-d2zh26snh7] {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: #0F172A;
}

/* --- STATES --- */
.empty-state[b-d2zh26snh7] {
    text-align: center;
    color: #94A3B8;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.empty-state span[b-d2zh26snh7] { font-size: 48px; opacity: 0.2; }
.empty-state p[b-d2zh26snh7] { margin: 0; font-size: 0.9rem; }

.loading-state[b-d2zh26snh7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100px;
    color: #64748B;
    font-size: 0.9rem;
    font-weight: 500;
    gap: 12px;
}

/* Spinner zamiast tekstu "Ładowanie" */
.loading-state[b-d2zh26snh7]::before {
    content: '';
    width: 24px;
    height: 24px;
    border: 3px solid #E2E8F0;
    border-top-color: #3B82F6;
    border-radius: 50%;
    animation: spin-b-d2zh26snh7 0.8s linear infinite;
}

.error-banner[b-d2zh26snh7] {
    padding: 12px 16px;
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #EF4444;
    border-radius: 12px;
    font-size: 0.9rem;
    text-align: center;
}
/* /Forms/PartiaSheet.razor.rz.scp.css */
    /* ... (Poprzednie style pozostają bez zmian) ... */
    
    /* STYLE DOODANE DLA EDYCJI */
    
    .stock-hero.editing[b-cmw3y1g9fo] {
        background-color: #F8FAFC;
        border-color: #CBD5E1;
        color: #334155;
    }

    .stock-edit-container[b-cmw3y1g9fo] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        gap: 12px;
    }

    .edit-label[b-cmw3y1g9fo] {
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        color: #64748B;
        flex: 1 1 100%;
    }

    .stock-input[b-cmw3y1g9fo] {
        flex: 1 1 0%;
        font-size: 1.5rem;
        font-weight: 800;
        padding: 8px 12px;
        border: 2px solid #E2E8F0;
        border-radius: 8px;
        color: #0F172A;
        outline: none;
        transition: 0.2s;
        min-width: 80px;
    }
    .stock-input:focus[b-cmw3y1g9fo] {
        border-color: #0F172A;
        background: #fff;
    }

    .edit-actions[b-cmw3y1g9fo] {
        display: flex;
        flex: 0 0 auto;
        gap: 8px;
    }

    .btn-mini[b-cmw3y1g9fo] {
        width: 40px; 
        height: 40px; 
        border-radius: 8px; 
        border: none;
        display: flex; 
        align-items: center; 
        justify-content: center;
        cursor: pointer;
        transition: 0.2s;
    }

    .btn-mini.save[b-cmw3y1g9fo] {
        background: #0F172A; 
        color: #fff;
    }
    .btn-mini.save:hover[b-cmw3y1g9fo] { background: #334155; }

    .btn-mini.cancel[b-cmw3y1g9fo] {
        background: #fff; 
        border: 1px solid #CBD5E1;
        color: #64748B;
    }
    .btn-mini.cancel:hover[b-cmw3y1g9fo] { background: #F1F5F9; color: #EF4444; border-color: #EF4444; }

    /* Pozostałe style z poprzedniej odpowiedzi (skopiuj je tutaj, jeśli nie masz ich w osobny pliku) */
    .partia-sheet-wrapper[b-cmw3y1g9fo] { font-family: 'Inter', sans-serif; color: #0F172A; padding: 24px; max-width: 600px; margin: 0 auto; background: #fff; }
    .sheet-header[b-cmw3y1g9fo] { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
    .icon-hero[b-cmw3y1g9fo] { width: 56px; height: 56px; background-color: #F1F5F9; color: #64748B; border-radius: 16px; display: flex; align-items: center; justify-content: center; }
    .icon-hero span[b-cmw3y1g9fo] { font-size: 28px; }
    .partia-title[b-cmw3y1g9fo] { margin: 0; font-size: 1.25rem; font-weight: 800; color: #0F172A; letter-spacing: -0.02em; }
    .partia-subtitle[b-cmw3y1g9fo] { margin: 4px 0 0 0; font-size: 0.9rem; color: #64748B; font-weight: 500; }
    .stock-hero[b-cmw3y1g9fo] { border-radius: 16px; padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; border: 1px solid transparent; min-height: 85px; box-sizing: border-box; }
    .stock-hero.critical[b-cmw3y1g9fo] { background-color: #FEF2F2; border-color: #FECACA; color: #991B1B; }
    .stock-hero.critical .stock-label[b-cmw3y1g9fo] { color: #EF4444; }
    .stock-hero.warning[b-cmw3y1g9fo] { background-color: #FFFBEB; border-color: #FDE68A; color: #92400E; }
    .stock-hero.warning .stock-label[b-cmw3y1g9fo] { color: #D97706; }
    .stock-hero.good[b-cmw3y1g9fo] { background-color: #ECFDF5; border-color: #A7F3D0; color: #065F46; }
    .stock-hero.good .stock-label[b-cmw3y1g9fo] { color: #059669; }
    .production-info-banner[b-cmw3y1g9fo] {
        display: flex;
        gap: 12px;
        align-items: center;
        margin: -10px 0 22px;
        padding: 14px;
        border-radius: 14px;
        border: 1px solid #BFDBFE;
        background: #EFF6FF;
        color: #1D4ED8;
    }
    .production-info-banner > .material-symbols-rounded[b-cmw3y1g9fo] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: #DBEAFE;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }
    .production-info-banner strong[b-cmw3y1g9fo],
    .production-info-banner span[b-cmw3y1g9fo] {
        display: block;
    }
    .production-info-banner strong[b-cmw3y1g9fo] {
        font-size: .9rem;
    }
    .production-info-banner span[b-cmw3y1g9fo] {
        margin-top: 2px;
        font-size: .78rem;
        color: #2563EB;
    }
    .stock-content[b-cmw3y1g9fo] { display: flex; flex-direction: column; }
    .stock-value[b-cmw3y1g9fo] { font-size: 2rem; font-weight: 800; line-height: 1; margin-bottom: 4px; }
    .stock-label[b-cmw3y1g9fo] { font-size: 0.85rem; font-weight: 600; text-transform: uppercase; opacity: 0.9; }
    .stock-icon span[b-cmw3y1g9fo] { font-size: 36px; opacity: 0.8; }
    .info-grid[b-cmw3y1g9fo] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 32px; }
    .info-card[b-cmw3y1g9fo] { background-color: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 6px; }
    .info-card.full-width[b-cmw3y1g9fo] { grid-column: span 2; }
    .card-row[b-cmw3y1g9fo] { display: flex; align-items: center; justify-content: space-around; text-align: center; }
    .divider-v[b-cmw3y1g9fo] { width: 1px; height: 32px; background-color: #E2E8F0; margin: 0 16px; }
    .data-group[b-cmw3y1g9fo] { display: flex; flex-direction: column; gap: 4px; align-items: center; }
    .label[b-cmw3y1g9fo] { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: #94A3B8; letter-spacing: 0.03em; }
    .value[b-cmw3y1g9fo] { font-size: 1rem; font-weight: 600; color: #334155; }
    .value.price[b-cmw3y1g9fo] { font-size: 1.1rem; font-weight: 700; color: #0F172A; }
    .sheet-actions[b-cmw3y1g9fo] { display: flex; gap: 12px; margin-top: auto; }
    .btn-action[b-cmw3y1g9fo] { flex: 1; padding: 12px; border-radius: 10px; font-size: 0.9rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; border: none; transition: 0.2s; font-family: inherit; }
    .btn-action span[b-cmw3y1g9fo] { font-size: 20px; }
    .btn-action.primary[b-cmw3y1g9fo] { background-color: #0F172A; color: #FFFFFF; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15); }
    .btn-action.primary:hover[b-cmw3y1g9fo] { background-color: #334155; }
    .btn-action.primary:disabled[b-cmw3y1g9fo] { opacity: 0.5; cursor: not-allowed; }
    .btn-action.secondary[b-cmw3y1g9fo] { background-color: #FFFFFF; color: #0F172A; border: 1px solid #CBD5E1; }
    .btn-action.secondary:hover[b-cmw3y1g9fo] { background-color: #F1F5F9; }
    .btn-action.secondary:disabled[b-cmw3y1g9fo] { opacity: 0.5; cursor: not-allowed; }

    .stock-history-panel[b-cmw3y1g9fo] {
        margin-top: 18px;
        border-top: 1px solid #E2E8F0;
        padding-top: 18px;
    }

    .history-header[b-cmw3y1g9fo],
    .history-pager[b-cmw3y1g9fo] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
    }

    .history-header h3[b-cmw3y1g9fo] {
        margin: 0;
        font-size: 1rem;
    }

    .history-header span[b-cmw3y1g9fo],
    .history-pager span[b-cmw3y1g9fo],
    .history-row span[b-cmw3y1g9fo] {
        color: #64748B;
        font-size: .78rem;
    }

    .history-close[b-cmw3y1g9fo] {
        width: 34px;
        height: 34px;
        border: 1px solid #E2E8F0;
        background: #fff;
        border-radius: 8px;
        cursor: pointer;
        color: #475569;
    }

    .history-list[b-cmw3y1g9fo] {
        display: grid;
        gap: 10px;
        margin: 14px 0;
    }

    .history-row[b-cmw3y1g9fo] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        border: 1px solid #E2E8F0;
        background: #F8FAFC;
        border-radius: 10px;
        padding: 12px;
    }

    .history-row strong[b-cmw3y1g9fo] {
        display: block;
        font-size: .88rem;
        margin-bottom: 3px;
    }

    .history-stock[b-cmw3y1g9fo] {
        display: flex;
        align-items: center;
        gap: 6px;
        font-weight: 800;
        white-space: nowrap;
    }

    .history-stock .material-symbols-rounded[b-cmw3y1g9fo] {
        font-size: 17px;
        color: #94A3B8;
    }

    .history-stock b[b-cmw3y1g9fo] {
        border-radius: 999px;
        padding: 4px 8px;
        font-size: .78rem;
    }

    .history-stock b.positive[b-cmw3y1g9fo] {
        color: #166534;
        background: #DCFCE7;
    }

    .history-stock b.negative[b-cmw3y1g9fo] {
        color: #991B1B;
        background: #FEE2E2;
    }

    .history-empty[b-cmw3y1g9fo] {
        margin: 14px 0;
        padding: 18px;
        border: 1px dashed #CBD5E1;
        border-radius: 10px;
        text-align: center;
        color: #64748B;
        background: #F8FAFC;
    }

    @media (max-width: 620px) {
        .partia-sheet-wrapper[b-cmw3y1g9fo] { padding: 16px; }
        .sheet-actions[b-cmw3y1g9fo] { flex-direction: column; }
        .history-row[b-cmw3y1g9fo] { grid-template-columns: 1fr; }
        .history-stock[b-cmw3y1g9fo] { justify-content: flex-start; }
    }
/* /Forms/PaymentInput.razor.rz.scp.css */
.payment-wrapper[b-900b1yfrhs] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    padding: 0;
}

.payment-card[b-900b1yfrhs] {
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 4px 0 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.input-section[b-900b1yfrhs] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.input-label[b-900b1yfrhs] {
    display: block;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.hero-input-wrapper[b-900b1yfrhs] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    align-items: center;
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.hero-input-wrapper.focused[b-900b1yfrhs] {
    background: #FFFFFF;
    border-color: #94A3B8;
    box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.13);
}

.btn-adjustment[b-900b1yfrhs] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #CBD5E1;
    background: #FFFFFF;
    color: #0F172A;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s, transform 0.12s;
    -webkit-tap-highlight-color: transparent;
}

.btn-adjustment:hover:not(:disabled)[b-900b1yfrhs],
.btn-adjustment:focus-visible:not(:disabled)[b-900b1yfrhs] {
    background: #F1F5F9;
    border-color: #94A3B8;
    outline: none;
}

.btn-adjustment:active:not(:disabled)[b-900b1yfrhs] {
    transform: scale(0.97);
}

.btn-adjustment:disabled[b-900b1yfrhs] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-adjustment .material-symbols-rounded[b-900b1yfrhs] {
    font-size: 22px;
}

.input-content[b-900b1yfrhs] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
}

.giant-input[b-900b1yfrhs] {
    width: min(190px, 100%);
    min-width: 0;
    background: transparent;
    border: none;
    text-align: right;
    color: #0F172A;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    outline: none;
    font-variant-numeric: tabular-nums;
}

.giant-input:disabled[b-900b1yfrhs] {
    color: #94A3B8;
}

.giant-input[b-900b1yfrhs]::-webkit-outer-spin-button,
.giant-input[b-900b1yfrhs]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.giant-input[b-900b1yfrhs] {
    -moz-appearance: textfield;
}

.currency-suffix[b-900b1yfrhs] {
    color: #64748B;
    font-size: 14px;
    font-weight: 800;
}

.order-value-line[b-900b1yfrhs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    background: #F8FAFC;
    color: #64748B;
    font-size: 13px;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .12s ease;
    -webkit-tap-highlight-color: transparent;
}

.order-value-line:hover:not(:disabled)[b-900b1yfrhs],
.order-value-line:focus-visible:not(:disabled)[b-900b1yfrhs] {
    background: #FFFFFF;
    border-color: #94A3B8;
    outline: none;
}

.order-value-line:active:not(:disabled)[b-900b1yfrhs] {
    transform: scale(.995);
}

.order-value-line:disabled[b-900b1yfrhs] {
    cursor: not-allowed;
    opacity: .65;
}

.order-value-line strong[b-900b1yfrhs] {
    color: #0F172A;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.btn-submit[b-900b1yfrhs] {
    width: 100%;
    padding: 16px;
    background: #0F172A;
    color: #FFFFFF;
    border: none;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.2s, transform 0.12s, box-shadow 0.2s;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.16);
    position: relative;
    overflow: hidden;
}

.btn-submit:hover:not(:disabled)[b-900b1yfrhs],
.btn-submit:focus-visible:not(:disabled)[b-900b1yfrhs] {
    background: #1E293B;
    transform: translateY(-1px);
    outline: none;
}

.btn-submit:active:not(:disabled)[b-900b1yfrhs] {
    transform: translateY(0);
}

.btn-submit:disabled[b-900b1yfrhs] {
    background: #E2E8F0;
    color: #94A3B8;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.btn-submit.loading[b-900b1yfrhs] {
    background: #1E293B;
    cursor: wait;
}

.spinner[b-900b1yfrhs] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #FFFFFF;
    border-radius: 50%;
    animation: spin-b-900b1yfrhs 0.8s linear infinite;
}

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

@keyframes fadeIn-b-900b1yfrhs {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in[b-900b1yfrhs] {
    animation: fadeIn-b-900b1yfrhs 0.28s ease-out forwards;
}

@media (max-width: 480px) {
    .payment-wrapper[b-900b1yfrhs] {
        padding: 0;
    }

    .payment-card[b-900b1yfrhs] {
        padding: 0;
    }

    .hero-input-wrapper[b-900b1yfrhs] {
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        gap: 8px;
        padding: 8px;
    }

    .btn-adjustment[b-900b1yfrhs] {
        width: 44px;
        height: 44px;
    }

    .giant-input[b-900b1yfrhs] {
        font-size: 25px;
    }
}
/* /Forms/PayoutSheet.razor.rz.scp.css */
/* --- GŁÓWNY UKŁAD --- */
.sheet-wrapper[b-4jz9qusru9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Zakładamy, że BottomSheet ma ustaloną wysokość lub max-height */
    position: relative;
    background: #FFFFFF;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- TREŚĆ FORMULARZA --- */
.sheet-body[b-4jz9qusru9] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* --- LOADING OVERLAY --- */
.sheet-loading[b-4jz9qusru9] {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
}

.spinner-ring[b-4jz9qusru9] {
    width: 32px;
    height: 32px;
    border: 3px solid #E2E8F0;
    border-top-color: #0F172A; /* Główny kolor akcentu */
    border-radius: 50%;
    animation: spin-b-4jz9qusru9 0.8s linear infinite;
}

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

/* --- INPUTS & LABELS --- */
.input-group[b-4jz9qusru9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

label[b-4jz9qusru9] {
    font-size: 0.8rem; /* ok 13px */
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.main-input[b-4jz9qusru9] {
    width: 100%;
    padding: 12px 16px;
    font-size: 0.95rem;
    font-weight: 500;
    color: #0F172A;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    outline: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-input:hover[b-4jz9qusru9] {
    background: #FFFFFF;
    border-color: #CBD5E1;
}

.main-input:focus[b-4jz9qusru9] {
    background: #FFFFFF;
    border-color: #3B82F6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

/* Placeholder styling */
.main-input[b-4jz9qusru9]::placeholder {
    color: #94A3B8;
    opacity: 0.7;
}

/* --- SUFFIX (PLN/zł) --- */
.input-icon-wrapper[b-4jz9qusru9] {
    position: relative;
    width: 100%;
}

.input-icon-wrapper .main-input[b-4jz9qusru9] {
    padding-right: 40px; /* Miejsce na "zł" */
}

.suffix[b-4jz9qusru9] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 0.9rem;
    font-weight: 600;
    pointer-events: none; /* Kliknięcie przechodzi do inputa */
}

/* --- SELECT CUSTOMIZATION --- */
/* Usuwamy domyślną strzałkę systemową i dodajemy własną (SVG inlined) */
select.main-input[b-4jz9qusru9] {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 48px;
}

/* --- FOOTER & BUTTONS --- */
.sheet-footer[b-4jz9qusru9] {
    padding: 16px 24px;
    border-top: 1px solid #F1F5F9;
    background: #FFFFFF;
    display: flex;
    gap: 12px;
    /* Zabezpieczenie dla sticky footer w razie potrzeby */
    margin-top: auto;
}

.btn-action[b-4jz9qusru9] {
    flex: 1;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
    font-family: inherit;
}

.btn-action span.material-symbols-rounded[b-4jz9qusru9] {
    font-size: 20px;
}

/* Primary Button */
.btn-action.primary[b-4jz9qusru9] {
    background: #0F172A;
    color: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1);
}

.btn-action.primary:hover[b-4jz9qusru9] {
    background: #1E293B;
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.15);
}

.btn-action.primary:active[b-4jz9qusru9] {
    transform: translateY(0);
    background: #0F172A;
}

/* Secondary Button */
.btn-action.secondary[b-4jz9qusru9] {
    background: #FFFFFF;
    color: #334155;
    border: 1px solid #E2E8F0;
}

.btn-action.secondary:hover[b-4jz9qusru9] {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: #0F172A;
}

.btn-action.secondary:active[b-4jz9qusru9] {
    background: #F1F5F9;
}
.amount-highlight[b-4jz9qusru9] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0F172A;
}
/* /Forms/PMGarden/GeneratorRaportuForm.razor.rz.scp.css */
/* Style bazowe (jeśli nie zostały wcześniej zdefiniowane globalnie) */
.partia-sheet-wrapper[b-bz0u2vbttu] { font-family: 'Inter', sans-serif; color: #0F172A; padding: 24px; max-width: 600px; margin: 0 auto; background: #fff; display: flex; flex-direction: column; min-height: 500px; }
.sheet-header[b-bz0u2vbttu] { display: flex; align-items: center; gap: 16px; margin-bottom: 32px; }
.icon-hero[b-bz0u2vbttu] { width: 56px; height: 56px; background-color: #F1F5F9; color: #64748B; border-radius: 16px; display: flex; align-items: center; justify-content: center; }
.icon-hero.violet[b-bz0u2vbttu] { background-color: #F5F3FF; color: #7C3AED; } 
.icon-hero span[b-bz0u2vbttu] { font-size: 28px; }
.partia-title[b-bz0u2vbttu] { margin: 0; font-size: 1.25rem; font-weight: 800; color: #0F172A; letter-spacing: -0.02em; }
.partia-subtitle[b-bz0u2vbttu] { margin: 4px 0 0 0; font-size: 0.9rem; color: #64748B; font-weight: 500; }

/* Kontener formularza */
.form-container[b-bz0u2vbttu] { display: flex; flex-direction: column; gap: 24px; margin-bottom: 32px; }
.form-group[b-bz0u2vbttu] { display: flex; flex-direction: column; gap: 8px; }
.input-label[b-bz0u2vbttu] { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: #64748B; letter-spacing: 0.03em; margin-left: 2px; }

/* Pola daty */
.date-row[b-bz0u2vbttu] { display: flex; align-items: center; gap: 12px; }
.date-input-wrapper[b-bz0u2vbttu] { flex: 1; position: relative; display: flex; align-items: center; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 10px; padding: 0 12px; transition: 0.2s; }
.date-input-wrapper:focus-within[b-bz0u2vbttu] { border-color: #0F172A; background: #fff; }
.date-prefix[b-bz0u2vbttu] { font-size: 0.7rem; font-weight: 700; color: #94A3B8; margin-right: 8px; }
.custom-input[b-bz0u2vbttu] { width: 100%; border: none; background: transparent; padding: 12px 0; font-size: 0.95rem; font-weight: 600; color: #334155; outline: none; font-family: inherit; }
.divider-dash[b-bz0u2vbttu] { width: 8px; height: 2px; background-color: #CBD5E1; border-radius: 2px; }

/* Segmented Control (Wybór statusu) */
.segment-control[b-bz0u2vbttu] { display: flex; background: #F1F5F9; padding: 4px; border-radius: 12px; gap: 4px; }
.segment-btn[b-bz0u2vbttu] { flex: 1; border: none; background: transparent; padding: 8px; border-radius: 8px; font-size: 0.85rem; font-weight: 600; color: #64748B; cursor: pointer; transition: 0.2s; }
.segment-btn:hover[b-bz0u2vbttu] { color: #334155; }
.segment-btn.active[b-bz0u2vbttu] { background: #fff; color: #0F172A; box-shadow: 0 2px 4px rgba(0,0,0,0.05); font-weight: 700; }
.helper-text[b-bz0u2vbttu] { font-size: 0.8rem; color: #94A3B8; margin: 0; padding-left: 4px; }

/* Zablokowane pole pracownika */
.disabled-area[b-bz0u2vbttu] { opacity: 0.7; }
.input-with-icon[b-bz0u2vbttu] { position: relative; display: flex; align-items: center; background: #F1F5F9; border: 1px solid #E2E8F0; border-radius: 10px; padding: 0 12px; }
.input-with-icon .icon[b-bz0u2vbttu] { font-size: 20px; color: #94A3B8; margin-right: 8px; }
.custom-input.disabled[b-bz0u2vbttu] { color: #94A3B8; cursor: not-allowed; }
.warning-badge[b-bz0u2vbttu] { display: flex; align-items: center; gap: 6px; font-size: 0.75rem; color: #EF4444; font-weight: 600; margin-top: 4px; background: #FEF2F2; padding: 6px 10px; border-radius: 6px; width: fit-content; }
.warning-badge span[b-bz0u2vbttu] { font-size: 14px; }

/* Przyciski akcji (z poprzedniego projektu + animacja) */
.sheet-actions[b-bz0u2vbttu] { display: flex; gap: 12px; margin-top: auto; }
.btn-action[b-bz0u2vbttu] { flex: 1; padding: 14px; border-radius: 12px; font-size: 0.95rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; border: none; transition: 0.2s; font-family: inherit; }
.btn-action.primary[b-bz0u2vbttu] { background-color: #0F172A; color: #FFFFFF; }
.btn-action.primary:hover[b-bz0u2vbttu] { background-color: #334155; }
.btn-action.primary:disabled[b-bz0u2vbttu] { opacity: 0.7; cursor: wait; }
.btn-action.secondary[b-bz0u2vbttu] { background-color: #FFFFFF; color: #0F172A; border: 1px solid #CBD5E1; }
.btn-action.secondary:hover[b-bz0u2vbttu] { background-color: #F8FAFC; border-color: #94A3B8; }
.spin[b-bz0u2vbttu] { animation: spin-b-bz0u2vbttu 1s linear infinite; font-size: 20px; }

@keyframes spin-b-bz0u2vbttu { 100% { transform: rotate(360deg); } }
/* /Forms/PMGarden/LustracjaForm.razor.rz.scp.css */
    .sheet-content[b-runf5tbisx] {
        padding: 24px;
        display: flex;
        flex-direction: column;
        height: 100%;
        background-color: #fff;
        box-sizing: border-box;
    }

    .sheet-header .title[b-runf5tbisx] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 700;
        color: #0F172A;
    }

    .sheet-header .subtitle[b-runf5tbisx] {
        margin: 4px 0 0 0;
        font-size: 0.9rem;
        color: #64748B;
    }

    .form-scroll-area[b-runf5tbisx] {
        flex: 1;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 24px;
    }

    .input-group[b-runf5tbisx] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .relative-container[b-runf5tbisx] {
        position: relative;
    }

    .input-label[b-runf5tbisx] {
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        color: #64748B;
        letter-spacing: 0.05em;
    }

    .main-input[b-runf5tbisx] {
        padding: 14px;
        border: 2px solid #E2E8F0;
        border-radius: 12px;
        font-size: 1rem;
        width: 100%;
        box-sizing: border-box;
        transition: all 0.2s;
        color: #0F172A;
        background: #fff;
    }

    .main-input:focus[b-runf5tbisx] {
        border-color: #0F172A;
        outline: none;
    }
    
    .search-box[b-runf5tbisx] {
        position: relative;
    }

    .search-input[b-runf5tbisx] {
        padding-left: 44px; /* Miejsce na ikonę lupy */
        padding-right: 44px; /* Miejsce na krzyżyk */
    }

    .search-input.is-selected[b-runf5tbisx] {
        border-color: #10B981;
        background-color: #F0FDF4;
    }

    /* Ikonka lupy */
    .search-icon[b-runf5tbisx] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #94A3B8;
        pointer-events: none;
        font-size: 24px; /* Standardowy rozmiar Material */
    }

    /* Przycisk czyszczenia */
    .clear-btn[b-runf5tbisx] {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        color: #64748B;
        cursor: pointer;
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color 0.2s;
    }

    .clear-btn:hover[b-runf5tbisx] {
        color: #0F172A;
    }

    .dropdown-results[b-runf5tbisx] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #E2E8F0;
        border-radius: 12px;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        z-index: 50;
        max-height: 200px;
        overflow-y: auto;
        margin-top: 4px;
    }

    .dropdown-item[b-runf5tbisx] {
        padding: 12px 16px;
        border-bottom: 1px solid #F1F5F9;
        cursor: pointer;
    }

    .dropdown-item:last-child[b-runf5tbisx] {
        border-bottom: none;
    }

    .dropdown-item:hover[b-runf5tbisx] {
        background-color: #F8FAFC;
    }

    .item-name[b-runf5tbisx] {
        display: block;
        font-weight: 600;
        color: #0F172A;
    }

    .item-id[b-runf5tbisx] {
        font-size: 0.75rem;
        color: #64748B;
    }

    .area-input[b-runf5tbisx] {
        min-height: 120px;
        resize: vertical;
        font-family: inherit;
    }

    .photo-placeholder-btn[b-runf5tbisx] {
        width: 100%;
        padding: 20px;
        border: 2px dashed #CBD5E1;
        border-radius: 12px;
        background-color: #F8FAFC;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        cursor: pointer;
        color: #64748B;
        transition: background-color 0.2s;
    }

    .photo-placeholder-btn:active[b-runf5tbisx] {
        background-color: #E2E8F0;
    }

    .photo-icon[b-runf5tbisx] {
        font-size: 32px;
        color: #0F172A;
    }

    .photo-count[b-runf5tbisx] {
        color: #10B981;
        font-weight: 600;
        font-size: 0.8rem;
    }

    .actions[b-runf5tbisx] {
        margin-top: auto;
        padding-top: 16px;
    }

    .btn-save[b-runf5tbisx] {
        width: 100%;
        padding: 16px;
        background-color: #0F172A;
        color: #fff;
        border: none;
        border-radius: 12px;
        font-weight: 600;
        font-size: 1.1rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }

    .btn-save:hover:not(:disabled)[b-runf5tbisx] {
        background-color: #1E293B;
    }
    
    .btn-save:disabled[b-runf5tbisx] {
        opacity: 0.7;
        cursor: not-allowed;
        background-color: #334155;
    }

    .spinner-loader[b-runf5tbisx] {
        width: 20px;
        height: 20px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-top: 2px solid #ffffff;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
    }

    @@keyframes spin {
        0%[b-runf5tbisx] { transform: rotate(0deg); }
        100%[b-runf5tbisx] { transform: rotate(360deg); }
    }
/* /Forms/PMGarden/ZabiegForm.razor.rz.scp.css */
    /* --- Style bazowe (skopiowane i dostosowane) --- */
    .sheet-content[b-l52hy4h0tt] {
        padding: 24px;
        display: flex;
        flex-direction: column;
        height: 100%;
        background-color: #fff;
        box-sizing: border-box;
    }

    .form-scroll-area[b-l52hy4h0tt] {
        flex: 1;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 24px;
    }

    /* --- GÓRNY PRZEŁĄCZNIK TYPU --- */
    .zabieg-type-switch[b-l52hy4h0tt] {
        display: flex;
        background-color: #F1F5F9;
        padding: 4px;
        border-radius: 14px;
        margin-bottom: 24px;
        gap: 4px;
    }

    .switch-option[b-l52hy4h0tt] {
        flex: 1;
        border: none;
        background: transparent;
        padding: 10px;
        border-radius: 10px;
        font-weight: 600;
        color: #64748B;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        transition: all 0.2s ease;
        font-size: 0.95rem;
    }

    .switch-option:hover[b-l52hy4h0tt] {
        color: #334155;
        background: rgba(255,255,255,0.5);
    }

    .switch-option.active[b-l52hy4h0tt] {
        background-color: #fff;
        color: #0F172A;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    .switch-option span[b-l52hy4h0tt] {
        font-size: 20px;
    }
    
    /* --- INPUTY I GRID --- */
    .input-group[b-l52hy4h0tt] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .row-2-col[b-l52hy4h0tt] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    
    /* Na mobilce grid spada do 1 kolumny */
    @media (max-width: 500px) {
        .row-2-col[b-l52hy4h0tt] {
            grid-template-columns: 1fr;
        }
    }

    .input-label[b-l52hy4h0tt] {
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        color: #64748B;
        letter-spacing: 0.05em;
    }

    .main-input[b-l52hy4h0tt] {
        padding: 14px;
        border: 2px solid #E2E8F0;
        border-radius: 12px;
        font-size: 1rem;
        width: 100%;
        box-sizing: border-box;
        transition: all 0.2s;
        color: #0F172A;
        background: #fff;
    }

    .main-input:focus[b-l52hy4h0tt] {
        border-color: #0F172A;
        outline: none;
    }

    .area-input[b-l52hy4h0tt] {
        min-height: 100px;
        resize: vertical;
        font-family: inherit;
    }

    .divider[b-l52hy4h0tt] {
        height: 1px;
        background-color: #E2E8F0;
        margin: 4px 0;
    }

    /* --- JEDNOSTKI ZINTEGROWANE Z INPUTEM --- */
    .unit-input-wrapper[b-l52hy4h0tt] {
        position: relative;
    }

    .main-input.has-unit[b-l52hy4h0tt] {
        padding-right: 90px; /* Miejsce na przycisk jednostki */
    }

    .unit-toggle[b-l52hy4h0tt] {
        position: absolute;
        right: 6px;
        top: 6px;
        bottom: 6px;
        background-color: #F1F5F9;
        border: none;
        border-radius: 8px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
        color: #475569;
        font-weight: 600;
        font-size: 0.85rem;
        transition: all 0.2s;
    }

    .unit-toggle:hover[b-l52hy4h0tt] {
        background-color: #E2E8F0;
        color: #0F172A;
    }

    .unit-icon[b-l52hy4h0tt] {
        font-size: 18px;
        color: #94A3B8;
    }

    /* --- SEARCH BOX (Reuse) --- */
    .relative-container[b-l52hy4h0tt] { position: relative; }
    .search-box[b-l52hy4h0tt] { position: relative; }
    .search-input[b-l52hy4h0tt] { padding-left: 44px; padding-right: 44px; }
    .search-input.is-selected[b-l52hy4h0tt] { border-color: #10B981; background-color: #F0FDF4; }
    .search-icon[b-l52hy4h0tt] { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #94A3B8; pointer-events: none; font-size: 24px; }
    .clear-btn[b-l52hy4h0tt] { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #64748B; cursor: pointer; padding: 4px; display: flex; align-items: center; justify-content: center; }
    
    .dropdown-results[b-l52hy4h0tt] {
        position: absolute;
        top: 100%; left: 0; right: 0;
        background: white;
        border: 1px solid #E2E8F0;
        border-radius: 12px;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        z-index: 50;
        max-height: 200px;
        overflow-y: auto;
        margin-top: 4px;
    }
    .dropdown-item[b-l52hy4h0tt] { padding: 12px 16px; border-bottom: 1px solid #F1F5F9; cursor: pointer; }
    .dropdown-item:last-child[b-l52hy4h0tt] { border-bottom: none; }
    .dropdown-item:hover[b-l52hy4h0tt] { background-color: #F8FAFC; }
    .item-name[b-l52hy4h0tt] { display: block; font-weight: 600; color: #0F172A; }
    .item-id[b-l52hy4h0tt] { font-size: 0.75rem; color: #64748B; }

    /* --- BUTTONS & ANIMATION --- */
    .actions[b-l52hy4h0tt] { margin-top: auto; padding-top: 16px; }
    .btn-save[b-l52hy4h0tt] { width: 100%; padding: 16px; background-color: #0F172A; color: #fff; border: none; border-radius: 12px; font-weight: 600; font-size: 1.1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 12px; }
    .btn-save:hover:not(:disabled)[b-l52hy4h0tt] { background-color: #1E293B; }
    .btn-save:disabled[b-l52hy4h0tt] { opacity: 0.7; cursor: not-allowed; }
    
    .animate-fade-in[b-l52hy4h0tt] { animation: fadeIn-b-l52hy4h0tt 0.3s ease-out; }
    @keyframes fadeIn-b-l52hy4h0tt { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

    .spinner-loader[b-l52hy4h0tt] { width: 20px; height: 20px; border: 2px solid rgba(255, 255, 255, 0.3); border-top: 2px solid #ffffff; border-radius: 50%; animation: spin-b-l52hy4h0tt 0.8s linear infinite; }
    @keyframes spin-b-l52hy4h0tt { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* /Forms/PozycjaDostawyForm.razor.rz.scp.css */
    /* Bazowe style takie same jak w poprzednim komponencie */
    .sheet-content[b-1tangs6i8b] { padding: 24px; display: flex; flex-direction: column; height: 100%; background-color: #fff; box-sizing: border-box; }
    .form-scroll-area[b-1tangs6i8b] { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 20px; padding-bottom: 24px; }
    
    .input-group[b-1tangs6i8b] { display: flex; flex-direction: column; gap: 6px; }
    .relative-container[b-1tangs6i8b] { position: relative; }
    
    .row-2-col[b-1tangs6i8b] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    @media (max-width: 500px) { .row-2-col[b-1tangs6i8b] { grid-template-columns: 1fr; } }

    .input-label[b-1tangs6i8b] { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: #64748B; letter-spacing: 0.05em; }
    .main-input[b-1tangs6i8b] { padding: 14px; border: 2px solid #E2E8F0; border-radius: 12px; font-size: 1rem; width: 100%; box-sizing: border-box; transition: all 0.2s; color: #0F172A; background: #fff; }
    .main-input:focus[b-1tangs6i8b] { border-color: #0F172A; outline: none; }
    
    .divider[b-1tangs6i8b] { height: 1px; background-color: #E2E8F0; margin: 4px 0; }
    
    /* Search Box & Link Icon */
    .search-box[b-1tangs6i8b] { position: relative; }
    .search-input[b-1tangs6i8b] { padding-left: 44px; padding-right: 44px; }
    .search-input.is-linked[b-1tangs6i8b] { border-color: #3B82F6; background-color: #EFF6FF; padding-right: 80px; }
    .search-icon[b-1tangs6i8b] { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #94A3B8; pointer-events: none; font-size: 24px; }
    
    .link-badge[b-1tangs6i8b] { position: absolute; right: 44px; top: 50%; transform: translateY(-50%); color: #3B82F6; background: #DBEAFE; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; pointer-events: none; }
    .link-badge span[b-1tangs6i8b] { font-size: 18px; font-weight: bold; }

    .clear-btn[b-1tangs6i8b] { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #64748B; cursor: pointer; padding: 4px; display: flex; align-items: center; justify-content: center; }
    
    .dropdown-results[b-1tangs6i8b] { position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid #E2E8F0; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); z-index: 50; max-height: 200px; overflow-y: auto; margin-top: 4px; }
    .dropdown-item[b-1tangs6i8b] { padding: 12px 16px; border-bottom: 1px solid #F1F5F9; cursor: pointer; }
    .dropdown-item:hover[b-1tangs6i8b] { background-color: #F8FAFC; }
    .item-name[b-1tangs6i8b] { display: block; font-weight: 600; color: #0F172A; }
    .item-id[b-1tangs6i8b] { font-size: 0.75rem; color: #64748B; }

    /* Jednostki i Przełącznik Netto/Brutto */
    .unit-input-wrapper[b-1tangs6i8b] { position: relative; }
    .main-input.has-unit[b-1tangs6i8b] { padding-right: 100px; }
    
    .static-unit[b-1tangs6i8b] { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #64748B; font-weight: 600; }

    .unit-toggle[b-1tangs6i8b] { position: absolute; right: 6px; top: 6px; bottom: 6px; background-color: #F1F5F9; border: none; border-radius: 8px; padding: 0 12px; display: flex; align-items: center; gap: 6px; cursor: pointer; color: #475569; font-weight: 600; font-size: 0.85rem; transition: all 0.2s; }
    .unit-toggle:hover[b-1tangs6i8b] { background-color: #E2E8F0; color: #0F172A; }
    .unit-toggle.is-netto[b-1tangs6i8b] { background-color: #DBEAFE; color: #1E40AF; }
    .unit-icon[b-1tangs6i8b] { font-size: 18px; }
    
    .price-summary[b-1tangs6i8b] { text-align: right; font-size: 0.85rem; color: #64748B; margin-top: 4px; font-weight: 500; }

    /* Buttony i loader */
    .actions[b-1tangs6i8b] { margin-top: auto; padding-top: 16px; }
    .btn-save[b-1tangs6i8b] { width: 100%; padding: 16px; background-color: #0F172A; color: #fff; border: none; border-radius: 12px; font-weight: 600; font-size: 1.1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 12px; transition: background 0.2s; }
    .btn-save:hover:not(:disabled)[b-1tangs6i8b] { background-color: #1E293B; }
    .btn-save:disabled[b-1tangs6i8b] { opacity: 0.7; cursor: not-allowed; }
    .spinner-loader[b-1tangs6i8b] { width: 20px; height: 20px; border: 2px solid rgba(255, 255, 255, 0.3); border-top: 2px solid #ffffff; border-radius: 50%; animation: spin-b-1tangs6i8b 0.8s linear infinite; }
    @keyframes spin-b-1tangs6i8b { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* /Forms/ProductPickerSheet.razor.rz.scp.css */
.product-picker-sheet[b-094g3tpmxo] {
    display: grid;
    gap: 14px;
}

.product-picker-search[b-094g3tpmxo] {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #CBD5E1;
    border-radius: 14px;
    padding: 0 12px;
    background: #FFFFFF;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
}

.product-picker-search:focus-within[b-094g3tpmxo] {
    border-color: #3B82F6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.10);
}

.product-picker-search > .material-symbols-rounded[b-094g3tpmxo] {
    color: #94A3B8;
}

.product-picker-search input[b-094g3tpmxo] {
    border: 0;
    outline: 0;
    min-height: 46px;
    width: 100%;
    font-size: 15px;
    color: #0F172A;
    background: transparent;
}

.product-picker-clear[b-094g3tpmxo] {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 999px;
    background: #F1F5F9;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.product-picker-list[b-094g3tpmxo] {
    display: grid;
    gap: 10px;
    max-height: min(60vh, 520px);
    overflow: auto;
    padding-right: 2px;
}

.product-picker-row[b-094g3tpmxo] {
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
    border-radius: 14px;
    padding: 13px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    transition: 0.2s;
}

.product-picker-row:hover[b-094g3tpmxo] {
    border-color: #3B82F6;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.10);
}

.product-picker-row > .material-symbols-rounded[b-094g3tpmxo] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #EFF6FF;
    color: #1D4ED8;
    flex-shrink: 0;
}

.product-picker-row strong[b-094g3tpmxo],
.product-picker-row small[b-094g3tpmxo],
.product-picker-row em[b-094g3tpmxo] {
    display: block;
}

.product-picker-row strong[b-094g3tpmxo] {
    color: #0F172A;
    font-size: 14px;
}

.product-picker-row small[b-094g3tpmxo],
.product-picker-row em[b-094g3tpmxo] {
    color: #64748B;
    margin-top: 3px;
    font-size: 12px;
}

.product-picker-empty[b-094g3tpmxo] {
    min-height: 180px;
    display: grid;
    gap: 6px;
    place-items: center;
    text-align: center;
    padding: 24px;
    color: #64748B;
    background: #F8FAFC;
    border: 1px dashed #CBD5E1;
    border-radius: 16px;
}

.product-picker-empty .material-symbols-rounded[b-094g3tpmxo] {
    color: #94A3B8;
    font-size: 34px;
}

.product-picker-empty p[b-094g3tpmxo] {
    margin: 0;
    font-size: 13px;
}
/* /Forms/QuickActionsForm.razor.rz.scp.css */
.action-sheet[b-slw7kymz0p] {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    min-height: min(640px, 86vh);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #191c1f;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
}

.sheet-header[b-slw7kymz0p] {
    padding: 22px 24px 16px 24px;
    border-bottom: 1px solid #f0f2f5;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}

.sheet-heading-copy[b-slw7kymz0p] {
    min-width: 0;
    flex: 1;
}

.btn-back[b-slw7kymz0p] {
    background: #f3f4f6;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #191c1f;
    transition: 0.2s;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.btn-back:hover[b-slw7kymz0p] {
    background: #e5e7eb;
}

.btn-sheet-close[b-slw7kymz0p] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.btn-sheet-close:hover[b-slw7kymz0p] {
    background: #e2e8f0;
    color: #0f172a;
    transform: translateY(-1px);
}

.btn-sheet-close .material-symbols-rounded[b-slw7kymz0p] {
    font-size: 21px;
}

.sheet-header .title[b-slw7kymz0p] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0;
}

.sheet-header .subtitle[b-slw7kymz0p] {
    margin: 4px 0 0 0;
    font-size: 0.9rem;
    color: #8e959b;
}

.sheet-scroll-area[b-slw7kymz0p] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px 24px;
    min-height: 0;
    box-sizing: border-box;
}

.actions-groups[b-slw7kymz0p] { display: grid; gap: 20px; }
.action-category[b-slw7kymz0p] { display: grid; gap: 12px; min-width: 0; }
.category-heading[b-slw7kymz0p] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #475569;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.category-heading .material-symbols-rounded[b-slw7kymz0p] { font-size: 18px; color: #94A3B8; }
.actions-grid[b-slw7kymz0p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 12px;
    min-width: 0;
}

.action-card[b-slw7kymz0p] {
    position: relative;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 14px 38px 14px 14px;
    border-radius: 14px;
    background-color: #fff;
    border: 1px solid #e6ebf2;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
    text-align: left;
    width: 100%;
    min-height: 96px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}

.action-card:hover[b-slw7kymz0p] {
    background-color: #fbfdff;
    border-color: #bfdbfe;
    box-shadow: 0 14px 28px rgba(37, 99, 235, .09);
    transform: translateY(-1px);
}

.action-card.disabled[b-slw7kymz0p],
.action-card:disabled[b-slw7kymz0p] {
    cursor: wait;
    opacity: .72;
    background-color: #f8fafc;
    box-shadow: none;
    transform: none;
}

.action-card.disabled:hover[b-slw7kymz0p],
.action-card:disabled:hover[b-slw7kymz0p] {
    border-color: #e6ebf2;
    background-color: #f8fafc;
    box-shadow: none;
    transform: none;
}

.action-card .spinning[b-slw7kymz0p] {
    animation: spin .9s linear infinite;
}

.icon-wrapper[b-slw7kymz0p] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 0;
}
.icon-wrapper .material-symbols-rounded[b-slw7kymz0p] { font-size: 21px; }

.bg-blue[b-slw7kymz0p] { background-color: #e0f2fe; color: #0284c7; }
.bg-green[b-slw7kymz0p] { background-color: #dcfce7; color: #16a34a; }
.bg-red[b-slw7kymz0p] { background-color: #fee2e2; color: #dc2626; }
.bg-indigo[b-slw7kymz0p] { background-color: #e0e7ff; color: #4f46e5; }

.action-info[b-slw7kymz0p] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.action-name[b-slw7kymz0p] {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    color: #191c1f;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
}

.beta-badge[b-slw7kymz0p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 999px;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    color: #1D4ED8;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .06em;
    vertical-align: middle;
}

.action-desc[b-slw7kymz0p] {
    display: block;
    font-size: 0.78rem;
    color: #8e959b;
    font-weight: 500;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.arrow-right[b-slw7kymz0p] {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #aeb4bb;
    font-weight: 700;
    font-size: 1.2rem;
    transition: 0.2s;
}

.action-card:hover .arrow-right[b-slw7kymz0p] {
    color: #191c1f;
    transform: translate(4px, -50%);
}

.action-card.danger:hover[b-slw7kymz0p] {
    border-color: #ef4444;
    background-color: #fffcfc;
}

.action-card.danger:hover .action-name[b-slw7kymz0p],
.action-card.danger:hover .arrow-right[b-slw7kymz0p] {
    color: #ef4444;
}

.status-grid[b-slw7kymz0p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.status-option[b-slw7kymz0p] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 12px;
    background-color: #f8f9fa;
    border: 2px solid transparent;
    cursor: pointer;
    transition: 0.2s;
    width: 100%;
    text-align: left;
}

.status-option:hover[b-slw7kymz0p] {
    background-color: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.status-dot[b-slw7kymz0p] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-name[b-slw7kymz0p] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #191c1f;
}

.delete-confirmation[b-slw7kymz0p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px 0;
}

.warning-icon[b-slw7kymz0p] {
    width: 80px;
    height: 80px;
    background-color: #fef2f2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.warning-title[b-slw7kymz0p] {
    font-size: 1.25rem;
    font-weight: 800;
    margin: 0 0 8px 0;
    color: #191c1f;
}

.warning-text[b-slw7kymz0p] {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0 0 32px 0;
}

.warning-text strong[b-slw7kymz0p] {
    color: #191c1f;
}

.warning-actions[b-slw7kymz0p] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.btn-delete[b-slw7kymz0p] {
    width: 100%;
    padding: 16px;
    background-color: #ef4444;
    color: #fff;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}

.btn-delete:hover[b-slw7kymz0p] {
    background-color: #dc2626;
    transform: translateY(-1px);
}

.btn-cancel[b-slw7kymz0p] {
    width: 100%;
    padding: 16px;
    background-color: #f3f4f6;
    color: #191c1f;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: 0.2s;
}

.btn-cancel:hover[b-slw7kymz0p] {
    background-color: #e5e7eb;
}

.sheet-scroll-area[b-slw7kymz0p]::-webkit-scrollbar {
    width: 6px;
}
.sheet-scroll-area[b-slw7kymz0p]::-webkit-scrollbar-thumb {
    background-color: #e2e8f0;
    border-radius: 3px;
}

@media (max-width: 720px) {
    .action-sheet[b-slw7kymz0p] {
        min-height: auto;
        max-height: 88vh;
    }

    .sheet-header[b-slw7kymz0p] {
        padding: 18px 18px 14px;
    }

    .sheet-scroll-area[b-slw7kymz0p] {
        padding: 18px;
    }

    .actions-grid[b-slw7kymz0p] { grid-template-columns: 1fr; }
    .action-card[b-slw7kymz0p] {
        min-height: 86px;
        padding: 13px 36px 13px 13px;
    }
}

@media (max-width: 380px) {
    .action-card[b-slw7kymz0p] {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
    }

    .icon-wrapper[b-slw7kymz0p] {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }

    .action-name[b-slw7kymz0p] {
        font-size: 0.9rem;
    }
}
/* /Forms/ShipmentDynamicForm.razor.rz.scp.css */
/* --- KONTENER I SCROLL --- */
.form-content[b-7r6jhczvi1] {
    background: #FFFFFF;
    position: relative;
    /* Płynne przewijanie na iOS */
    -webkit-overflow-scrolling: touch; 
}

/* Custom Scrollbar (subtelny) */
.custom-scroll[b-7r6jhczvi1]::-webkit-scrollbar {
    width: 6px;
}
.custom-scroll[b-7r6jhczvi1]::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scroll[b-7r6jhczvi1]::-webkit-scrollbar-thumb {
    background-color: #E2E8F0;
    border-radius: 10px;
}
.custom-scroll[b-7r6jhczvi1]::-webkit-scrollbar-thumb:hover {
    background-color: #CBD5E1;
}

/* --- TYPOGRAFIA I SEKCJE --- */
.section-title[b-7r6jhczvi1] {
    font-size: 0.75rem; /* 12px */
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
    margin-top: 8px;
}

.form-group-section[b-7r6jhczvi1] {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #F8FAFC; /* Bardzo delikatny separator */
}
.form-group-section:last-child[b-7r6jhczvi1] {
    border-bottom: none;
    margin-bottom: 0;
}

/* --- BOX SELECTOR (WIZUALIZACJA 3D) --- */
.box-selector-grid[b-7r6jhczvi1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}

.box-option[b-7r6jhczvi1] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 8px;
    background: #FFFFFF;
    border: 2px solid #E2E8F0;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
    user-select: none;
}

/* Hover Effect - delikatne uniesienie */
.box-option:hover[b-7r6jhczvi1] {
    border-color: #CBD5E1;
    transform: translateY(-4px);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.05);
}

/* Selected State - wyraźny akcent */
.box-option.selected[b-7r6jhczvi1] {
    border-color: #3B82F6;
    background: #EFF6FF; /* Bardzo jasny niebieski */
    box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.15);
}

/* Kształty Pudełek */
.box-visual-container[b-7r6jhczvi1] {
    height: 70px;
    width: 100%;
    display: flex;
    align-items: flex-end; /* Pudełka stoją na "podłodze" */
    justify-content: center;
    margin-bottom: 12px;
    /* Perspektywa dla lepszego efektu 3D, opcjonalnie */
    perspective: 600px;
}

.box-shape[b-7r6jhczvi1] {
    position: relative;
    background: linear-gradient(160deg, #F1F5F9 0%, #E2E8F0 100%);
    border: 1px solid #CBD5E1;
    border-radius: 3px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

/* Taśma pakowa na środku */
.tape[b-7r6jhczvi1] {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 6px;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.4);
    border-left: 1px dashed rgba(0,0,0,0.05);
    border-right: 1px dashed rgba(0,0,0,0.05);
}

/* Skalowanie pudełek przy wyborze */
.box-option.selected .box-shape[b-7r6jhczvi1] {
    background: linear-gradient(160deg, #DBEAFE 0%, #BFDBFE 100%); /* Niebieskawy karton */
    border-color: #93C5FD;
    transform: scale(1.05) translateZ(0);
}

/* Wymiary wizualne (klasy z C#) */
.size-s[b-7r6jhczvi1] { width: 36px; height: 24px; }
.size-m[b-7r6jhczvi1] { width: 44px; height: 44px; }
.size-l[b-7r6jhczvi1] { width: 44px; height: 60px; }

.custom-box-symbol[b-7r6jhczvi1] {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563EB;
    background: linear-gradient(145deg, #EFF6FF, #DBEAFE);
    border: 1px dashed #93C5FD;
}

.custom-box-symbol span[b-7r6jhczvi1] {
    font-size: 30px;
}

/* Detale tekstowe */
.box-details[b-7r6jhczvi1] {
    text-align: center;
    z-index: 1;
}
.box-details .name[b-7r6jhczvi1] {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 2px;
}
.box-details .dim[b-7r6jhczvi1] {
    display: block;
    font-size: 0.7rem;
    color: #64748B;
    font-weight: 500;
}
.box-option.selected .box-details .name[b-7r6jhczvi1] { color: #1E40AF; }
.box-option.selected .box-details .dim[b-7r6jhczvi1] { color: #3B82F6; }

/* Check Badge (Animowany) */
.check-badge[b-7r6jhczvi1] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    background: #0F172A; /* Ciemny granat kontrastujący */
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 10;
}
.check-badge span[b-7r6jhczvi1] {
    font-size: 16px;
    font-weight: 700;
}

/* Animacja pojawiania się checka */
@keyframes popBadge-b-7r6jhczvi1 {
    0% { transform: scale(0) rotate(-45deg); }
    70% { transform: scale(1.2) rotate(10deg); }
    100% { transform: scale(1) rotate(0); }
}
.animate-pop[b-7r6jhczvi1] {
    animation: popBadge-b-7r6jhczvi1 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}


/* --- UKŁADY FORMULARZA (Grid System) --- */
.layout-two-columns[b-7r6jhczvi1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
}

.form-row[b-7r6jhczvi1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: flex-start;
}

.custom-dimensions-grid[b-7r6jhczvi1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 14px;
    margin-bottom: 18px;
    border: 1px solid #DBEAFE;
    border-radius: 16px;
    background: #F8FBFF;
}

.dimension-summary[b-7r6jhczvi1] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    font-size: 0.9rem;
    color: #475569;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
}

/* Responsywność dla małych ekranów */
@media (max-width: 500px) {
    .layout-two-columns[b-7r6jhczvi1], .form-row[b-7r6jhczvi1] {
        grid-template-columns: 1fr; /* Stackowanie pionowe */
    }
}

@media (max-width: 760px) {
    .box-selector-grid[b-7r6jhczvi1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-dimensions-grid[b-7r6jhczvi1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .box-selector-grid[b-7r6jhczvi1],
    .custom-dimensions-grid[b-7r6jhczvi1] {
        grid-template-columns: 1fr;
    }
}

.form-group[b-7r6jhczvi1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

label[b-7r6jhczvi1] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
}


/* --- INPUTY (Nadpisanie/Uzupełnienie .premium-input) --- */
.premium-input[b-7r6jhczvi1] {
    width: 100%;
    padding: 12px 14px;
    font-size: 0.95rem;
    color: #0F172A;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    outline: none;
    transition: all 0.2s ease;
}

.premium-input:hover[b-7r6jhczvi1] {
    background: #FFFFFF;
    border-color: #CBD5E1;
}

.premium-input:focus[b-7r6jhczvi1] {
    background: #FFFFFF;
    border-color: #3B82F6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.shipment-error-banner[b-7r6jhczvi1] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    margin: 0 0 14px;
    border: 1px solid #FCA5A5;
    border-radius: 16px;
    background: #FEF2F2;
    color: #991B1B;
}

.shipment-error-banner > .material-symbols-rounded[b-7r6jhczvi1] {
    font-size: 24px;
    margin-top: 1px;
    color: #DC2626;
}

.shipment-error-banner strong[b-7r6jhczvi1] {
    display: block;
    font-size: 0.92rem;
    margin-bottom: 2px;
}

.shipment-error-banner p[b-7r6jhczvi1] {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.45;
    color: #7F1D1D;
    overflow-wrap: anywhere;
}

/* Input typu number bez strzałek */
.premium-input[type=number][b-7r6jhczvi1]::-webkit-inner-spin-button, 
.premium-input[type=number][b-7r6jhczvi1]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


/* --- FOOTER (Przyciski) --- */
.footer-actions[b-7r6jhczvi1] {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #F1F5F9;
    background: #FFFFFF;
    display: flex;
    gap: 12px;
    /* Zabezpiecza footer przed zniknięciem pod scrollem */
    flex-shrink: 0; 
}

.btn-primary[b-7r6jhczvi1], .btn-secondary[b-7r6jhczvi1] {
    flex: 1;
    height: 48px; /* Stała wysokość dla lepszego touch target */
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: inherit;
}

/* Primary: Ciemny, elegancki */
.btn-primary[b-7r6jhczvi1] {
    background: #0F172A;
    color: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1);
}
.btn-primary:hover:not(:disabled)[b-7r6jhczvi1] {
    background: #1E293B;
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.2);
}
.btn-primary:active:not(:disabled)[b-7r6jhczvi1] {
    transform: translateY(0);
}
.btn-primary:disabled[b-7r6jhczvi1] {
    background: #94A3B8;
    cursor: not-allowed;
    box-shadow: none;
}

/* Secondary: Outline */
.btn-secondary[b-7r6jhczvi1] {
    background: #FFFFFF;
    color: #334155;
    border: 1px solid #E2E8F0;
}
.btn-secondary:hover[b-7r6jhczvi1] {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: #0F172A;
}
/* /Forms/ShowWorkerForm.razor.rz.scp.css */
.worker-sheet-wrapper[b-e40s1zv2a7] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 16px;
}

.worker-header[b-e40s1zv2a7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.avatar-container[b-e40s1zv2a7] {
    position: relative;
    margin-bottom: 16px;
}

.avatar-img[b-e40s1zv2a7] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #FFFFFF;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.status-indicator[b-e40s1zv2a7] {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 18px;
    height: 18px;
    background-color: #10B981;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
}

.worker-name[b-e40s1zv2a7] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    color: #0F172A;
    letter-spacing: -0.02em;
}

.worker-role[b-e40s1zv2a7] {
    margin: 4px 0 0 0;
    font-size: 0.95rem;
    font-weight: 500;
    color: #64748B;
}

.worker-info-list[b-e40s1zv2a7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info-item[b-e40s1zv2a7] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background-color: #F8FAFC;
    border-radius: 16px;
    border: 1px solid #F1F5F9;
    transition: background-color 0.2s;
}

.icon-box[b-e40s1zv2a7] {
    width: 40px;
    height: 40px;
    background-color: #EFF6FF;
    color: #3B82F6;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-box .material-symbols-rounded[b-e40s1zv2a7] {
    font-size: 20px;
}

.info-content[b-e40s1zv2a7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-content .label[b-e40s1zv2a7] {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #94A3B8;
    letter-spacing: 0.03em;
}

.info-content .value[b-e40s1zv2a7] {
    font-size: 1rem;
    font-weight: 600;
    color: #334155;
    word-break: break-all;
}

.btn-icon-small[b-e40s1zv2a7] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: #ECFDF5;
    color: #10B981;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.2s;
}

@media (hover: hover) {
    .btn-icon-small:hover[b-e40s1zv2a7] {
        background-color: #D1FAE5;
    }
}

.worker-actions[b-e40s1zv2a7] {
    margin-top: 8px;
}

.btn-full-primary[b-e40s1zv2a7] {
    width: 100%;
    padding: 16px;
    background-color: #0F172A;
    color: #FFFFFF;
    border: none;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
    transition: transform 0.1s, background-color 0.2s;
}

@media (hover: hover) {
    .btn-full-primary:hover[b-e40s1zv2a7] {
        background-color: #334155;
    }
}

.btn-full-primary:active[b-e40s1zv2a7] {
    transform: scale(0.98);
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* --- FUNDAMENTALS & RESET --- */
*[b-qdurtqhjj7] {
    box-sizing: border-box;
}

body[b-qdurtqhjj7] {
    background-color: #F8FAFC;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #0F172A;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* --- LAYOUT CONTAINER & AMBIENT LIGHT --- */
.layout-container[b-qdurtqhjj7] {
    display: flex;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    background: #F8FAFC;
    isolation: isolate;
}

.ambient-light-1[b-qdurtqhjj7] {
    position: fixed; top: -10%; left: -10%; width: 50vw; height: 50vw;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, transparent 70%);
    filter: blur(60px); z-index: -1; pointer-events: none;
}

.ambient-light-2[b-qdurtqhjj7] {
    position: fixed; bottom: -10%; right: -10%; width: 40vw; height: 40vw;
    background: radial-gradient(circle, rgba(236, 72, 153, 0.06) 0%, transparent 70%);
    filter: blur(60px); z-index: -1; pointer-events: none;
}

/* --- SIDEBAR (THE GLASS MONOLITH) --- */
/* Z-Index 1300: Najwyższy priorytet (nad Topbarem) */
.glass-sidebar[b-qdurtqhjj7] {
    position: fixed; top: 0; left: 0; width: 280px; height: 100%;
    z-index: 1300; 
    display: flex; flex-direction: column;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 20px 0 40px rgba(0, 0, 0, 0.03);
    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.glass-sidebar.mobile-open[b-qdurtqhjj7] { transform: translateX(0); }

.glass-sidebar.subscription-locked .sidebar-scroll-area > .nav-item[b-qdurtqhjj7],
.glass-sidebar.subscription-locked .sidebar-scroll-area > .nav-group:not(.subscription-available)[b-qdurtqhjj7],
.glass-sidebar.subscription-locked .sidebar-scroll-area > .nav-section-label[b-qdurtqhjj7] {
    opacity: .34;
    filter: saturate(.35);
}

.glass-sidebar.subscription-locked .sidebar-scroll-area > .nav-item[b-qdurtqhjj7],
.glass-sidebar.subscription-locked .sidebar-scroll-area > .nav-group:not(.subscription-available)[b-qdurtqhjj7] {
    pointer-events: none;
}

.glass-sidebar.subscription-locked .nav-group.subscription-available[b-qdurtqhjj7] { opacity: 1; filter: none; pointer-events: auto; }
.glass-sidebar.subscription-locked .subscription-disabled[b-qdurtqhjj7] { opacity: .34; filter: saturate(.25); pointer-events: none; }

.omnibar input:disabled[b-qdurtqhjj7] {
    cursor: not-allowed;
    color: #94a3b8;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.sidebar-header[b-qdurtqhjj7] {
    height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 22px 0 28px;
    user-select: none; flex-shrink: 0;
}

.brand-wrapper[b-qdurtqhjj7] { display: flex; align-items: center; gap: 14px; }

.sidebar-collapse-button[b-qdurtqhjj7] {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(248, 250, 252, .62)),
        rgba(255, 255, 255, .48);
    color: #8090a7;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .92),
        0 8px 22px rgba(15, 23, 42, .035);
    transition: transform .34s cubic-bezier(0.19, 1, 0.22, 1), opacity .24s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
    -webkit-tap-highlight-color: transparent;
}

.sidebar-collapse-button:hover[b-qdurtqhjj7] {
    transform: translateY(-1px);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(241, 245, 249, .86)),
        rgba(255, 255, 255, .7);
    border-color: rgba(79, 70, 229, .24);
    color: #4F46E5;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .98),
        0 12px 26px rgba(79, 70, 229, .11);
}

.sidebar-collapse-button:focus-visible[b-qdurtqhjj7] {
    outline: 3px solid rgba(79, 70, 229, .16);
    outline-offset: 2px;
}

.sidebar-collapse-button .material-symbols-rounded[b-qdurtqhjj7] {
    font-size: 22px;
    font-variation-settings: 'FILL' 0, 'wght' 520, 'GRAD' 0, 'opsz' 24;
}

.topbar-collapse-toggle[b-qdurtqhjj7] {
    display: none;
    opacity: 0;
    transform: translateX(-26px) scale(.88);
    pointer-events: none;
    margin-right: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(248, 250, 252, .72)),
        rgba(255, 255, 255, .58);
    border-color: rgba(203, 213, 225, .58);
}

.logo-box[b-qdurtqhjj7] {
    /* Sztywne wymiary kontenera, aby logo nie "skakało" */
    width: 42px; 
    height: 42px;
    
    /* Pełna przezroczystość */
    background: transparent; 
    box-shadow: none;
    border-radius: 0;
    
    /* Centrowanie obrazka wewnątrz */
    display: flex; 
    align-items: center; 
    justify-content: center;
    
    /* Usunięcie overflow, aby nic nie ucinało */
    overflow: visible; 
    position: relative;
    flex-shrink: 0;
}

/* Usunięcie efektu "połysku" (gradientu nakładanego na logo) */
.logo-box[b-qdurtqhjj7]::after {
    display: none;
}

.logo-icon[b-qdurtqhjj7] {
    /* Obrazek dopasowuje się do kontenera (42px), ale zachowuje proporcje */
    width: 100%;
    height: 100%;
    object-fit: contain; 
    
    /* Usunięcie stylów fontu, bo to teraz <img> */
    font-size: unset; 
}
.brand-text[b-qdurtqhjj7] { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; }
.brand-name[b-qdurtqhjj7] { display: inline-flex; align-items: center; gap: 7px; min-width: 0; font-weight: 800; font-size: 19px; color: #1E293B; letter-spacing: -0.5px; }
.brand-beta-badge[b-qdurtqhjj7] {
    padding: 2px 6px;
    border: 1px solid rgba(79, 70, 229, .2);
    border-radius: 7px;
    background: rgba(79, 70, 229, .08);
    color: #4f46e5;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.2;
}
.brand-plan[b-qdurtqhjj7] { margin-top: 3px; color: #667085; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.brand-suffix[b-qdurtqhjj7] { font-weight: 600; font-size: 11px; color: #6366F1; text-transform: uppercase; letter-spacing: 0.1em; }

.sidebar-scroll-area[b-qdurtqhjj7] {
    flex: 1; overflow-y: auto; overflow-x: hidden; padding: 10px 16px 30px 16px;
}
.custom-scrollbar[b-qdurtqhjj7] { scrollbar-width: none; }
.custom-scrollbar[b-qdurtqhjj7]::-webkit-scrollbar { display: none; }

/* --- NAVIGATION ITEMS --- */
.nav-section-label[b-qdurtqhjj7] {
    font-size: 11px; font-weight: 700; color: #94A3B8;
    margin: 24px 0 10px 16px; letter-spacing: 0.12em; user-select: none;
}

.nav-item[b-qdurtqhjj7] {
    position: relative; display: flex; align-items: center;
    padding: 12px 14px; margin-bottom: 4px; border-radius: 12px;
    cursor: pointer; color: #64748B; transition: all 0.25s ease-out;
    text-decoration: none; user-select: none; overflow: visible; font-weight: 600;
}
.nav-item:hover[b-qdurtqhjj7] { color: #1E293B; }
.nav-item:hover .nav-icon[b-qdurtqhjj7] { color: #4F46E5; transform: scale(1.05); }

.nav-glow-bg[b-qdurtqhjj7] {
    position: absolute; inset: 0; border-radius: 12px;
    background: rgba(255, 255, 255, 0.5); opacity: 0; transition: 0.2s; z-index: -1;
}
.nav-item:hover .nav-glow-bg[b-qdurtqhjj7] { opacity: 1; }

.nav-item.active[b-qdurtqhjj7] { color: #4F46E5; font-weight: 900; }
.nav-item.active .nav-icon[b-qdurtqhjj7] { color: #4F46E5; }
.nav-item.active .nav-glow-bg[b-qdurtqhjj7] {
    background: linear-gradient(90deg, rgba(79, 70, 229, 0.08) 0%, rgba(79, 70, 229, 0.0) 100%);
    opacity: 1;
}

.active-indicator[b-qdurtqhjj7] {
    position: absolute; left: -16px; top: 50%; width: 4px; height: 20px;
    background: #4F46E5; border-radius: 0 4px 4px 0;
    transform: translateY(-50%) scaleY(0); opacity: 0;
    transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 2px 0 12px rgba(79, 70, 229, 0.5);
}
.nav-item.active .active-indicator[b-qdurtqhjj7],
.nav-group.expanded .nav-item .active-indicator[b-qdurtqhjj7] {
    transform: translateY(-50%) scaleY(1); opacity: 1;
}

.nav-icon[b-qdurtqhjj7] { font-size: 22px; margin-right: 12px; color: #94A3B8; transition: 0.2s; }
.nav-label[b-qdurtqhjj7] { flex: 1; font-size: 14px; }
.arrow-icon[b-qdurtqhjj7] { font-size: 18px; color: #94A3B8; transition: transform 0.3s; }
.nav-group.expanded .arrow-icon[b-qdurtqhjj7] { transform: rotate(180deg); color: #4F46E5; }

/* --- SUBMENU --- */
.submenu-wrapper[b-qdurtqhjj7] {
    display: grid; grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}
.nav-group.expanded .submenu-wrapper[b-qdurtqhjj7] { grid-template-rows: 1fr; }
.submenu-items[b-qdurtqhjj7] { overflow: hidden; padding-left: 0; position: relative; }

.circuit-line[b-qdurtqhjj7] {
    position: absolute; top: 0; bottom: 10px; left: 24px; width: 2px;
    background: rgba(226, 232, 240, 0.6); border-radius: 2px;
    opacity: 0; transition: opacity 0.2s 0.1s;
}
.nav-group.expanded .circuit-line[b-qdurtqhjj7] { opacity: 1; }

.sub-link[b-qdurtqhjj7] {
    display: flex; align-items: center; padding: 8px 12px 8px 40px;
    color: #64748B; font-size: 13px; font-weight: 500; text-decoration: none;
    border-radius: 8px; margin: 2px 0 2px 10px; cursor: pointer; position: relative;
    user-select: none; transition: 0.2s;
}

.sub-link-button[b-qdurtqhjj7] {
    width: calc(100% - 10px);
    border: 0;
    background: transparent;
    font-family: inherit;
    text-align: left;
}

.leave-company-link[b-qdurtqhjj7] {
    margin-top: 12px;
    padding: 11px 12px 11px 40px;
    border: 1px solid #efd8d5;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 251, 251, .94), rgba(255, 247, 247, .8));
    color: #9a3834;
    font-weight: 700;
}

.leave-company-link:hover[b-qdurtqhjj7] {
    background: #fff3f2;
    color: #7f2926;
}

.leave-company-link .circuit-node[b-qdurtqhjj7] {
    background: #e79a94;
    border-color: #ffd2cf;
}

.leave-company-icon[b-qdurtqhjj7] {
    margin-right: 8px;
    font-size: 18px;
    color: #b84842;
}

.leave-company-confirm[b-qdurtqhjj7] {
    margin: 8px 0 5px 20px;
    padding: 12px;
    border: 1px solid #efd6d3;
    border-radius: 14px;
    background: #fffafa;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 8px;
}

.leave-company-confirm > div[b-qdurtqhjj7] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.leave-company-confirm strong[b-qdurtqhjj7] {
    color: #7d2926;
    font-size: 12px;
}

.leave-company-confirm span[b-qdurtqhjj7],
.leave-company-confirm small[b-qdurtqhjj7] {
    color: #835b58;
    font-size: 11px;
    line-height: 1.35;
}

.leave-company-confirm small[b-qdurtqhjj7] {
    color: #b4232b;
    font-weight: 750;
}

.leave-company-confirm button[b-qdurtqhjj7] {
    min-height: 34px;
    border-radius: 10px;
    padding: 0 12px;
    border: 1px solid #e5d2cf;
    background: #fff;
    color: #5a4542;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.leave-company-confirm .leave-confirm[b-qdurtqhjj7] {
    border-color: #b9443e;
    background: #b9443e;
    color: #fff;
}

.leave-company-link:disabled[b-qdurtqhjj7],
.leave-company-confirm button:disabled[b-qdurtqhjj7] {
    opacity: .6;
    cursor: wait;
}

.circuit-node[b-qdurtqhjj7] {
    position: absolute; left: 13px; top: 50%; width: 6px; height: 6px;
    border: 1px solid #CBD5E1; background: #F8FAFC; border-radius: 50%;
    transform: translateY(-50%); transition: all 0.2s; z-index: 2;
}
.sub-link[b-qdurtqhjj7]::before {
    content: ''; position: absolute; left: 16px; top: 50%; width: 10px; height: 1px;
    background: rgba(226, 232, 240, 0.6); z-index: 1;
}
.sub-link:hover[b-qdurtqhjj7] { color: #4F46E5; background: rgba(255, 255, 255, 0.6); }
.sub-link:hover .circuit-node[b-qdurtqhjj7] {
    background: #4F46E5; border-color: #4F46E5;
    box-shadow: 0 0 8px rgba(79, 70, 229, 0.4);
}

/* --- AI STYLING --- */
.ai-trigger:hover .ai-icon[b-qdurtqhjj7] { color: #D946EF; }
.ai-trigger.active .ai-text[b-qdurtqhjj7] {
    background: linear-gradient(90deg, #8B5CF6, #D946EF);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.ai-indicator[b-qdurtqhjj7] { background: #D946EF; box-shadow: 2px 0 12px rgba(217, 70, 239, 0.6); }
.nav-group.expanded .ai-icon[b-qdurtqhjj7] { color: #D946EF; }
.ai-line[b-qdurtqhjj7] { background: rgba(217, 70, 239, 0.2); }
.sub-link:hover .ai-node[b-qdurtqhjj7] {
    background: #D946EF; border-color: #D946EF;
    box-shadow: 0 0 8px rgba(217, 70, 239, 0.5);
}

/* --- FOOTER --- */
.sidebar-footer[b-qdurtqhjj7] {
    padding: 14px 20px 20px;
    display: grid;
    gap: 10px;
}
.report-problem-link[b-qdurtqhjj7] {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border-radius: 13px;
    color: #475569;
    background: rgba(248, 250, 252, 0.82);
    border: 1px solid rgba(226, 232, 240, 0.9);
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    transition: 0.2s;
    -webkit-tap-highlight-color: transparent;
}
.report-problem-link span:first-child[b-qdurtqhjj7] {
    color: #2563EB;
    font-size: 20px;
}
.report-problem-link:hover[b-qdurtqhjj7] {
    color: #1E293B;
    background: rgba(255, 255, 255, 0.95);
    border-color: #CBD5E1;
    transform: translateY(-1px);
}
.report-problem-link.admin-system-link[b-qdurtqhjj7] {
    background: linear-gradient(135deg, rgba(238, 242, 255, 0.95), rgba(255, 255, 255, 0.92));
    color: #4338CA;
    border-color: rgba(199, 210, 254, 0.95);
}
.report-problem-link.admin-system-link span:first-child[b-qdurtqhjj7] {
    color: #4F46E5;
}
.report-problem-link.admin-system-link:hover[b-qdurtqhjj7] {
    background: #FFFFFF;
    color: #312E81;
    border-color: #A5B4FC;
}
.profile-card[b-qdurtqhjj7] {
    display: flex; align-items: center; gap: 12px; padding: 10px;
    border-radius: 16px; background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.6); transition: 0.2s;
    cursor: pointer; user-select: none;
}

.pm-onboarding[b-qdurtqhjj7] {
    display: grid;
    gap: 18px;
    max-width: 860px;
    color: #0F172A;
}

.pm-onboarding-hero[b-qdurtqhjj7] {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 18px;
    align-items: center;
    padding: 22px;
    border-radius: 26px;
    background:
        radial-gradient(circle at 12% 18%, rgba(34, 197, 94, 0.18), transparent 28%),
        linear-gradient(135deg, #F0FDF4 0%, #EFF6FF 58%, #FFFFFF 100%);
    border: 1px solid rgba(187, 247, 208, 0.9);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.pm-onboarding-hero-icon[b-qdurtqhjj7] {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    color: #059669;
    box-shadow: 0 18px 34px rgba(16, 185, 129, 0.22);
}

.pm-onboarding-hero-icon .material-symbols-rounded[b-qdurtqhjj7] {
    position: relative;
    z-index: 2;
    font-size: 38px;
}

.pm-onboarding-pulse[b-qdurtqhjj7] {
    position: absolute;
    inset: 10px;
    border-radius: 20px;
    background: rgba(16, 185, 129, 0.14);
    animation: pmOnboardingPulse-b-qdurtqhjj7 2.2s ease-in-out infinite;
}

.pm-onboarding-eyebrow[b-qdurtqhjj7] {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(134, 239, 172, 0.9);
    color: #047857;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.pm-onboarding-hero strong[b-qdurtqhjj7] {
    display: block;
    color: #0F172A;
    font-size: 22px;
    line-height: 1.15;
    margin-bottom: 8px;
}

.pm-onboarding-hero p[b-qdurtqhjj7],
.pm-onboarding-flow p[b-qdurtqhjj7],
.pm-onboarding-concept p[b-qdurtqhjj7],
.pm-onboarding-advice p[b-qdurtqhjj7] {
    margin: 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.55;
}

.pm-onboarding-split[b-qdurtqhjj7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pm-onboarding-concept[b-qdurtqhjj7] {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 13px;
    align-items: start;
    padding: 16px;
    border-radius: 20px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.pm-onboarding-concept > .material-symbols-rounded[b-qdurtqhjj7] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

.pm-onboarding-concept.product > .material-symbols-rounded[b-qdurtqhjj7] {
    background: #EFF6FF;
    color: #2563EB;
}

.pm-onboarding-concept.batch > .material-symbols-rounded[b-qdurtqhjj7] {
    background: #ECFDF5;
    color: #059669;
}

.pm-onboarding-concept strong[b-qdurtqhjj7],
.pm-onboarding-flow strong[b-qdurtqhjj7] {
    display: block;
    color: #0F172A;
    font-size: 14px;
    margin-bottom: 5px;
}

.pm-onboarding-flow[b-qdurtqhjj7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pm-onboarding-flow article[b-qdurtqhjj7] {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 12px;
    padding: 15px;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.pm-onboarding-flow article:hover[b-qdurtqhjj7] {
    transform: translateY(-2px);
    border-color: #BFDBFE;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.08);
}

.pm-onboarding-step-index[b-qdurtqhjj7] {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #EFF6FF;
    color: #2563EB;
    font-weight: 900;
    font-size: 13px;
}

.pm-onboarding-advice[b-qdurtqhjj7] {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 18px;
    background: #FFFBEB;
    border: 1px solid #FDE68A;
}

.pm-onboarding-advice > .material-symbols-rounded[b-qdurtqhjj7] {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: #FEF3C7;
    color: #B45309;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pm-onboarding-actions[b-qdurtqhjj7] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-top: 2px;
}

.pm-onboarding-primary[b-qdurtqhjj7],
.pm-onboarding-secondary[b-qdurtqhjj7] {
    min-height: 46px;
    border-radius: 14px;
    padding: 0 18px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    -webkit-tap-highlight-color: transparent;
}

.pm-onboarding-primary[b-qdurtqhjj7] {
    background: linear-gradient(135deg, #16A34A 0%, #2563EB 100%);
    color: #FFFFFF;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.22);
}

.pm-onboarding-primary.soft[b-qdurtqhjj7] {
    background: #EFF6FF;
    color: #1D4ED8;
    border-color: #BFDBFE;
    box-shadow: none;
}

.pm-onboarding-secondary[b-qdurtqhjj7] {
    background: #FFFFFF;
    color: #475569;
    border-color: #CBD5E1;
}

.pm-onboarding-primary:hover[b-qdurtqhjj7],
.pm-onboarding-secondary:hover[b-qdurtqhjj7] {
    transform: translateY(-1px);
}

.pm-onboarding-secondary:hover[b-qdurtqhjj7] {
    background: #F8FAFC;
    color: #0F172A;
}

@keyframes pmOnboardingPulse-b-qdurtqhjj7 {
    0%, 100% {
        transform: scale(.82);
        opacity: .55;
    }
    50% {
        transform: scale(1.16);
        opacity: 1;
    }
}

@media (max-width: 760px) {
    .pm-onboarding[b-qdurtqhjj7] {
        gap: 14px;
    }

    .pm-onboarding-hero[b-qdurtqhjj7],
    .pm-onboarding-split[b-qdurtqhjj7],
    .pm-onboarding-flow[b-qdurtqhjj7] {
        grid-template-columns: 1fr;
    }

    .pm-onboarding-hero[b-qdurtqhjj7] {
        padding: 18px;
    }

    .pm-onboarding-hero strong[b-qdurtqhjj7] {
        font-size: 19px;
    }

    .pm-onboarding-actions[b-qdurtqhjj7] {
        justify-content: stretch;
    }

    .pm-onboarding-primary[b-qdurtqhjj7],
    .pm-onboarding-secondary[b-qdurtqhjj7] {
        width: 100%;
    }
}
.profile-card:hover[b-qdurtqhjj7] {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); transform: translateY(-2px);
}

.subscription-lock[b-qdurtqhjj7] {
    max-width: 780px;
    margin: 52px auto;
    padding: 28px;
    border-radius: 28px;
    background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%);
    border: 1px solid #E2E8F0;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.10);
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 20px;
    align-items: start;
}

/* Locked account is a product state, not a promotional card. */
.subscription-lock[b-qdurtqhjj7] {
    width: min(880px, calc(100% - 32px));
    max-width: none;
    margin: 56px auto;
    padding: 0;
    border: 1px solid #E4E7EC;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 12px 34px rgba(16, 24, 40, .07);
    display: block;
    overflow: visible;
}

.subscription-lock-illustration[b-qdurtqhjj7] {
    height: clamp(170px, 21vw, 220px);
    margin-top: -42px;
    padding: 0 20px;
    overflow: visible;
    background: linear-gradient(180deg, #F7FBF8 0%, #FFFFFF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.subscription-lock-illustration img[b-qdurtqhjj7] {
    width: 124%;
    max-width: none;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.subscription-lock-head[b-qdurtqhjj7] {
    padding: 22px 28px 24px;
    display: block;
}

.subscription-lock-head .subscription-lock-icon[b-qdurtqhjj7] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #F2F4F7;
    color: #344054;
}

.subscription-lock-head .subscription-lock-icon .material-symbols-rounded[b-qdurtqhjj7] { font-size: 25px; }
.subscription-lock-eyebrow[b-qdurtqhjj7] { padding: 0; background: transparent; color: #667085; letter-spacing: .05em; }
.subscription-lock h1[b-qdurtqhjj7] { margin-bottom: 8px; font-size: 23px; letter-spacing: 0; }
.subscription-lock p[b-qdurtqhjj7] { color: #667085; }

.subscription-lock-access[b-qdurtqhjj7] {
    margin: 0 28px;
    padding: 13px 14px;
    border: 1px solid #EAECF0;
    border-radius: 10px;
    background: #F9FAFB;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.subscription-lock-access .material-symbols-rounded[b-qdurtqhjj7] { color: #667085; font-size: 19px; }
.subscription-lock-access p[b-qdurtqhjj7] { font-size: 12px; }

.subscription-lock-actions[b-qdurtqhjj7] {
    margin: 24px 0 0;
    padding: 18px 28px;
    border-top: 1px solid #EAECF0;
    background: #FCFCFD;
}
.subscription-lock-actions button[b-qdurtqhjj7],
.subscription-lock-actions a[b-qdurtqhjj7] { min-height: 40px; border-radius: 9px; font-weight: 700; }
.subscription-lock-actions button[b-qdurtqhjj7] { background: #191C1F; border-color: #191C1F; box-shadow: none; }

#generatedFilesButton[b-qdurtqhjj7] {
    width: 48px;
    height: 48px;
    border-radius: 13px;
}
#generatedFilesButton .material-symbols-rounded[b-qdurtqhjj7] { font-size: 27px; }
#generatedFilesButton .spinner-ring[b-qdurtqhjj7] { width: 27px; height: 27px; }
.tutorial-replay-button[b-qdurtqhjj7] { width: 48px; height: 48px; border-radius: 13px; color: #3f6550; background: #edf5f0; }
.tutorial-replay-button:hover[b-qdurtqhjj7] { background: #dfeee5; color: #24583b; }
.tutorial-replay-button .material-symbols-rounded[b-qdurtqhjj7] { font-size: 25px; }

.subscription-lock-icon[b-qdurtqhjj7] {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: #EFF6FF;
    color: #2563EB;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.subscription-lock-icon .material-symbols-rounded[b-qdurtqhjj7] {
    font-size: 36px;
}

.subscription-lock-eyebrow[b-qdurtqhjj7] {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    background: #ECFDF5;
    color: #047857;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.subscription-lock h1[b-qdurtqhjj7] {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 1.15;
    color: #0F172A;
}

.subscription-lock p[b-qdurtqhjj7] {
    margin: 0;
    color: #475569;
    line-height: 1.55;
    font-size: 14px;
}

.subscription-lock-actions[b-qdurtqhjj7] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
}

.subscription-lock-actions button[b-qdurtqhjj7],
.subscription-lock-actions a[b-qdurtqhjj7] {
    min-height: 44px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid #CBD5E1;
    background: #FFFFFF;
    color: #334155;
    font-weight: 900;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    cursor: pointer;
}

.subscription-lock-actions button[b-qdurtqhjj7] {
    background: linear-gradient(135deg, #16A34A, #2563EB);
    color: #FFFFFF;
    border-color: transparent;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .18);
}

.beta-badge[b-qdurtqhjj7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.06em;
    vertical-align: middle;
}

.nav-beta[b-qdurtqhjj7] {
    position: relative;
    top: -1px;
}

@media (max-width: 760px) {
    .subscription-lock[b-qdurtqhjj7] {
        width: calc(100% - 28px);
        margin: 24px 14px;
        padding: 0;
    }

    .subscription-lock-head[b-qdurtqhjj7] { padding: 18px 22px 22px; }
    .subscription-lock-illustration[b-qdurtqhjj7] { height: 150px; margin-top: -28px; padding-inline: 8px; }
    .subscription-lock-illustration img[b-qdurtqhjj7] { width: 132%; }
    .subscription-lock-access[b-qdurtqhjj7] { margin: 0 22px; }
    .subscription-lock-actions[b-qdurtqhjj7] { padding: 16px 22px 22px; }

    .subscription-lock-actions button[b-qdurtqhjj7],
    .subscription-lock-actions a[b-qdurtqhjj7] {
        width: 100%;
        justify-content: center;
    }
}
.profile-card[b-qdurtqhjj7] {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.profile-avatar img[b-qdurtqhjj7] {
    width: 36px; height: 36px; border-radius: 10px;
    display: block; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.profile-info[b-qdurtqhjj7] { flex: 1; display: flex; flex-direction: column; }
.profile-name[b-qdurtqhjj7] { font-weight: 700; font-size: 13px; color: #1E293B; }
.profile-role[b-qdurtqhjj7] { font-size: 11px; color: #94A3B8; }
.logout-btn[b-qdurtqhjj7] {
    width: 32px; height: 32px; border-radius: 8px; border: none;
    background: transparent; color: #94A3B8; cursor: pointer;
    display: flex; align-items: center; justify-content: center; transition: 0.2s;
}
.logout-btn:hover[b-qdurtqhjj7] { background: #FECACA; color: #DC2626; }

/* --- CONTENT WRAPPER --- */
.content-wrapper[b-qdurtqhjj7] {
    flex: 1; display: flex; flex-direction: column; width: 100%;
    transition: margin-left 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

/* --- TOPBAR --- */
/* Z-Index 1200: Drugi w kolejności (pod sidebarem, nad panelem) */
.glass-topbar[b-qdurtqhjj7] {
    --topbar-height: 80px;
    height: 80px;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 32px;
    position: sticky; top: 0;
    z-index: 1200; 
    overflow: hidden;
    flex-shrink: 0;

    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.topbar-start[b-qdurtqhjj7] { display: flex; align-items: center; gap: 20px; flex: 1; }
.mobile-burger[b-qdurtqhjj7] {
    background: none; border: none; font-size: 24px; color: #1E293B;
    cursor: pointer; padding: 0; display: flex;
}

/* OMNIBAR */
.omnibar[b-qdurtqhjj7] {
    display: flex; align-items: center; background: rgba(241, 245, 249, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 12px;
    padding: 10px 16px; width: 100%; max-width: 400px; transition: 0.2s;
    position: relative;
}
.omnibar:focus-within[b-qdurtqhjj7] {
    background: #FFFFFF; border-color: #E2E8F0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.omnibar input[b-qdurtqhjj7] {
    border: none; background: transparent; outline: none;
    margin-left: 10px; width: 100%; color: #1E293B; font-size: 14px;
}
.search-ico[b-qdurtqhjj7] { color: #94A3B8; font-size: 20px; }

.omnibar-results[b-qdurtqhjj7] {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    z-index: 1400;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: min(420px, calc(100vh - 110px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.omnibar-result[b-qdurtqhjj7] {
    width: 100%;
    border: 0;
    background: transparent;
    display: grid;
    grid-template-columns: 38px 1fr 22px;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 12px;
    text-align: left;
    color: #0F172A;
    cursor: pointer;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.omnibar-result:hover[b-qdurtqhjj7],
.omnibar-result:focus-visible[b-qdurtqhjj7] {
    background: #F8FAFC;
    outline: none;
}

.result-icon[b-qdurtqhjj7] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #EEF2FF;
    color: #4F46E5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-image[b-qdurtqhjj7] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    object-fit: cover;
    display: block;
    background: #F1F5F9;
}

.result-copy[b-qdurtqhjj7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.result-copy strong[b-qdurtqhjj7] {
    font-size: 13px;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result-copy small[b-qdurtqhjj7] {
    font-size: 12px;
    color: #64748B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result-arrow[b-qdurtqhjj7] {
    color: #CBD5E1;
    font-size: 20px;
}

.omnibar-state[b-qdurtqhjj7] {
    padding: 14px;
    color: #64748B;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mini-spinner[b-qdurtqhjj7] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #E2E8F0;
    border-top-color: #4F46E5;
    animation: rotate-b-qdurtqhjj7 0.7s linear infinite;
}

/* ACTIONS RIGHT (Fix pionowych ikon) */
.topbar-end[b-qdurtqhjj7] { 
    display: flex; 
    gap: 12px; 
    align-items: center; /* Kluczowe dla poziomego układu */
    flex-direction: row;
}

/* Wrapper dla przycisków akcji (Fix dla komponentów Blazor) */
.action-wrapper[b-qdurtqhjj7] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-btn[b-qdurtqhjj7] {
    width: 44px; height: 44px; /* Sztywne wymiary */
    flex-shrink: 0; 
    border-radius: 50%;
    background: transparent;
    border: 1px solid transparent;
    color: #64748B; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s ease;
    position: relative;
    padding: 0; margin: 3px;
}

/* Przycisk aktywny (gdy panel otwarty) */
.action-btn.integrated-active[b-qdurtqhjj7] {
    background: #FFFFFF; 
    color: #4F46E5;
    border-color: #E2E8F0;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
}

.action-btn:hover[b-qdurtqhjj7] {
    background: #FFFFFF; color: #4F46E5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); transform: translateY(-2px);
}

.action-btn.attention-pulse[b-qdurtqhjj7] {
    animation: filesAttention-b-qdurtqhjj7 0.9s ease-in-out 2;
}

@keyframes filesAttention-b-qdurtqhjj7 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
        transform: translateY(0) scale(1);
    }
    45% {
        background: #EFF6FF;
        color: #2563EB;
        box-shadow: 0 0 0 10px rgba(37, 99, 235, 0.14);
        transform: translateY(-1px) scale(1.04);
    }
}

.pulse-dot[b-qdurtqhjj7] {
    position: absolute; top: 12px; right: 12px; width: 8px; height: 8px;
    background: #EF4444; border-radius: 50%; border: 1px solid #fff;
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.6);
}

.test-version-banner[b-qdurtqhjj7] {
    margin: 20px 32px 0;
    padding: 16px;
    border: 1px solid rgba(187, 247, 208, 0.95);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(240, 253, 244, 0.96), rgba(239, 246, 255, 0.94)),
        #FFFFFF;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
    display: grid;
    grid-template-columns: 46px 1fr auto;
    align-items: center;
    gap: 14px;
    color: #0F172A;
    animation: bannerSoftIn-b-qdurtqhjj7 0.34s ease-out both;
}

.test-banner-icon[b-qdurtqhjj7] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: #DCFCE7;
    color: #15803D;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.14);
}

.test-banner-icon span[b-qdurtqhjj7] {
    font-size: 24px;
}

.test-banner-copy[b-qdurtqhjj7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.test-banner-copy strong[b-qdurtqhjj7] {
    font-size: 14px;
    line-height: 1.25;
    color: #14532D;
}

.test-banner-copy span[b-qdurtqhjj7] {
    font-size: 13px;
    line-height: 1.45;
    color: #475569;
}

.test-banner-actions[b-qdurtqhjj7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.test-banner-mail[b-qdurtqhjj7] {
    min-height: 38px;
    padding: 0 13px;
    border-radius: 13px;
    background: #16A34A;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 10px 22px rgba(22, 163, 74, 0.22);
    transition: 0.2s;
}

.test-banner-mail:hover[b-qdurtqhjj7] {
    background: #15803D;
    transform: translateY(-1px);
}

.test-banner-mail .material-symbols-rounded[b-qdurtqhjj7] {
    font-size: 18px;
}

.test-banner-close[b-qdurtqhjj7] {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.72);
    color: #64748B;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
    -webkit-tap-highlight-color: transparent;
}

.test-banner-close:hover[b-qdurtqhjj7],
.test-banner-close:focus-visible[b-qdurtqhjj7] {
    background: #FFFFFF;
    color: #0F172A;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    outline: none;
}

@keyframes bannerSoftIn-b-qdurtqhjj7 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes sidebarToggleFlowIn-b-qdurtqhjj7 {
    from {
        opacity: 0;
        transform: translateX(-42px) scale(.82);
        filter: blur(2px);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
        filter: blur(0);
    }
}

.page-content[b-qdurtqhjj7] { padding: 32px; flex: 1; }

/* MOBILE OVERLAY */
.mobile-overlay[b-qdurtqhjj7] {
    position: fixed; inset: 0; background: rgba(15, 23, 42, 0.2);
    backdrop-filter: blur(4px); z-index: 1250; /* Pomiędzy topbarem a sidebarem */
    opacity: 0; visibility: hidden; transition: 0.3s;
}
.mobile-overlay.visible[b-qdurtqhjj7] { opacity: 1; visibility: visible; }

/* --- RESPONSIVE BASE --- */
@media (min-width: 1024px) {
    .glass-sidebar[b-qdurtqhjj7] { transform: translateX(0); }
    .content-wrapper[b-qdurtqhjj7] { margin-left: 280px; width: calc(100% - 280px); }
    .mobile-burger[b-qdurtqhjj7], .mobile-overlay[b-qdurtqhjj7] { display: none !important; }

    .layout-container.sidebar-collapsed .glass-sidebar[b-qdurtqhjj7] {
        transform: translateX(-280px);
        box-shadow: none;
    }

    .layout-container.sidebar-collapsed .content-wrapper[b-qdurtqhjj7] {
        margin-left: 0;
        width: 100%;
    }

    .layout-container.sidebar-collapsed .sidebar-collapse-toggle[b-qdurtqhjj7] {
        opacity: 0;
        pointer-events: none;
        transform: translateX(-34px) scale(.84);
    }

    .layout-container.sidebar-collapsed .topbar-collapse-toggle[b-qdurtqhjj7] {
        display: inline-grid;
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0) scale(1);
        animation: sidebarToggleFlowIn-b-qdurtqhjj7 .36s cubic-bezier(0.19, 1, 0.22, 1) both;
    }
}

@media (max-width: 768px) {
    .glass-topbar[b-qdurtqhjj7] { padding: 0 16px; height: 64px; }
    .sidebar-collapse-toggle[b-qdurtqhjj7],
    .topbar-collapse-toggle[b-qdurtqhjj7] {
        display: none !important;
    }
    .test-version-banner[b-qdurtqhjj7] {
        margin: 14px 16px 0;
        grid-template-columns: 40px 1fr;
        align-items: start;
        border-radius: 18px;
        padding: 14px;
    }

    .test-banner-icon[b-qdurtqhjj7] {
        width: 40px;
        height: 40px;
        border-radius: 14px;
    }

    .test-banner-actions[b-qdurtqhjj7] {
        grid-column: 1 / -1;
        justify-content: space-between;
        padding-left: 54px;
    }

    .test-banner-mail[b-qdurtqhjj7] {
        flex: 1;
    }

    .page-content[b-qdurtqhjj7] { padding: 16px; }
    .topbar-start[b-qdurtqhjj7] { gap: 12px; min-width: 0; }
    .omnibar[b-qdurtqhjj7] { max-width: none; padding: 9px 12px; }
    .omnibar input[b-qdurtqhjj7] { font-size: 13px; margin-left: 8px; min-width: 0; }
    .topbar-end[b-qdurtqhjj7] { gap: 4px; }
    .action-btn[b-qdurtqhjj7] { width: 40px; height: 40px; }
    /* Dostosowanie pozycji panelu do niższego topbara */
    .morph-panel[b-qdurtqhjj7] { top: 64px !important; } 
}

@media (max-width: 480px) {
    .glass-topbar[b-qdurtqhjj7] { padding: 0 10px; }
    .test-version-banner[b-qdurtqhjj7] {
        margin-inline: 10px;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .test-banner-icon[b-qdurtqhjj7] {
        display: none;
    }

    .test-banner-actions[b-qdurtqhjj7] {
        padding-left: 0;
    }

    .omnibar-results[b-qdurtqhjj7] {
        position: fixed;
        top: 64px;
        left: 8px;
        right: 8px;
        max-height: calc(100vh - 80px);
    }

    .result-copy strong[b-qdurtqhjj7],
    .result-copy small[b-qdurtqhjj7] {
        white-space: normal;
    }
}

/* --- BACKDROP FOR PANELS --- */
.backdrop-blur[b-qdurtqhjj7] {
    position: fixed; inset: 0;
    background: rgba(15, 23, 42, 0.2);
    backdrop-filter: blur(4px);
    z-index: 1090;
    opacity: 0; pointer-events: none;
    transition: opacity 0.4s ease;
}
.backdrop-blur.visible[b-qdurtqhjj7] { opacity: 1; pointer-events: auto; }

/* --- GŁÓWNY STYL PANELU (MORPH PANEL) --- */
.morph-panel[b-qdurtqhjj7] {
    position: fixed;
    /* Panel zaczyna się POD nagłówkiem */
    top: 80px; 
    right: 0; 
    /* Z-Index 1100: Pod Topbarem, nad treścią strony */
    z-index: 1100; 
    
    background: #FFFFFF;
    box-shadow: -10px 10px 30px rgba(0,0,0,0.08);
    display: flex; flex-direction: column; overflow: hidden;
    
    /* Animacja kształtu */
    clip-path: circle(0px at top right);
    transition: clip-path 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    visibility: hidden; 
}

/* Punkty startowe animacji */
.files-origin[b-qdurtqhjj7] { clip-path: circle(0px at calc(100% - 140px) 0px); }
.morph-panel.open[b-qdurtqhjj7] {
    visibility: visible;
    clip-path: circle(150% at top right) !important; 
}

/* --- ANIMACJA ZAWARTOŚCI (Zapobiega pokazywaniu treści podczas zamykania) --- */
.morph-panel > *[b-qdurtqhjj7] {
    opacity: 0;
    transition: opacity 0.1s ease; /* Szybkie znikanie przy zamykaniu */
}

.morph-panel.open > *[b-qdurtqhjj7] {
    opacity: 1;
    transition: opacity 0.4s ease 0.3s; /* Pojawianie się z opóźnieniem przy otwieraniu */
}

/* --- RESPONSYWNOŚĆ PANELU --- */

/* 1. DESKTOP (Zaokrąglone rogi, odstępy, 50% szerokości) */
@media (min-width: 1024px) {
    .morph-panel[b-qdurtqhjj7] {
        top: 96px; /* Header 80px + 16px odstępu */
        right: 16px; 
        bottom: 16px;
        width: 50vw;
        max-width: 600px;
        height: auto; 
        
        border-radius: 24px;
        border: 1px solid rgba(226, 232, 240, 0.8);
    }
}

/* 2. MOBILE (Pełna szerokość, przyklejony, brak rogów) */
@media (max-width: 1023px) {
    .morph-panel[b-qdurtqhjj7] {
        width: 100vw;
        bottom: 0;
        border-left: none;
        border-radius: 0;
    }
}

/* --- ELEMENTY WEWNĘTRZNE PANELI --- */
.panel-header-integrated[b-qdurtqhjj7] {
    height: 72px; padding: 0 24px;
    display: flex; align-items: center; justify-content: space-between;
    border-bottom: 1px solid #F1F5F9; flex-shrink: 0;
}
.panel-header-integrated h3[b-qdurtqhjj7] { margin: 0; font-size: 18px; font-weight: 700; color: #1E293B; }
.files-manager-header[b-qdurtqhjj7] { height: auto; min-height: 76px; padding-top: 16px; padding-bottom: 14px; }
.files-manager-eyebrow[b-qdurtqhjj7] {
    display: block;
    margin-bottom: 4px;
    color: #2563EB;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.icon-close[b-qdurtqhjj7] {
    width: 36px; height: 36px; border-radius: 50%;
    background: #F8FAFC; border: none; color: #64748B;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: 0.2s;
}
.icon-close:hover[b-qdurtqhjj7] { background: #EF4444; color: white; }

.panel-content-scroll[b-qdurtqhjj7] { flex: 1; overflow-y: auto; padding: 24px; }
.panel-content-empty[b-qdurtqhjj7] {
    padding: 40px 20px; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 10px;
}

.generated-files-list[b-qdurtqhjj7] { display: flex; flex-direction: column; gap: 12px; }

.generated-file-row[b-qdurtqhjj7] {
    width: 100%;
    border: 1px solid #E6EBF2;
    background: #FFFFFF;
    border-radius: 18px;
    padding: 14px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    text-align: left;
    color: #0F172A;
    cursor: default;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

.generated-file-row.ready[b-qdurtqhjj7] { cursor: pointer; }
.generated-file-row.ready:hover[b-qdurtqhjj7] {
    border-color: #93C5FD;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.10);
    transform: translateY(-1px);
}
.generated-file-row.ready.downloaded[b-qdurtqhjj7] { background: #F8FAFC; color: #475569; box-shadow: none; }
.generated-file-row.processing[b-qdurtqhjj7],
.generated-file-row.queued[b-qdurtqhjj7],
.generated-file-row.pending-hint[b-qdurtqhjj7] {
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    border-color: #BFDBFE;
}
.generated-file-row.error[b-qdurtqhjj7] { border-color: #FECACA; background: #FFFBFB; }

.file-type-icon[b-qdurtqhjj7] {
    width: 44px;
    height: 44px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EFF6FF;
    color: #2563EB;
    font-size: 24px;
}

.generated-file-row.ready .file-type-icon[b-qdurtqhjj7] { background: #ECFDF3; color: #16A34A; }
.generated-file-row.ready.downloaded .file-type-icon[b-qdurtqhjj7] { background: #E2E8F0; color: #64748B; }
.generated-file-row.error .file-type-icon[b-qdurtqhjj7] { background: #FEE2E2; color: #DC2626; }
.generated-file-row.pending-hint .file-type-icon[b-qdurtqhjj7],
.generated-file-row.processing .file-type-icon[b-qdurtqhjj7],
.generated-file-row.queued .file-type-icon[b-qdurtqhjj7] { background: #EFF6FF; color: #2563EB; }
.file-type-icon.spinning[b-qdurtqhjj7] { animation: spin 1s linear infinite; }

.file-row-text[b-qdurtqhjj7] { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.file-kind[b-qdurtqhjj7] {
    width: fit-content;
    border-radius: 999px;
    background: #F1F5F9;
    color: #475569;
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.file-row-text strong[b-qdurtqhjj7] { font-size: 14px; line-height: 1.28; white-space: normal; color: #101827; }
.file-row-text small[b-qdurtqhjj7] { color: #667085; font-size: 12px; line-height: 1.35; }
.file-meta-line[b-qdurtqhjj7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #64748B;
    font-size: 11px;
    font-weight: 800;
}
.file-meta-line .material-symbols-rounded[b-qdurtqhjj7] { font-size: 15px; }

.file-state-pill[b-qdurtqhjj7] {
    justify-self: end;
    min-width: 68px;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
}
.file-state-pill.ready[b-qdurtqhjj7] { background: #DCFCE7; color: #15803D; }
.file-state-pill.downloaded[b-qdurtqhjj7] { background: #E2E8F0; color: #64748B; }
.file-state-pill.generating[b-qdurtqhjj7] { background: #DBEAFE; color: #1D4ED8; }
.file-state-pill.error[b-qdurtqhjj7] { background: #FEE2E2; color: #B91C1C; }

@media (max-width: 560px) {
    .generated-file-row[b-qdurtqhjj7] { grid-template-columns: 42px minmax(0, 1fr); align-items: flex-start; }
    .file-state-pill[b-qdurtqhjj7] { grid-column: 2; justify-self: start; margin-top: 2px; }
}

@keyframes msgSlideUp-b-qdurtqhjj7 {
    from { opacity: 0; transform: translateY(10px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* --- ICONS & HELPERS --- */
.empty-icon[b-qdurtqhjj7] { font-size: 64px; color: #E2E8F0; margin-bottom: 16px; }
.btn-test-gen[b-qdurtqhjj7] { padding: 10px 20px; background: #0F172A; color: white; border-radius: 8px; border: none; cursor: pointer; }

/* Spinner */
.spinner-ring[b-qdurtqhjj7] { width: 24px; height: 24px; animation: rotate-b-qdurtqhjj7 2s linear infinite; }
.spinner-ring .path[b-qdurtqhjj7] { stroke: #4690e5; stroke-linecap: round; animation: dash-b-qdurtqhjj7 1.5s ease-in-out infinite; }
@keyframes rotate-b-qdurtqhjj7 { 100% { transform: rotate(360deg); } }
@keyframes dash-b-qdurtqhjj7 {
    0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
    100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}

/* Success Check */
.success-state[b-qdurtqhjj7] {   color: #16A34A !important;}
.check-anim[b-qdurtqhjj7] { animation: popIn-b-qdurtqhjj7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
@keyframes popIn-b-qdurtqhjj7 { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* --- WYRÓŻNIONA IKONA MAYA (PRO GLOW) --- */
.ai-btn-top[b-qdurtqhjj7] {
    /* Gradientowe tło */
    background: linear-gradient(135deg, #FDF4FF 0%, #FAE8FF 100%) !important;
    color: #D946EF !important;
    overflow: hidden;
    /* Animacja pulsowania borderu */
    animation: border-pulse 3s infinite;
}

.ai-btn-top:hover[b-qdurtqhjj7] {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #FAE8FF 0%, #F5D0FE 100%) !important;
}

/* Stan aktywny (gdy panel otwarty) */
.ai-btn-top.active[b-qdurtqhjj7] {
    background: #D946EF !important; /* Pełny fiolet */
    color: white !important;
}
/* /Layout/NoLayout.razor.rz.scp.css */
/* ------------------------------------------------ */
/* TŁO OCEAN (CSS + SVG) - ZAMIENNIK LOTTIE */
/* ------------------------------------------------ */

.ocean-background[b-zip6vm7mbl] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -10; /* Pod spodem */
    background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%); /* Niebiesko-fioletowy gradient */
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.waves[b-zip6vm7mbl] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15vh; /* Wysokość fal (15% ekranu na dole) */
    min-height: 100px;
    max-height: 150px;
}

/* Animacja paralaksy - każda fala rusza się inaczej */
.parallax > use[b-zip6vm7mbl] {
    animation: move-forever-b-zip6vm7mbl 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax > use:nth-child(1)[b-zip6vm7mbl] {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax > use:nth-child(2)[b-zip6vm7mbl] {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax > use:nth-child(3)[b-zip6vm7mbl] {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax > use:nth-child(4)[b-zip6vm7mbl] {
    animation-delay: -5s;
    animation-duration: 20s;
}

/* Definicja ruchu fal */
@keyframes move-forever-b-zip6vm7mbl {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/* ------------------------------------------------ */
/* DOPASOWANIE GŁÓWNEGO LAYOUTU */
/* ------------------------------------------------ */

.app-layout[b-zip6vm7mbl] {
    display: flex;
    min-height: 100vh;
    font-family: "Inter", sans-serif;
    color: #1c1f2e;
    position: relative;
    /* Brak tła tutaj, żeby widzieć gradient */
}

.main-content-container[b-zip6vm7mbl] {
    flex-grow: 1;
    margin-left: 0;
    padding-left: 0;
    transition: margin-left 0.35s ease-in-out;

    /* WAŻNE: Tło treści musi być przezroczyste lub białe zależy od designu. 
       Jeśli chcesz, żeby fale były tylko ozdobą na dole pod treścią: */
    background-color: transparent;

    /* Jeśli chcesz, żeby treść była na białej kartce, a fale wystawały tylko bokami, ustaw white.
       Ale przy tym designie fal najlepiej dać transparent i ewentualnie karty (cards) w środku @Body na biało. */

    z-index: 10;
    position: relative;
    width: 100%;
}

/* Responsywność dla urządzeń mobilnych - fale są wyższe */
@media (max-width: 768px) {
    .waves[b-zip6vm7mbl] {
        height: 80px;
        min-height: 40px;
    }
}
/* /Layout/WhiteLayout.razor.rz.scp.css */
/* ------------------------------------------------ */
/* TŁO OCEAN (CSS + SVG) - ZAMIENNIK LOTTIE */
/* ------------------------------------------------ */

.ocean-background[b-l13tnl5gje] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -10; /* Pod spodem */
    background: white; /* Niebiesko-fioletowy gradient */
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.waves[b-l13tnl5gje] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15vh; /* Wysokość fal (15% ekranu na dole) */
    min-height: 100px;
    max-height: 150px;
}

/* Animacja paralaksy - każda fala rusza się inaczej */
.parallax > use[b-l13tnl5gje] {
    animation: move-forever-b-l13tnl5gje 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax > use:nth-child(1)[b-l13tnl5gje] {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax > use:nth-child(2)[b-l13tnl5gje] {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax > use:nth-child(3)[b-l13tnl5gje] {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax > use:nth-child(4)[b-l13tnl5gje] {
    animation-delay: -5s;
    animation-duration: 20s;
}

/* Definicja ruchu fal */
@keyframes move-forever-b-l13tnl5gje {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/* ------------------------------------------------ */
/* DOPASOWANIE GŁÓWNEGO LAYOUTU */
/* ------------------------------------------------ */

.app-layout[b-l13tnl5gje] {
    display: flex;
    min-height: 100vh;
    font-family: "Inter", sans-serif;
    color: #1c1f2e;
    position: relative;
    /* Brak tła tutaj, żeby widzieć gradient */
}

.main-content-container[b-l13tnl5gje] {
    flex-grow: 1;
    margin-left: 0;
    padding-left: 0;
    transition: margin-left 0.35s ease-in-out;

    /* WAŻNE: Tło treści musi być przezroczyste lub białe zależy od designu. 
       Jeśli chcesz, żeby fale były tylko ozdobą na dole pod treścią: */
    background-color: transparent;

    /* Jeśli chcesz, żeby treść była na białej kartce, a fale wystawały tylko bokami, ustaw white.
       Ale przy tym designie fal najlepiej dać transparent i ewentualnie karty (cards) w środku @Body na biało. */

    z-index: 10;
    position: relative;
    width: 100%;
}

/* Responsywność dla urządzeń mobilnych - fale są wyższe */
@media (max-width: 768px) {
    .waves[b-l13tnl5gje] {
        height: 80px;
        min-height: 40px;
    }
}
/* /Modules/AppNotifications.razor.rz.scp.css */
.app-notifications[b-iv7xtpxjqv] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 10050;
    width: min(420px, calc(100vw - 32px));
    display: grid;
    gap: 12px;
    pointer-events: none;
}

.app-notification[b-iv7xtpxjqv] {
    pointer-events: auto;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 12px;
    padding: 14px 14px 14px 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(226, 232, 240, .92);
    box-shadow: 0 22px 50px rgba(15, 23, 42, .16), 0 2px 10px rgba(15, 23, 42, .06);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    color: #0f172a;
    animation: notificationIn-b-iv7xtpxjqv .34s cubic-bezier(.2, .9, .22, 1) both;
    overflow: hidden;
    position: relative;
}

.app-notification[b-iv7xtpxjqv]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #2563eb;
}

.app-notification.success[b-iv7xtpxjqv]::before { background: #16a34a; }
.app-notification.error[b-iv7xtpxjqv]::before { background: #dc2626; }
.app-notification.info[b-iv7xtpxjqv]::before { background: #2563eb; }

.app-notification.is-closing[b-iv7xtpxjqv] {
    pointer-events: none;
    animation: notificationOut-b-iv7xtpxjqv .24s ease-in both;
}

.app-notification-icon[b-iv7xtpxjqv] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #2563eb;
}

.app-notification.success .app-notification-icon[b-iv7xtpxjqv] {
    background: #ecfdf3;
    color: #16a34a;
}

.app-notification.error .app-notification-icon[b-iv7xtpxjqv] {
    background: #fef2f2;
    color: #dc2626;
}

.app-notification-icon .material-symbols-rounded[b-iv7xtpxjqv] {
    font-size: 24px;
}

.app-notification-body[b-iv7xtpxjqv] {
    min-width: 0;
}

.app-notification-body strong[b-iv7xtpxjqv] {
    display: block;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 850;
    letter-spacing: 0;
    color: #0f172a;
}

.app-notification-body p[b-iv7xtpxjqv] {
    margin: 4px 0 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.4;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.app-notification-close[b-iv7xtpxjqv] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.app-notification-close:hover[b-iv7xtpxjqv],
.app-notification-close:focus-visible[b-iv7xtpxjqv] {
    background: #f1f5f9;
    color: #0f172a;
    transform: scale(1.03);
    outline: none;
}

.app-notification-close .material-symbols-rounded[b-iv7xtpxjqv] {
    font-size: 20px;
}

@keyframes notificationIn-b-iv7xtpxjqv {
    from {
        opacity: 0;
        transform: translate3d(16px, 14px, 0) scale(.98);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes notificationOut-b-iv7xtpxjqv {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    to {
        opacity: 0;
        transform: translate3d(14px, 12px, 0) scale(.98);
    }
}

@media (max-width: 760px) {
    .app-notifications[b-iv7xtpxjqv] {
        right: 12px;
        left: 12px;
        bottom: max(12px, env(safe-area-inset-bottom));
        width: auto;
    }

    .app-notification[b-iv7xtpxjqv] {
        grid-template-columns: 38px minmax(0, 1fr) 32px;
        gap: 10px;
        padding: 12px;
        border-radius: 16px;
    }

    .app-notification-icon[b-iv7xtpxjqv] {
        width: 38px;
        height: 38px;
        border-radius: 13px;
    }
}
/* /Modules/AppPageHeader.razor.rz.scp.css */
.pm-page-header-component[b-ynxd33c25j] {
    min-width: 0;
}

.pm-page-header-leading[b-ynxd33c25j] {
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.pm-page-header-copy[b-ynxd33c25j] {
    min-width: 0;
}

.pm-header-back[b-ynxd33c25j] {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--pm-app-border, #e1e7ea);
    border-radius: var(--pm-app-radius, 8px);
    background: var(--pm-app-surface, #fff);
    color: var(--pm-app-text, #18212b);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.pm-header-back:hover[b-ynxd33c25j],
.pm-header-back:focus-visible[b-ynxd33c25j] {
    border-color: var(--pm-app-border-strong, #cdd6db);
    background: var(--pm-app-surface-muted, #f8fafb);
}

.pm-header-back:focus-visible[b-ynxd33c25j] {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(45, 118, 81, .14);
}

.pm-header-back .material-symbols-rounded[b-ynxd33c25j] {
    font-size: 21px;
}

.pm-page-header-meta[b-ynxd33c25j] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

@media (max-width: 720px) {
    .pm-page-header-leading[b-ynxd33c25j] {
        width: 100%;
        align-items: flex-start;
    }

    .pm-page-header-actions[b-ynxd33c25j] {
        width: 100%;
    }
}
/* /Modules/AppSearchField.razor.rz.scp.css */
.pm-search-field[b-td7urt4z3x] {
    width: min(100%, 320px);
    min-width: 0;
    min-height: 44px;
    padding: 0 8px 0 12px;
    border: 1px solid var(--pm-app-border, #e1e7ea);
    border-radius: var(--pm-app-radius-control, 8px);
    background: var(--pm-app-surface, #fff);
    display: flex;
    align-items: center;
    gap: 9px;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.pm-search-field:focus-within[b-td7urt4z3x] {
    border-color: #7ea891;
    box-shadow: var(--pm-app-focus, 0 0 0 3px rgba(45, 118, 81, .14));
}

.pm-search-field-icon[b-td7urt4z3x] {
    flex: 0 0 auto;
    color: var(--pm-app-text-muted, #66727f);
    font-size: 20px;
}

.pm-search-field input[b-td7urt4z3x] {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
    color: var(--pm-app-text, #18212b);
    font: inherit;
    font-size: 13px;
}

.pm-search-field input[b-td7urt4z3x]::-webkit-search-cancel-button {
    display: none;
}

.pm-search-field-clear[b-td7urt4z3x] {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: var(--pm-app-surface-muted, #f8fafb);
    color: var(--pm-app-text-muted, #66727f);
    display: grid;
    place-items: center;
    cursor: pointer;
}

.pm-search-field-clear .material-symbols-rounded[b-td7urt4z3x] {
    font-size: 17px;
}

@media (max-width: 720px) {
    .pm-search-field[b-td7urt4z3x] {
        width: 100%;
        max-width: none;
    }
}
/* /Modules/AppViewState.razor.rz.scp.css */
.pm-view-state[b-d36q6n8y8d] {
    width: 100%;
    min-height: 180px;
    padding: 32px 22px;
    border: 0;
    border-radius: var(--pm-app-radius, 18px);
    background: transparent;
    color: var(--pm-app-text-muted, #66727f);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-align: center;
}

.pm-view-state-icon[b-d36q6n8y8d] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--pm-app-surface-muted, #f8fafb);
    color: var(--pm-app-text-muted, #66727f);
    display: grid;
    place-items: center;
    font-size: 24px;
}

.pm-view-state strong[b-d36q6n8y8d] {
    color: var(--pm-app-text, #18212b);
    font-size: 15px;
    line-height: 1.35;
}

.pm-view-state p[b-d36q6n8y8d] {
    max-width: 520px;
    margin: 0;
    color: var(--pm-app-text-muted, #66727f);
    font-size: 13px;
    line-height: 1.55;
}

.pm-view-state--error[b-d36q6n8y8d] {
    background: #fff8f8;
}

.pm-view-state--error .pm-view-state-icon[b-d36q6n8y8d] {
    background: #fdeced;
    color: #b93840;
}

.pm-view-state--success .pm-view-state-icon[b-d36q6n8y8d] {
    background: #eaf5ee;
    color: #2d7651;
}

.pm-view-state-spinner[b-d36q6n8y8d] {
    width: 28px;
    height: 28px;
    border: 3px solid #dfe8e3;
    border-top-color: var(--pm-app-accent, #2d7651);
    border-radius: 50%;
    animation: pm-view-state-spin-b-d36q6n8y8d .7s linear infinite;
}

.pm-view-state-actions[b-d36q6n8y8d] {
    margin-top: 7px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

@keyframes pm-view-state-spin-b-d36q6n8y8d {
    to { transform: rotate(360deg); }
}

@media (max-width: 560px) {
    .pm-view-state[b-d36q6n8y8d] {
        min-height: 150px;
        padding: 26px 16px;
    }
}
/* /Modules/BottomSheet.razor.rz.scp.css */
/* --- TŁO (Overlay) --- */
.sheet-overlay[b-m1ay6vtygp] {
    position: fixed;
    inset: 0; /* top, right, bottom, left: 0 */
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px); /* Efekt rozmycia tła jak w iOS */
    -webkit-backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: flex-end; /* Panel zawsze wyjeżdża z dołu */
}

/* --- PANEL --- */
.sheet-panel[b-m1ay6vtygp] {
    width: 100%;
    max-width: 800px; /* Na tabletach/desktopie nie będzie za szeroki */
    max-height: 90vh; /* Panel nie zasłoni całego ekranu (zostawia górę) */
    background-color: #ffffff;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Ważne dla zaokrągleń */
}

/* --- UCHWYT (Handle) --- */
.sheet-handle-bar[b-m1ay6vtygp] {
    width: 100%;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: grab;
    background: #ffffff;
}

.sheet-handle[b-m1ay6vtygp] {
    width: 36px;
    height: 5px;
    background-color: #E2E8F0; /* Jasny szary */
    border-radius: 10px;
}

/* --- HEADER --- */
.sheet-header[b-m1ay6vtygp] {
    padding: 0 20px 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F1F5F9;
    background: #ffffff;
}

.sheet-title[b-m1ay6vtygp] {
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
    color: #0F172A;
}

.btn-close[b-m1ay6vtygp] {
    background: #F1F5F9;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #64748B;
    transition: 0.2s;
}

.btn-close:hover[b-m1ay6vtygp] {
    background: #E2E8F0;
    color: #EF4444; /* Czerwony przy hover */
}

/* --- CONTENT --- */
.sheet-content[b-m1ay6vtygp] {
    padding: 24px;
    overflow-y: auto; /* Scrollowanie wewnątrz panelu */
    overscroll-behavior: contain; /* Zapobiega scrollowaniu tła strony */
    -webkit-overflow-scrolling: touch; /* Płynność iOS */
}

.sheet-content-full[b-m1ay6vtygp] {
    padding: 0;
}

/* --- ANIMACJE (Kluczowe dla odczucia Native App) --- */

/* Wejście */
.slide-in[b-m1ay6vtygp] {
    animation: slideUp-b-m1ay6vtygp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.fade-in[b-m1ay6vtygp] {
    animation: fadeIn-b-m1ay6vtygp 0.3s ease-out forwards;
}

/* Wyjście */
.slide-out[b-m1ay6vtygp] {
    animation: slideDown-b-m1ay6vtygp 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.fade-out[b-m1ay6vtygp] {
    animation: fadeOut-b-m1ay6vtygp 0.25s ease-in forwards;
}

@keyframes slideUp-b-m1ay6vtygp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@keyframes slideDown-b-m1ay6vtygp {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}

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

@keyframes fadeOut-b-m1ay6vtygp {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* Responsywność dla Desktopu - Panel unosi się lekko nad dołem */
@media (min-width: 600px) {
    .sheet-panel[b-m1ay6vtygp] {
        margin-bottom: 20px;
        border-radius: 24px; /* Pełne zaokrąglenie na dużych ekranach */
    }
}
/* /Modules/CompanySwitcher.razor.rz.scp.css */
.company-switcher-container[b-lqde8eab6i] {
    position: relative;
    margin-top: 15px;
    margin-bottom: 5px; /* Odstęp od nawigacji */
    width: 100%;
}

.switcher-trigger[b-lqde8eab6i] {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 12px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: 0.2s;
}

.switcher-trigger:hover[b-lqde8eab6i] {
    background: rgba(255, 255, 255, 0.8);
}

.icon-box[b-lqde8eab6i] {
    width: 36px; height: 36px;
    background: #1d3c87;
    color: #fff;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
}
.icon-box .material-symbols-rounded[b-lqde8eab6i] { font-size: 20px; }

.info-box[b-lqde8eab6i] {
    flex: 1;
    display: flex; flex-direction: column;
    overflow: hidden;
}

.label[b-lqde8eab6i] { font-size: 10px; text-transform: uppercase; color: #64748b; font-weight: 700; }
.value[b-lqde8eab6i] { font-size: 13px; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.company-add-button[b-lqde8eab6i] { width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid #dbe4f0; border-radius: 10px; background: #fff; color: #2563eb; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: .2s ease; }
.company-add-button:hover[b-lqde8eab6i] { background: #eff6ff; border-color: #bfdbfe; transform: translateY(-1px); }
.company-add-button .material-symbols-rounded[b-lqde8eab6i] { font-size: 20px; }

/* DROPDOWN */
.switcher-dropdown[b-lqde8eab6i] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0; right: 0;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    overflow: hidden;
    animation: slideDown-b-lqde8eab6i 0.2s ease-out;
}

.dropdown-header[b-lqde8eab6i] {
    padding: 12px 16px;
    font-size: 11px; font-weight: 700; text-transform: uppercase; color: #94a3b8;
    background: #f8fafc;
    border-bottom: 1px solid #f1f5f9;
}

.company-item[b-lqde8eab6i] {
    padding: 12px 16px;
    display: flex; align-items: center; gap: 12px;
    cursor: pointer;
    transition: 0.1s;
    border-bottom: 1px solid #f1f5f9;
}
.company-item:last-child[b-lqde8eab6i] { border-bottom: none; }
.company-item:hover[b-lqde8eab6i] { background: #f1f5f9; }
.company-item.active[b-lqde8eab6i] { background: #eff6ff; }

.item-icon[b-lqde8eab6i] { color: #cbd5e1; font-size: 20px; }
.company-item.active .item-icon[b-lqde8eab6i] { color: #3b82f6; }

.item-text[b-lqde8eab6i] { flex: 1; display: flex; flex-direction: column; }
.c-name[b-lqde8eab6i] { font-size: 13px; font-weight: 600; color: #334155; }
.company-item.active .c-name[b-lqde8eab6i] { color: #1d4ed8; }
.c-nip[b-lqde8eab6i] { font-size: 11px; color: #94a3b8; }

.check[b-lqde8eab6i] { font-size: 18px; color: #2563eb; }

.dropdown-footer[b-lqde8eab6i] {
    padding: 12px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 13px; font-weight: 600;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    cursor: pointer;
}
.dropdown-footer:hover[b-lqde8eab6i] { background: #f1f5f9; color: #2563eb; }

.overlay-backdrop[b-lqde8eab6i] {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    z-index: 999;
}

@keyframes slideDown-b-lqde8eab6i {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Modules/ControlBar.razor.rz.scp.css */
.menu[b-mzrjzcljsj] {
    /* Ustawienie pozycji na stałą - element jest unieruchomiony względem viewportu */
    position: fixed;

    /* KLUCZOWE: Przypina element do dolnej krawędzi okna przeglądarki */
    

    /* Zapewnia pełną szerokość */
    width: 40%;
    z-index: 1000;

    /* Twoje oryginalne style */
    height: 100dvh;
    background-color: blue;
    margin: 0; /* Zmienione: Użycie marginesów może powodować paski przewijania przy fixed position */
    display: flex;
    overlay: initial; /* Ta właściwość nie jest standardowa w CSS i została usunięta dla czytelności */
}

.btn[b-mzrjzcljsj] {
    background: transparent;
    color: black;
    width: fit-content;
    height: fit-content;
    
    /* Drobna korekta, aby przyciski były wyśrodkowane w menu, jeśli to jest cel */
    padding: 10px;
}
/* /Modules/CustomSelect2.razor.rz.scp.css */
.liquid-select[b-lc4hdefe5g] { position: relative; width: 100%; font-family: 'Inter', sans-serif; }

.select-trigger[b-lc4hdefe5g] {
    background: #F3F4F6; /* Jasne szare tło zamiast obrysu */
    border-radius: 16px;
    padding: 12px 16px;
    display: flex; justify-content: space-between; align-items: center;
    cursor: pointer; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid transparent;
}

.liquid-select.active .select-trigger[b-lc4hdefe5g] {
    background: #FFFFFF;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transform: scale(1.01);
}

.select-value[b-lc4hdefe5g] { flex: 1; font-size: 14px; font-weight: 600; color: #0F172A; display: flex; align-items: center; gap: 8px; }
.placeholder[b-lc4hdefe5g] { color: #94A3B8; font-weight: 500; }

.chevron[b-lc4hdefe5g] { color: #94A3B8; transition: transform 0.3s; }
.liquid-select.active .chevron[b-lc4hdefe5g] { transform: rotate(180deg); color: #0F172A; }

/* Dropdown Glass */
.glass-dropdown[b-lc4hdefe5g] {
    position: absolute; top: calc(100% + 8px); left: 0; right: 0;
    background: rgba(255, 255, 255, 0.95); /* Nieco mniej przezroczyste dla czytelności */
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border-radius: 20px;
    box-shadow: 0 20px 50px -10px rgba(0,0,0,0.25); /* Mocniejszy cień */
    border: 1px solid rgba(255,255,255,0.6);
    z-index: 2000; /* <--- KLUCZOWA POPRAWKA */
    padding: 8px;
    max-height: 260px; overflow-y: auto;
    animation: dropIn-b-lc4hdefe5g 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Option Styles injected via deep */
[b-lc4hdefe5g] .select-option {
    padding: 12px 16px; border-radius: 12px;
    font-size: 14px; font-weight: 500; color: #334155;
    cursor: pointer; transition: 0.1s;
    display: flex; align-items: center; justify-content: space-between;
}
[b-lc4hdefe5g] .select-option:hover { background: #F8FAFC; color: #0F172A; }
[b-lc4hdefe5g] .select-option.selected { background: #F1F5F9; color: #0F172A; font-weight: 700; }
[b-lc4hdefe5g] .check-icon { font-size: 18px; color: #0F172A; }

.select-backdrop[b-lc4hdefe5g] { 
    position: fixed; inset: 0; 
    z-index: 1999; /* <--- KLUCZOWA POPRAWKA (Tuż pod dropdownem) */
    cursor: default; 
}

@keyframes dropIn-b-lc4hdefe5g { from { opacity: 0; transform: translateY(-10px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
/* /Modules/GuidedTour.razor.rz.scp.css */
.guided-tour[b-uaptv3sgpy] { position: fixed; inset: 0; z-index: 7000; pointer-events: none; }
.guided-tour-focus[b-uaptv3sgpy] { position: fixed; z-index: 7001; border: 2px solid rgba(255,255,255,.94); border-radius: 15px; box-shadow: 0 0 0 9999px rgba(10, 17, 28, .68), 0 0 0 5px rgba(71, 159, 108, .35), 0 18px 42px rgba(0,0,0,.24); transition: left .28s ease, top .28s ease, width .28s ease, height .28s ease; }
.guided-tour-card[b-uaptv3sgpy] { position: fixed; z-index: 7002; max-width: calc(100vw - 24px); padding: 20px; border: 1px solid rgba(255,255,255,.82); border-radius: 18px; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.28); color: #162033; pointer-events: auto; animation: tour-card-in-b-uaptv3sgpy .2s ease-out; }
.guided-tour-card header[b-uaptv3sgpy] { display: grid; grid-template-columns: 44px minmax(0,1fr) 32px; align-items: center; gap: 11px; }
.tour-icon[b-uaptv3sgpy] { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; background: #eaf5ee; color: #27734d; font-size: 23px; }
.tour-progress[b-uaptv3sgpy] { display: block; margin-bottom: 3px; color: #78838e; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.guided-tour-card h2[b-uaptv3sgpy] { margin: 0; color: #162033; font-size: 18px; line-height: 1.25; letter-spacing: 0; }
.tour-close[b-uaptv3sgpy] { width: 32px; height: 32px; border: 0; border-radius: 9px; background: transparent; color: #77818d; display: grid; place-items: center; cursor: pointer; }
.tour-close:hover[b-uaptv3sgpy] { background: #f1f4f5; color: #27313d; }
.tour-close .material-symbols-rounded[b-uaptv3sgpy] { font-size: 20px; }
.guided-tour-card > p[b-uaptv3sgpy] { margin: 17px 0; color: #596572; font-size: 13px; line-height: 1.6; }
.tour-dots[b-uaptv3sgpy] { display: grid; grid-template-columns: repeat(10, minmax(8px, 1fr)); gap: 4px; }
.tour-dots span[b-uaptv3sgpy] { height: 4px; border-radius: 999px; background: #e1e6e8; transition: background .18s ease; }
.tour-dots span.active[b-uaptv3sgpy] { background: #2e7652; }
.tour-dots span.done[b-uaptv3sgpy] { background: #acd1ba; }
.guided-tour-card footer[b-uaptv3sgpy] { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.guided-tour-card footer > div[b-uaptv3sgpy] { display: flex; gap: 7px; }
.tour-skip[b-uaptv3sgpy], .tour-back[b-uaptv3sgpy], .tour-next[b-uaptv3sgpy] { min-height: 39px; padding: 8px 12px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.tour-skip[b-uaptv3sgpy] { padding-inline: 2px; border: 0; background: transparent; color: #77818d; }
.tour-back[b-uaptv3sgpy] { border: 1px solid #dce2e5; background: #fff; color: #495460; }
.tour-next[b-uaptv3sgpy] { border: 1px solid #1d2939; background: #1d2939; color: #fff; }
.tour-back .material-symbols-rounded[b-uaptv3sgpy], .tour-next .material-symbols-rounded[b-uaptv3sgpy] { font-size: 17px; }
@keyframes tour-card-in-b-uaptv3sgpy { from { opacity: 0; transform: translateY(7px) scale(.98); } to { opacity: 1; transform: none; } }

@media (max-width: 700px) {
    .guided-tour-focus[b-uaptv3sgpy] { border-radius: 13px; }
    .guided-tour-card[b-uaptv3sgpy] { padding: 17px; border-radius: 16px; }
    .guided-tour-card footer[b-uaptv3sgpy] { align-items: stretch; flex-direction: column-reverse; }
    .guided-tour-card footer > div[b-uaptv3sgpy] { width: 100%; }
    .tour-next[b-uaptv3sgpy] { flex: 1; }
    .tour-skip[b-uaptv3sgpy] { align-self: center; min-height: 32px; }
}

@media (prefers-reduced-motion: reduce) {
    .guided-tour-focus[b-uaptv3sgpy], .guided-tour-card[b-uaptv3sgpy] { transition: none; animation: none; }
}
/* /Modules/PMIntelligenceChat.razor.rz.scp.css */
.pm-chat-dim[b-yngiggyfov] {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(720px, 62vw);
    z-index: 1190;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, .16) 34%, rgba(15, 23, 42, .44) 100%);
    animation: pmDimIn-b-yngiggyfov .2s ease both;
}

.pm-chat-dim.closing[b-yngiggyfov] {
    animation: pmDimOut-b-yngiggyfov .18s ease both;
}

.pm-assistant-widget[b-yngiggyfov] {
    position: fixed;
    right: 26px;
    bottom: 26px;
    z-index: 1200;
    pointer-events: none;
}

.pm-assistant-launcher[b-yngiggyfov],
.pm-assistant-notification[b-yngiggyfov],
.pm-intelligence-chat[b-yngiggyfov] {
    pointer-events: auto;
}

.pm-assistant-launcher[b-yngiggyfov] {
    width: 64px;
    height: 64px;
    border: none;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #FFFFFF;
    background: linear-gradient(135deg, #111827 0%, #2563EB 48%, #14B8A6 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .28);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.pm-assistant-launcher:hover[b-yngiggyfov] {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 24px 54px rgba(15, 23, 42, .32);
    filter: saturate(1.08);
}

.pm-assistant-launcher .material-symbols-rounded[b-yngiggyfov] {
    font-size: 31px;
}

.pm-assistant-launcher.has-notification[b-yngiggyfov]::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 13px;
    height: 13px;
    border-radius: 999px;
    background: #EF4444;
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 0 6px rgba(239, 68, 68, .16);
}

.pm-assistant-notification[b-yngiggyfov] {
    position: absolute;
    right: 0;
    bottom: 76px;
    width: min(340px, calc(100vw - 42px));
    border: 1px solid rgba(191, 219, 254, .9);
    border-radius: 22px;
    padding: 14px 15px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    background: rgba(255, 255, 255, .96);
    color: #1E293B;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .18);
    text-align: left;
    cursor: pointer;
    animation: pmNotificationIn-b-yngiggyfov .24s ease both;
}

.pm-assistant-notification .material-symbols-rounded[b-yngiggyfov] {
    width: 34px;
    height: 34px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: #EFF6FF;
    color: #2563EB;
}

.pm-assistant-notification span:last-child[b-yngiggyfov] {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;
}

.pm-intelligence-chat[b-yngiggyfov] {
    position: fixed;
    right: 0;
    bottom: 0;
    width: min(520px, calc(100vw - 42px));
    height: min(760px, calc(100vh - 52px));
    min-height: 520px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(203, 213, 225, .86);
    border-radius: 28px 0 0 28px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    color: #0F172A;
    box-shadow: 0 30px 80px rgba(15, 23, 42, .26);
    animation: pmWaterDropOpen-b-yngiggyfov .36s cubic-bezier(.22, .72, .24, 1) both;
    transform-origin: bottom right;
    will-change: transform, opacity, border-radius;
    backface-visibility: hidden;
    contain: layout paint;
}

.pm-intelligence-chat.closing[b-yngiggyfov] {
    animation: pmWaterDropClose-b-yngiggyfov .2s ease both;
}

.pm-intelligence-header[b-yngiggyfov] {
    min-height: 78px;
    padding: 17px 18px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 40px;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid #E6EBF2;
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(14px);
}

.pm-intelligence-mark[b-yngiggyfov] {
    width: 44px;
    height: 44px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    color: #FFFFFF;
    background: linear-gradient(135deg, #111827 0%, #2563EB 52%, #14B8A6 100%);
    box-shadow: 0 14px 30px rgba(37, 99, 235, .22);
}

.pm-intelligence-header h2[b-yngiggyfov] {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
}

.pm-intelligence-header p[b-yngiggyfov] {
    margin: 4px 0 0;
    color: #64748B;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

.pm-intelligence-icon-button[b-yngiggyfov] {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: #F1F5F9;
    color: #64748B;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.pm-intelligence-icon-button:hover[b-yngiggyfov] {
    transform: translateY(-1px);
    border-color: #DBEAFE;
    background: #EFF6FF;
    color: #2563EB;
}

.pm-intelligence-history[b-yngiggyfov] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px 20px 14px;
    scroll-behavior: smooth;
}

.pm-intelligence-empty[b-yngiggyfov] {
    margin: auto;
    max-width: 320px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #64748B;
}

.pm-intelligence-empty > .material-symbols-rounded[b-yngiggyfov] {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    color: #2563EB;
    background: #EFF6FF;
    font-size: 32px;
}

.pm-intelligence-empty h3[b-yngiggyfov] {
    margin: 8px 0 0;
    color: #0F172A;
    font-size: 22px;
}

.pm-intelligence-empty p[b-yngiggyfov] {
    margin: 0;
    line-height: 1.45;
    font-size: 14px;
}

.pm-user-message[b-yngiggyfov] {
    align-self: flex-end;
    max-width: min(86%, 420px);
    padding: 13px 15px;
    border-radius: 18px 18px 4px 18px;
    background: #0F172A;
    color: #FFFFFF;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .16);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    animation: pmUserMessageIn-b-yngiggyfov .26s cubic-bezier(.2,.8,.2,1) both;
}

.pm-user-message small[b-yngiggyfov] {
    display: block;
    margin-top: 6px;
    color: rgba(255, 255, 255, .68);
    font-size: 10px;
    text-align: right;
}

.pm-ai-message[b-yngiggyfov] {
    align-self: stretch;
    max-width: 100%;
    padding: 1px 6px 2px;
    color: #263244;
    font-size: 14px;
    line-height: 1.62;
    white-space: normal;
    overflow-wrap: anywhere;
    animation: pmAiMessageIn-b-yngiggyfov .32s cubic-bezier(.2,.8,.2,1) both;
}

.pm-ai-message + .pm-ai-message[b-yngiggyfov] {
    margin-top: 4px;
    padding-top: 16px;
    border-top: 1px solid #E2E8F0;
}

.pm-ai-text[b-yngiggyfov] {
    white-space: pre-wrap;
}

.pm-ai-text strong[b-yngiggyfov] {
    color: #0F172A;
    font-weight: 900;
}

.pm-ai-text em[b-yngiggyfov] {
    color: #334155;
    font-style: italic;
}

.pm-ai-text code[b-yngiggyfov] {
    padding: 2px 5px;
    border-radius: 7px;
    background: #E2E8F0;
    color: #0F172A;
    font-size: 12px;
    font-weight: 800;
}

.pm-ai-time[b-yngiggyfov] {
    display: block;
    margin-top: 7px;
    color: #94A3B8;
    font-size: 10px;
}

.pm-link-object[b-yngiggyfov] {
    margin: 12px 6px 16px;
    max-width: calc(100% - 12px);
    display: block;
}

.image-object[b-yngiggyfov] {
    overflow: hidden;
    border-radius: 16px;
    background: #F1F5F9;
}

.image-object img[b-yngiggyfov] {
    width: 100%;
    max-height: 260px;
    object-fit: cover;
    display: block;
}

.video-object[b-yngiggyfov] {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
    border-radius: 16px;
    background: #0F172A;
}

.pm-video-player[b-yngiggyfov] {
    overflow: hidden;
    border-radius: 18px;
    background: #0F172A;
    box-shadow: 0 18px 34px rgba(15, 23, 42, .18);
}

.pm-video-player .video-object[b-yngiggyfov] {
    border-radius: 18px 18px 0 0;
    display: block;
}

.pm-video-player a[b-yngiggyfov] {
    padding: 11px 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 900;
    background: linear-gradient(90deg, rgba(37, 99, 235, .92), rgba(20, 184, 166, .92));
}

.link-object[b-yngiggyfov] {
    padding: 8px 10px;
    width: fit-content;
    max-width: calc(100% - 12px);
    border: 1px solid #E2E8F0;
    border-radius: 999px;
    background: #FFFFFF;
    color: #0F172A;
    text-decoration: none;
    display: inline-grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.link-object:hover[b-yngiggyfov] {
    transform: translateY(-1px);
    background: #F8FAFC;
    border-color: #CBD5E1;
    box-shadow: none;
}

.link-object > .material-symbols-rounded[b-yngiggyfov] {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 0;
    background: transparent;
    color: #64748B;
    font-size: 18px;
}

.internal-link-object[b-yngiggyfov] {
    width: fit-content;
    max-width: calc(100% - 12px);
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 7px;
    margin: 10px 6px 16px;
    padding: 8px 10px;
    border-radius: 999px;
    background: #FFFFFF;
    color: #1E293B;
    box-shadow: none;
}

.internal-link-object:hover[b-yngiggyfov] {
    background: #F8FAFC;
    box-shadow: none;
}

.internal-link-object > .material-symbols-rounded[b-yngiggyfov] {
    width: 19px;
    height: 19px;
    border-radius: 0;
    background: transparent;
    color: currentColor;
    font-size: 19px;
}

.link-object strong[b-yngiggyfov],
.link-object small[b-yngiggyfov] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.link-object small[b-yngiggyfov] {
    color: #64748B;
    font-size: 12px;
}

.internal-link-object strong[b-yngiggyfov] {
    color: inherit;
    font-size: 12px;
    line-height: 1.15;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.pm-ai-message.thinking[b-yngiggyfov] {
    width: fit-content;
    min-width: 48px;
    display: grid;
    grid-template-columns: repeat(3, 6px);
    gap: 5px;
    align-items: center;
    padding: 4px 7px;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.pm-ai-message.thinking span[b-yngiggyfov] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #94A3B8;
    box-shadow: none;
    animation: pmThinking-b-yngiggyfov .95s ease-in-out infinite;
}

.pm-ai-message.thinking span:nth-child(2)[b-yngiggyfov] { animation-delay: .12s; }
.pm-ai-message.thinking span:nth-child(3)[b-yngiggyfov] { animation-delay: .24s; }

.pm-intelligence-input[b-yngiggyfov] {
    padding: 10px 18px 16px;
    background: transparent;
}

.pm-intelligence-composer[b-yngiggyfov] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    align-items: end;
    padding: 10px;
    border: 1px solid rgba(226, 232, 240, .88);
    border-radius: 24px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .13);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
    animation: pmComposerIn-b-yngiggyfov .28s cubic-bezier(.2,.8,.2,1) both;
}

.pm-intelligence-composer:focus-within[b-yngiggyfov] {
    transform: translateY(-1px);
    border-color: #BFDBFE;
    box-shadow: 0 22px 50px rgba(37, 99, 235, .18), 0 0 0 4px rgba(37, 99, 235, .08);
}

.pm-intelligence-composer.sending[b-yngiggyfov] {
    animation: pmComposerSend-b-yngiggyfov .75s ease-in-out infinite;
}

.pm-intelligence-prompts[b-yngiggyfov] {
    display: grid;
    gap: 7px;
    padding: 2px 2px 0;
    animation: pmPromptsIn-b-yngiggyfov .24s cubic-bezier(.2,.8,.2,1) both;
}

.pm-intelligence-prompts-label[b-yngiggyfov] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #475569;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.pm-intelligence-prompts-label .material-symbols-rounded[b-yngiggyfov] {
    font-size: 16px;
    color: #64748B;
}

.pm-intelligence-prompt-grid[b-yngiggyfov] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.pm-intelligence-prompts button[b-yngiggyfov] {
    border: 1px solid #E2E8F0;
    border-radius: 13px;
    background: #FFFFFF;
    color: #334155;
    padding: 8px 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 900;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.pm-intelligence-prompts button .material-symbols-rounded[b-yngiggyfov] {
    width: 18px;
    min-width: 18px;
    font-size: 18px;
    color: #64748B;
}

.pm-intelligence-prompts button span:last-child[b-yngiggyfov] {
    overflow-wrap: anywhere;
    text-align: left;
}

.pm-intelligence-prompts button:hover[b-yngiggyfov] {
    transform: translateY(-1px);
    background: #F8FAFC;
    border-color: #CBD5E1;
    box-shadow: 0 10px 20px rgba(15, 23, 42, .06);
}

.pm-intelligence-prompts button:disabled[b-yngiggyfov] {
    opacity: .55;
    cursor: wait;
    transform: none;
}

.pm-composer-row[b-yngiggyfov] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 10px;
    align-items: end;
}

.pm-intelligence-input textarea[b-yngiggyfov] {
    width: 100%;
    min-height: 44px;
    max-height: 136px;
    resize: none;
    border: none;
    border-radius: 18px;
    padding: 12px 13px;
    background: #F8FAFC;
    color: #0F172A;
    font: inherit;
    line-height: 1.4;
    outline: none;
    transition: background .18s ease, transform .18s ease;
}

.pm-intelligence-input textarea:focus[b-yngiggyfov] {
    background: #F1F5F9;
    transform: translateY(-1px);
}

.pm-intelligence-send[b-yngiggyfov] {
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #E2E8F0;
    color: #94A3B8;
    cursor: not-allowed;
    transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.pm-intelligence-send.active[b-yngiggyfov] {
    cursor: pointer;
    color: #FFFFFF;
    background: #0F172A;
}

.pm-intelligence-send.active:hover[b-yngiggyfov] {
    transform: translateY(-1px);
    box-shadow: 0 14px 26px rgba(15, 23, 42, .18);
}

.pm-intelligence-send.sending[b-yngiggyfov] {
    color: #FFFFFF;
    background: linear-gradient(135deg, #2563EB, #7C3AED, #06B6D4);
    cursor: wait;
    animation: pmSendButton-b-yngiggyfov .72s ease-in-out infinite;
}

.pm-intelligence-send.sending .material-symbols-rounded[b-yngiggyfov] {
    animation: pmSendIcon-b-yngiggyfov .72s ease-in-out infinite;
}

.pm-intelligence-input > small[b-yngiggyfov] {
    display: block;
    margin-top: 9px;
    color: #94A3B8;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

@keyframes pmPanelIn-b-yngiggyfov {
    from { opacity: 0; transform: translateY(12px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes pmWaterDropOpen-b-yngiggyfov {
    0% {
        opacity: 0;
        transform: translate3d(20px, 18px, 0) scale(.22);
        border-radius: 999px 999px 999px 120px;
        filter: blur(1px);
    }
    58% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        border-radius: 42px 0 0 48px;
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        border-radius: 28px 0 0 28px;
        filter: blur(0);
    }
}

@keyframes pmWaterDropClose-b-yngiggyfov {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        border-radius: 28px 0 0 28px;
    }
    100% {
        opacity: 0;
        transform: translate3d(20px, 18px, 0) scale(.2);
        border-radius: 999px 999px 999px 110px;
        filter: blur(1px);
    }
}

@keyframes pmPanelOut-b-yngiggyfov {
    from { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
    to { opacity: 0; transform: translateY(14px) scale(.97); filter: blur(2px); }
}

@keyframes pmDimIn-b-yngiggyfov {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes pmDimOut-b-yngiggyfov {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes pmNotificationIn-b-yngiggyfov {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pmMessageIn-b-yngiggyfov {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pmUserMessageIn-b-yngiggyfov {
    from { opacity: 0; transform: translate(12px, 8px) scale(.98); }
    to { opacity: 1; transform: translate(0, 0) scale(1); }
}

@keyframes pmAiMessageIn-b-yngiggyfov {
    from { opacity: 0; transform: translate(-10px, 8px); filter: blur(2px); }
    to { opacity: 1; transform: translate(0, 0); filter: blur(0); }
}

@keyframes pmThinking-b-yngiggyfov {
    0%, 100% { transform: translateY(0) scale(.8); opacity: .36; }
    45% { transform: translateY(-4px) scale(1); opacity: .92; }
}

@keyframes pmComposerIn-b-yngiggyfov {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pmComposerSend-b-yngiggyfov {
    0%, 100% { box-shadow: 0 18px 42px rgba(15, 23, 42, .13); }
    50% { box-shadow: 0 22px 58px rgba(37, 99, 235, .24), 0 0 0 5px rgba(20, 184, 166, .08); }
}

@keyframes pmPromptsIn-b-yngiggyfov {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pmSendButton-b-yngiggyfov {
    0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 12px 24px rgba(37, 99, 235, .18); }
    50% { transform: translateY(-2px) scale(1.04); box-shadow: 0 18px 34px rgba(124, 58, 237, .26); }
}

@keyframes pmSendIcon-b-yngiggyfov {
    0% { transform: translateY(0); opacity: .72; }
    50% { transform: translateY(-4px); opacity: 1; }
    100% { transform: translateY(0); opacity: .72; }
}

@media (max-width: 560px) {
    .pm-chat-dim[b-yngiggyfov] {
        display: none;
    }

    .pm-assistant-widget[b-yngiggyfov] {
        right: 18px;
        bottom: calc(24px + env(safe-area-inset-bottom));
    }

    .pm-assistant-launcher[b-yngiggyfov] {
        width: 58px;
        height: 58px;
    }

    .pm-intelligence-chat[b-yngiggyfov] {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100dvh;
        max-height: none;
        min-height: 0;
        border-radius: 0;
    }

    .pm-intelligence-header[b-yngiggyfov] {
        padding: 14px 15px;
    }

    .pm-intelligence-history[b-yngiggyfov] {
        padding: 18px 16px 12px;
    }

    .pm-intelligence-input[b-yngiggyfov] {
        padding: 10px 14px 14px;
    }
}
/* /Modules/PricingSheet.razor.rz.scp.css */
.pricing-page[b-bchkngl8up] {
    width: 100%;
    min-height: 100%;
    padding: 18px 16px 36px;
    background: transparent;
    color: #191c1f;
}

.pricing-container[b-bchkngl8up] {
    width: min(980px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 16px;
}

.pricing-header[b-bchkngl8up] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding: 0 0 8px;
}

.header-text > span[b-bchkngl8up],
.payments-header > div > span[b-bchkngl8up] {
    display: block;
    margin-bottom: 6px;
    color: #667085;
    font-size: 11px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.header-text h1[b-bchkngl8up] {
    margin: 0 0 8px;
    font-size: clamp(25px, 3.2vw, 32px);
    line-height: 1.12;
    letter-spacing: 0;
}

.header-text p[b-bchkngl8up] {
    max-width: 680px;
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}

.subscription-status[b-bchkngl8up] {
    width: fit-content;
    margin-top: 16px;
    padding: 8px 11px;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.subscription-status.active[b-bchkngl8up] { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.subscription-status.blocked[b-bchkngl8up] { background: #fff7ed; border-color: #fed7aa; color: #9a3412; }
.subscription-status .material-symbols-rounded[b-bchkngl8up] { font-size: 18px; }

.pricing-message[b-bchkngl8up] {
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
}
.pricing-message.success[b-bchkngl8up] { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; }
.pricing-message.error[b-bchkngl8up] { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }

.billing-toggle[b-bchkngl8up] {
    width: fit-content;
    padding: 4px;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    background: #fff;
    display: flex;
    gap: 2px;
}

.billing-toggle button[b-bchkngl8up] {
    min-height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #667085;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.billing-toggle button.active[b-bchkngl8up] { background: #191c1f; color: #fff; }

.plans-list[b-bchkngl8up] { display: grid; gap: 10px; }

.plan-row[b-bchkngl8up] {
    padding: 18px;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    background: #fff;
    display: grid;
    gap: 14px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}
.plan-row.recommended[b-bchkngl8up] { border-color: #98a2b3; }
.plan-row.current[b-bchkngl8up] { border-color: #191c1f; box-shadow: 0 0 0 1px #191c1f; }

.plan-main[b-bchkngl8up] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: start;
}
.plan-label[b-bchkngl8up] { color: #667085; font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.plan-main h2[b-bchkngl8up] { margin: 5px 0 6px; font-size: 22px; }
.plan-main p[b-bchkngl8up] { margin: 0; color: #667085; font-size: 13px; line-height: 1.5; }
.plan-price[b-bchkngl8up] { min-width: 130px; text-align: right; }
.plan-price strong[b-bchkngl8up] { display: block; font-size: 22px; line-height: 1.1; }
.plan-price small[b-bchkngl8up] { color: #667085; font-size: 12px; }

.plan-includes[b-bchkngl8up] { border-top: 1px solid #eaecf0; padding-top: 13px; }
.plan-includes h3[b-bchkngl8up] { margin: 0 0 12px; font-size: 13px; }
.plan-feature-grid[b-bchkngl8up] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 16px; }
.plan-feature-grid > span[b-bchkngl8up] { min-width: 0; display: flex; align-items: center; gap: 8px; color: #475467; font-size: 13px; line-height: 1.4; }
.plan-feature-grid .material-symbols-rounded[b-bchkngl8up] { color: #344054; font-size: 18px; flex: 0 0 auto; }
.plan-feature-grid strong[b-bchkngl8up] { color: #101828; }

.plan-actions[b-bchkngl8up] { display: flex; justify-content: flex-end; }
.btn-plan[b-bchkngl8up] {
    min-height: 42px;
    padding: 0 17px;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    color: #344054;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
}
.btn-plan.primary[b-bchkngl8up] { background: #191c1f; border-color: #191c1f; color: #fff; }
.btn-plan.current[b-bchkngl8up] { background: #f2f4f7; color: #344054; }
.btn-plan.muted[b-bchkngl8up] { background: #f9fafb; color: #98a2b3; }

.payments-section[b-bchkngl8up],
.cancel-section[b-bchkngl8up] {
    padding: 20px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #fff;
}
.payments-header[b-bchkngl8up] { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.payments-header h3[b-bchkngl8up], .cancel-section h3[b-bchkngl8up] { margin: 0; font-size: 16px; }
.btn-refresh[b-bchkngl8up] { width: 38px; height: 38px; border: 1px solid #d0d5dd; border-radius: 9px; background: #fff; display: grid; place-items: center; cursor: pointer; }
.payments-list[b-bchkngl8up] { display: grid; }
.payment-row[b-bchkngl8up] { padding: 13px 0; border-top: 1px solid #eaecf0; display: flex; justify-content: space-between; gap: 14px; }
.payment-row strong[b-bchkngl8up], .payment-row b[b-bchkngl8up] { display: block; font-size: 13px; }
.payment-row small[b-bchkngl8up], .payment-row span[b-bchkngl8up], .payments-empty[b-bchkngl8up] { color: #667085; font-size: 12px; }
.payment-row > div:last-child[b-bchkngl8up] { text-align: right; }
.cancel-section[b-bchkngl8up] { display: grid; gap: 12px; }
.cancel-section p[b-bchkngl8up] { margin: 5px 0 0; color: #667085; font-size: 13px; line-height: 1.5; }
.cancel-reason[b-bchkngl8up] { min-height: 90px; padding: 12px; border: 1px solid #d0d5dd; border-radius: 10px; resize: vertical; font: inherit; }
.cancel-actions[b-bchkngl8up] { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.btn-cancel-link[b-bchkngl8up], .btn-keep[b-bchkngl8up], .btn-cancel-sub[b-bchkngl8up] { min-height: 40px; padding: 0 15px; border-radius: 9px; font-weight: 700; cursor: pointer; }
.btn-cancel-link[b-bchkngl8up], .btn-keep[b-bchkngl8up] { border: 1px solid #d0d5dd; background: #fff; color: #344054; }
.btn-cancel-sub[b-bchkngl8up] { border: 1px solid #b42318; background: #b42318; color: #fff; }

@media (max-width: 720px) {
    .pricing-page[b-bchkngl8up] { padding: 22px 14px 36px; }
    .pricing-container[b-bchkngl8up] { gap: 18px; }
    .pricing-header[b-bchkngl8up] { display: block; }
    .billing-toggle[b-bchkngl8up] { width: 100%; }
    .billing-toggle button[b-bchkngl8up] { flex: 1; }
    .plan-row[b-bchkngl8up] { padding: 16px; }
    .plan-main[b-bchkngl8up] { grid-template-columns: 1fr; gap: 14px; }
    .plan-price[b-bchkngl8up] { text-align: left; }
    .plan-feature-grid[b-bchkngl8up] { grid-template-columns: 1fr; }
    .plan-actions[b-bchkngl8up], .btn-plan[b-bchkngl8up] { width: 100%; }
    .payment-row[b-bchkngl8up] { align-items: flex-start; }
}
/* /Modules/ProductSelector.razor.rz.scp.css */
.selector-container[b-f197g51e13] {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 70vh; 
        max-height: 100%;
        overflow: hidden;
    }

    .search-section[b-f197g51e13] {
        padding: 16px 24px;
        background: #FFFFFF;
        border-bottom: 1px solid #F1F5F9;
        flex-shrink: 0;
    }

    .search-wrapper[b-f197g51e13] {
        display: flex; align-items: center; gap: 12px;
        background: #F1F5F9;
        border-radius: 16px;
        padding: 12px 16px;
        transition: 0.2s;
        border: 1px solid transparent;
    }
    .search-wrapper:focus-within[b-f197g51e13] {
        background: #FFFFFF;
        border-color: #E2E8F0;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    .search-icon[b-f197g51e13] { color: #94A3B8; font-size: 24px; }
    
    .search-wrapper input[b-f197g51e13] {
        flex: 1; border: none; background: transparent;
        font-size: 15px; font-weight: 600; color: #0F172A;
        outline: none;
    }
    .search-wrapper input[b-f197g51e13]::placeholder { color: #94A3B8; font-weight: 500; }
    
    .clear-btn[b-f197g51e13] {
        background: none; border: none; padding: 0; color: #94A3B8; cursor: pointer;
        display: flex; align-items: center;
    }
    .clear-btn:hover[b-f197g51e13] { color: #EF4444; }

    .results-list[b-f197g51e13] {
        flex: 1;
        overflow-y: auto;
        padding: 16px 24px;
        display: flex; flex-direction: column; gap: 12px;
        min-height: 0; 
    }

    .result-card[b-f197g51e13] {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 16px;
        display: flex; align-items: center; gap: 16px;
        cursor: pointer;
        transition: transform 0.1s, box-shadow 0.1s;
        flex-shrink: 0; 
    }
    .result-card:hover[b-f197g51e13] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.03);
        border-color: #CBD5E1;
    }
    .result-card.disabled[b-f197g51e13] {
        opacity: 0.6; grayscale: 1; cursor: not-allowed;
    }

    .rc-icon[b-f197g51e13] {
        width: 48px; height: 48px;
        background: #F8FAFC; border-radius: 12px;
        color: #64748B;
        display: flex; align-items: center; justify-content: center;
        flex-shrink: 0;
    }
    .rc-content[b-f197g51e13] { flex: 1; min-width: 0; }
    
    .rc-header[b-f197g51e13] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 6px; }
    .rc-name[b-f197g51e13] { font-weight: 700; font-size: 14px; color: #0F172A; line-height: 1.3; margin-right: 8px; }
    .rc-price[b-f197g51e13] { font-weight: 700; color: #0F172A; font-size: 14px; white-space: nowrap; }

    .rc-meta[b-f197g51e13] { display: flex; gap: 8px; flex-wrap: wrap; }
    .rc-meta span[b-f197g51e13] { font-size: 11px; padding: 2px 6px; border-radius: 6px; font-weight: 700; color: #475569; background: #F8FAFC; border: 1px solid #E2E8F0; }
    .production-reservation-badge[b-f197g51e13] {
        display: inline-flex;
        margin-top: 7px;
        border-radius: 999px;
        background: #EFF6FF;
        border: 1px solid #BFDBFE;
        color: #1D4ED8;
        padding: 4px 8px;
        font-size: 11px;
        font-weight: 800;
    }
    .badge[b-f197g51e13] { font-size: 11px; padding: 2px 6px; border-radius: 6px; font-weight: 600; letter-spacing: 0.02em; }
    .badge.sku[b-f197g51e13] { background: #F1F5F9; color: #64748B; border: 1px solid #E2E8F0; }
    .badge.batch[b-f197g51e13] { background: #EEF2FF; color: #4F46E5; border: 1px solid #E0E7FF; }

    .rc-stock[b-f197g51e13] {
        display: flex; flex-direction: column; align-items: center;
        background: #F8FAFC; padding: 6px 10px; border-radius: 10px;
        min-width: 45px;
    }
    .stock-val[b-f197g51e13] { font-weight: 800; font-size: 16px; line-height: 1; }
    .stock-val.high[b-f197g51e13] { color: #10B981; }
    .stock-val.low[b-f197g51e13] { color: #F59E0B; }
    .stock-label[b-f197g51e13] { font-size: 10px; color: #94A3B8; font-weight: 600; text-transform: uppercase; }

    .state-msg[b-f197g51e13] {
        text-align: center; padding: 40px 0; color: #64748B;
        display: flex; flex-direction: column; align-items: center;
        margin: auto; 
    }
    .icon-blob[b-f197g51e13] {
        width: 64px; height: 64px; background: #FFFFFF; border-radius: 24px;
        display: flex; align-items: center; justify-content: center;
        margin-bottom: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }
    .state-msg p[b-f197g51e13] { margin: 0; font-weight: 600; color: #334155; }
    .state-msg small[b-f197g51e13] { font-size: 13px; color: #94A3B8; }

    .liquid-loader[b-f197g51e13] {
        width: 24px; height: 24px; border: 3px solid #E2E8F0; border-top-color: #0F172A;
        border-radius: 50%; animation: spin-b-f197g51e13 0.8s linear infinite; margin-bottom: 12px;
    }
    @keyframes spin-b-f197g51e13 { to { transform: rotate(360deg); } }
/* /Pages/AddCompany.razor.rz.scp.css */
.centered-layout[b-tbrncyawaa] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90vh; 
}

.form-card[b-tbrncyawaa] {
    border: 1px solid #E2E8F0;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);
    background: white;
    overflow: hidden;
}

.form-header-hero[b-tbrncyawaa] {
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: linear-gradient(to bottom, #F8FAFC, #FFFFFF);
    border-bottom: 1px solid #F1F5F9;
}

.hero-icon[b-tbrncyawaa] {
    width: 56px;
    height: 56px;
    background: #EFF6FF;
    color: #2563EB;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.1);
}

.hero-icon .material-symbols-rounded[b-tbrncyawaa] {
    font-size: 28px;
}

.hero-title[b-tbrncyawaa] {
    font-size: 20px;
    font-weight: 700;
    color: #0F172A;
    margin: 0 0 8px 0;
}

.hero-subtitle[b-tbrncyawaa] {
    font-size: 14px;
    color: #64748B;
    margin: 0;
    max-width: 280px;
    line-height: 1.5;
}

.form-body[b-tbrncyawaa] {
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-actions[b-tbrncyawaa] {
    margin-top: 12px;
}

.btn-lg[b-tbrncyawaa] {
    width: 100%;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
}

.input-error[b-tbrncyawaa] {
    border-color: #EF4444 !important;
    background-color: #FEF2F2 !important;
}

.input-error:focus[b-tbrncyawaa] {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

.validation-msg[b-tbrncyawaa] {
    font-size: 11px;
    color: #EF4444;
    font-weight: 600;
    margin-top: 4px;
    margin-left: 2px;
}

.validation-msg.neutral[b-tbrncyawaa] {
    color: #64748B;
    line-height: 1.45;
}

.company-error[b-tbrncyawaa] {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 14px;
    border: 1px solid #fecaca;
    border-radius: 14px;
    background: #fef2f2;
    color: #991b1b;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.company-error p[b-tbrncyawaa] {
    margin: 0;
}

.company-error .material-symbols-rounded[b-tbrncyawaa] {
    font-size: 20px;
}

.registry-state[b-tbrncyawaa] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    padding: 12px 14px;
    border-radius: 14px;
    font-size: 12px;
    line-height: 1.45;
}

.registry-state > div[b-tbrncyawaa] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.registry-state strong[b-tbrncyawaa] { color: inherit; overflow-wrap: anywhere; }
.registry-state small[b-tbrncyawaa] { color: inherit; opacity: 0.78; }
.registry-state.verified[b-tbrncyawaa] { background: #F0FDF4; border: 1px solid #BBF7D0; color: #166534; }
.registry-state.checking[b-tbrncyawaa] { background: #F8FAFC; border: 1px solid #E2E8F0; color: #475569; }
.registry-state.error[b-tbrncyawaa] { background: #FEF2F2; border: 1px solid #FECACA; color: #991B1B; }
.registry-spinner[b-tbrncyawaa] {
    width: 18px;
    height: 18px;
    border: 2px solid #CBD5E1;
    border-top-color: #2563EB;
    border-radius: 50%;
    animation: spin-b-tbrncyawaa .7s linear infinite;
}

/* Kontener grupy wejściowej */
.modern-input-group[b-tbrncyawaa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

/* Etykieta pola */
.modern-label[b-tbrncyawaa] {
    font-size: 12px;
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-left: 2px;
}

/* Sam input w stylu Modern */
select.modern-input[b-tbrncyawaa] { min-height: 54px; padding-top: 14px; padding-bottom: 14px; cursor: pointer; }

.trial-note[b-tbrncyawaa] { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #bbf7d0; border-radius: 14px; background: #f0fdf4; color: #166534; font-size: 13px; font-weight: 700; line-height: 1.4; }
.trial-note .material-symbols-rounded[b-tbrncyawaa] { color: #16a34a; font-size: 20px; }

.modern-input[b-tbrncyawaa] {
    width: 100%;
    padding: 12px 16px;
    background: #FFFFFF;
    border: 2px solid #CBD5E1;
    border-radius: 12px;
    font-size: 15px;
    color: #0F172A;
    transition: all 0.2s ease;
    outline: none;
}

.modern-input:focus[b-tbrncyawaa] {
    background: white;
    border-color: #2563EB;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.modern-input[b-tbrncyawaa]::placeholder {
    color: #94A3B8;
}

/* Przycisk w wersji Large dla formularza */
.btn-primary.btn-lg[b-tbrncyawaa] {
    background: #0F172A;
    color: white;
    border: none;
    border-radius: 12px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.1s active, background 0.2s;
}
 .top-nav[b-tbrncyawaa] {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
    }
.btn-back[b-tbrncyawaa] {
        background: transparent;
        border: none;
        color: #64748B;
        font-weight: 500;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 0;
        cursor: pointer;
        transition: color 0.2s;
    }
    .btn-back:hover[b-tbrncyawaa] { color: #0F172A; }

.btn-primary.btn-lg:hover[b-tbrncyawaa] {
    background: #1E293B;
}

.btn-primary.btn-lg:active[b-tbrncyawaa] {
    transform: scale(0.98);
}

.form-card[b-tbrncyawaa]
{
    max-width: 700px;
    width: 100%;
    border-radius: 20px;
}

/* Styl dla przycisku w stanie ładowania */
.btn-loading[b-tbrncyawaa] {
    position: relative;
    color: transparent !important;
    pointer-events: none;
}

.btn-loading[b-tbrncyawaa]::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin-b-tbrncyawaa 0.8s linear infinite;
}

@keyframes spin-b-tbrncyawaa {
    to { transform: rotate(360deg); }
}
/* /Pages/AutomationEditor.razor.rz.scp.css */
.automation-editor[b-3n2uhm6xw9]{max-width:1240px;margin:0 auto;padding:0 28px 70px;color:#17221c}.save-top[b-3n2uhm6xw9],.save-summary[b-3n2uhm6xw9]{border:0;border-radius:12px;background:#173f2b;color:white;padding:11px 17px;font-weight:750;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 9px 22px rgba(23,63,43,.2);transition:transform .18s ease,box-shadow .18s ease}.save-top:hover[b-3n2uhm6xw9],.save-summary:hover[b-3n2uhm6xw9]{transform:translateY(-2px);box-shadow:0 14px 30px rgba(23,63,43,.27)}.save-top:disabled[b-3n2uhm6xw9],.save-summary:disabled[b-3n2uhm6xw9]{opacity:.6}.editor-alert[b-3n2uhm6xw9]{display:flex;gap:8px;background:#fff0ed;color:#a73d35;padding:12px 14px;border-radius:12px;margin-bottom:16px;box-shadow:0 8px 24px rgba(120,45,36,.08)}.editor-layout[b-3n2uhm6xw9]{display:block}.editor-canvas[b-3n2uhm6xw9]{width:100%}.editor-canvas[b-3n2uhm6xw9]{display:grid;gap:18px}.editor-section[b-3n2uhm6xw9]{background:#fff;border:1px solid #dfe8e2;border-radius:19px;padding:23px;box-shadow:0 12px 32px rgba(27,55,39,.09),0 2px 7px rgba(27,55,39,.04);transition:transform .2s ease,box-shadow .2s ease}.editor-section:hover[b-3n2uhm6xw9]{box-shadow:0 18px 42px rgba(27,55,39,.12),0 3px 9px rgba(27,55,39,.05)}.section-number[b-3n2uhm6xw9]{width:29px;height:29px;border-radius:9px;background:#e6f1e9;color:#236b46;display:grid;place-items:center;font-size:12px;font-weight:850;float:left;margin-right:11px;box-shadow:inset 0 0 0 1px rgba(35,107,70,.08)}.section-copy h2[b-3n2uhm6xw9]{font-size:17px;margin:1px 0 4px}.section-copy p[b-3n2uhm6xw9]{font-size:12px;color:#78847c;margin:0}.identity-grid[b-3n2uhm6xw9]{clear:both;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.identity-grid label[b-3n2uhm6xw9],.condition-row label[b-3n2uhm6xw9],.action-config label[b-3n2uhm6xw9]{display:grid;gap:6px}.identity-grid label>span[b-3n2uhm6xw9],.condition-row label>span[b-3n2uhm6xw9],.action-config label>span[b-3n2uhm6xw9]{font-size:11px;color:#657169;font-weight:750}.identity-grid label small[b-3n2uhm6xw9]{font-weight:500;color:#98a199}.wide[b-3n2uhm6xw9]{grid-column:1/-1}input[b-3n2uhm6xw9],textarea[b-3n2uhm6xw9],select[b-3n2uhm6xw9]{border:1px solid #d6e1da;border-radius:10px;background:white;padding:10px 11px;outline:0;color:#1d2922;font:inherit;font-size:13px;transition:border-color .18s ease,box-shadow .18s ease}input:hover[b-3n2uhm6xw9],textarea:hover[b-3n2uhm6xw9],select:hover[b-3n2uhm6xw9]{border-color:#b9cabe}input:focus[b-3n2uhm6xw9],textarea:focus[b-3n2uhm6xw9],select:focus[b-3n2uhm6xw9]{border-color:#5a9774;box-shadow:0 0 0 4px #5a977421}.type-card[b-3n2uhm6xw9],.trigger-card[b-3n2uhm6xw9]{border:1px solid #dfe7e2;border-radius:14px;background:#fbfdfb;padding:15px;text-align:left;display:flex;gap:11px;align-items:center;cursor:pointer;color:#26342c;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.type-card:hover[b-3n2uhm6xw9],.trigger-card:hover[b-3n2uhm6xw9]{transform:translateY(-2px);border-color:#a9c2b2;box-shadow:0 10px 24px rgba(34,76,51,.1)}.type-card>span:first-child[b-3n2uhm6xw9],.trigger-card>span:first-child[b-3n2uhm6xw9]{color:#41795a}.type-card div[b-3n2uhm6xw9],.trigger-card div[b-3n2uhm6xw9]{display:grid;gap:3px;flex:1}.type-card small[b-3n2uhm6xw9],.trigger-card small[b-3n2uhm6xw9]{font-size:11px;color:#77847b;line-height:1.35}.type-card .radio[b-3n2uhm6xw9]{width:16px;height:16px;border:2px solid #bbc9c0;border-radius:50%}.type-card.selected[b-3n2uhm6xw9],.trigger-card.selected[b-3n2uhm6xw9]{border-color:#4d8a67;background:#f1f8f3;box-shadow:0 9px 24px rgba(52,118,85,.13)}.type-card.selected .radio[b-3n2uhm6xw9]{border:5px solid #347655}.trigger-grid[b-3n2uhm6xw9]{clear:both;padding-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trigger-card[b-3n2uhm6xw9]{align-items:flex-start;position:relative}.trigger-card .check[b-3n2uhm6xw9]{display:none;font-size:17px}.trigger-card.selected .check[b-3n2uhm6xw9]{display:block}.section-heading-row[b-3n2uhm6xw9],.section-heading-main[b-3n2uhm6xw9]{display:flex;align-items:flex-start}.section-heading-row[b-3n2uhm6xw9]{justify-content:space-between;gap:12px}.optional[b-3n2uhm6xw9]{font-size:9px;text-transform:uppercase;color:#8c978f;background:#f0f3f1;padding:3px 6px;border-radius:99px;vertical-align:middle}.add-outline[b-3n2uhm6xw9]{border:1px solid #cddbd2;background:white;color:#286a48;border-radius:10px;padding:8px 11px;display:flex;gap:6px;align-items:center;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 5px 14px rgba(31,76,49,.07);transition:transform .18s ease,box-shadow .18s ease}.add-outline:hover[b-3n2uhm6xw9]{transform:translateY(-2px);box-shadow:0 10px 22px rgba(31,76,49,.13)}.inline-empty[b-3n2uhm6xw9]{margin-top:18px;border:1px dashed #cfddd4;border-radius:13px;padding:17px;display:flex;gap:11px;align-items:center;background:#fafcfb}.inline-empty>.material-symbols-rounded[b-3n2uhm6xw9]{color:#71907d}.inline-empty div[b-3n2uhm6xw9]{display:grid;gap:3px}.inline-empty strong[b-3n2uhm6xw9]{font-size:13px}.inline-empty small[b-3n2uhm6xw9]{font-size:11px;color:#839087}.inline-empty.warning[b-3n2uhm6xw9]{background:#fffcf4;border-color:#e5dac0}.sortable-list[b-3n2uhm6xw9]{margin-top:18px}.condition-row[b-3n2uhm6xw9]{display:grid;grid-template-columns:30px minmax(150px,1fr) minmax(150px,.8fr) minmax(150px,1fr) auto;gap:9px;align-items:end;border:1px solid #e0e8e3;border-radius:13px;padding:12px;background:#fbfdfc;box-shadow:0 6px 18px rgba(31,64,44,.055);animation:rule-item-in-b-3n2uhm6xw9 .28s cubic-bezier(.2,.8,.2,1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.condition-row:hover[b-3n2uhm6xw9]{transform:translateY(-2px);border-color:#c2d5c8;box-shadow:0 12px 28px rgba(31,64,44,.105)}.order-chip[b-3n2uhm6xw9]{width:25px;height:25px;border-radius:8px;background:#e8f1eb;color:#347353;display:grid;place-items:center;font-size:11px;font-weight:800;align-self:center}.sort-actions[b-3n2uhm6xw9]{display:flex;gap:4px;align-self:end}.sort-actions button[b-3n2uhm6xw9]{border:0;border-radius:8px;width:31px;height:35px;background:#eef3f0;color:#657269;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.sort-actions button:hover:not(:disabled)[b-3n2uhm6xw9]{transform:translateY(-1px);background:#dfeae3;color:#255d40}.sort-actions button:disabled[b-3n2uhm6xw9]{opacity:.35}.sort-actions .remove:hover[b-3n2uhm6xw9]{background:#fff0ee;color:#b54139}.and-connector[b-3n2uhm6xw9]{text-align:center;font-size:9px;font-weight:900;color:#779084;padding:5px}.action-row[b-3n2uhm6xw9]{border:1px solid #dfe8e2;border-radius:14px;background:#fbfdfc;overflow:hidden;box-shadow:0 8px 22px rgba(30,65,44,.07);animation:rule-item-in-b-3n2uhm6xw9 .3s cubic-bezier(.2,.8,.2,1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.action-row:hover[b-3n2uhm6xw9]{transform:translateY(-2px);border-color:#bfd2c5;box-shadow:0 15px 34px rgba(30,65,44,.12)}.condition-row.removing[b-3n2uhm6xw9],.action-row.removing[b-3n2uhm6xw9]{animation:rule-item-out-b-3n2uhm6xw9 .2s ease forwards;pointer-events:none}.action-head[b-3n2uhm6xw9]{display:flex;align-items:center;gap:9px;padding:13px 14px}.action-order[b-3n2uhm6xw9]{font-size:10px;font-weight:850;color:#4f6e5b}.action-icon[b-3n2uhm6xw9]{width:34px;height:34px;border-radius:10px;background:#e7f2ea;color:#2d704d;display:grid;place-items:center;box-shadow:0 4px 10px rgba(45,112,77,.1)}.action-head>div:nth-of-type(1)[b-3n2uhm6xw9]{display:grid;gap:2px;flex:1}.action-head small[b-3n2uhm6xw9]{font-size:9px;text-transform:uppercase;color:#8a958e;letter-spacing:.06em}.action-head strong[b-3n2uhm6xw9]{font-size:13px}.action-config[b-3n2uhm6xw9]{border-top:1px solid #e6ece8;background:white;padding:14px 55px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-config b[b-3n2uhm6xw9]{color:#b2463e}.token-row[b-3n2uhm6xw9]{grid-column:1/-1;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.token-row span[b-3n2uhm6xw9]{font-size:10px;color:#87928a}.token-row button[b-3n2uhm6xw9]{border:0;background:#eef4f0;color:#37674c;border-radius:7px;padding:5px 7px;font-size:10px;cursor:pointer}.action-connector[b-3n2uhm6xw9]{text-align:center;height:28px;color:#9aaba0;position:relative}.action-connector span:first-child[b-3n2uhm6xw9]{position:absolute;left:50%;height:100%;border-left:1px dashed #aebcb3}.action-connector .material-symbols-rounded[b-3n2uhm6xw9]{position:relative;background:#f5f8f6;font-size:17px;top:6px}.editor-summary[b-3n2uhm6xw9]{position:sticky;top:82px;background:linear-gradient(145deg,#173f2b,#102f20);color:white;border-radius:18px;padding:20px;box-shadow:0 22px 48px rgba(16,47,32,.28),0 5px 14px rgba(16,47,32,.17)}.summary-eyebrow[b-3n2uhm6xw9]{font-size:9px;letter-spacing:.13em;color:#9fc5ae;font-weight:850}.editor-summary h3[b-3n2uhm6xw9]{margin:7px 0 12px;font-size:18px}.summary-kind[b-3n2uhm6xw9]{display:flex;gap:7px;align-items:center;color:#d6e7db;font-size:12px;padding-bottom:17px;border-bottom:1px solid #ffffff1c}.summary-kind .material-symbols-rounded[b-3n2uhm6xw9]{font-size:18px}.summary-flow[b-3n2uhm6xw9]{padding:18px 4px}.summary-flow div[b-3n2uhm6xw9]{display:grid;gap:4px}.summary-flow small[b-3n2uhm6xw9]{font-size:8px;letter-spacing:.12em;color:#91b39e;font-weight:850}.summary-flow strong[b-3n2uhm6xw9],.summary-flow li[b-3n2uhm6xw9]{font-size:12px;color:#f2f7f3}.summary-flow .line[b-3n2uhm6xw9]{height:19px;border-left:1px dashed #699078;margin:4px 0 4px 5px}.summary-flow ol[b-3n2uhm6xw9]{margin:3px 0 0;padding-left:18px}.summary-flow li[b-3n2uhm6xw9]{margin:4px 0}.active-setting[b-3n2uhm6xw9]{border-top:1px solid #ffffff1c;padding:15px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.active-setting div[b-3n2uhm6xw9]{display:grid;gap:3px}.active-setting strong[b-3n2uhm6xw9]{font-size:12px}.active-setting small[b-3n2uhm6xw9]{font-size:9px;color:#a8c3b1}.active-setting input[b-3n2uhm6xw9]{accent-color:#79c698;width:17px;height:17px}.save-summary[b-3n2uhm6xw9]{width:100%;justify-content:center;background:#edf6ef;color:#17402b}
@media(max-width:1100px){.editor-layout[b-3n2uhm6xw9]{grid-template-columns:1fr}.editor-summary[b-3n2uhm6xw9]{position:static}.trigger-grid[b-3n2uhm6xw9]{grid-template-columns:1fr}.condition-row[b-3n2uhm6xw9]{grid-template-columns:30px 1fr 1fr}.condition-value[b-3n2uhm6xw9]{grid-column:2/4}.sort-actions[b-3n2uhm6xw9]{grid-column:1/-1;justify-self:end}.action-config[b-3n2uhm6xw9]{padding:14px}}
@media(max-width:700px){.automation-editor[b-3n2uhm6xw9]{padding:0 12px 45px}.identity-grid[b-3n2uhm6xw9]{grid-template-columns:1fr}.wide[b-3n2uhm6xw9]{grid-column:auto}.editor-section[b-3n2uhm6xw9]{padding:16px}.section-heading-row[b-3n2uhm6xw9]{display:grid}.condition-row[b-3n2uhm6xw9]{grid-template-columns:25px 1fr}.condition-row label[b-3n2uhm6xw9],.condition-value[b-3n2uhm6xw9]{grid-column:1/-1}.action-config[b-3n2uhm6xw9]{grid-template-columns:1fr}.action-config .wide[b-3n2uhm6xw9],.token-row[b-3n2uhm6xw9]{grid-column:auto}}

.shipment-settings-row[b-3n2uhm6xw9]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #dce8e0;border-radius:13px;background:#f7faf8}.shipment-settings-row>div[b-3n2uhm6xw9]{display:flex;align-items:center;gap:10px}.shipment-settings-row>div>.material-symbols-rounded[b-3n2uhm6xw9]{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e6f1e9;color:#2e704d}.shipment-settings-row>div>div[b-3n2uhm6xw9]{display:grid;gap:2px}.shipment-settings-row strong[b-3n2uhm6xw9]{font-size:12px}.shipment-settings-row small[b-3n2uhm6xw9]{font-size:10px;color:#7b8980}.shipment-settings-row button[b-3n2uhm6xw9]{border:0;border-radius:10px;background:#173f2b;color:#fff;padding:9px 12px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 6px 16px rgba(23,63,43,.16);transition:transform .18s ease,box-shadow .18s ease}.shipment-settings-row button:hover:not(:disabled)[b-3n2uhm6xw9]{transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,63,43,.24)}.shipment-settings-row button:disabled[b-3n2uhm6xw9]{opacity:.42;cursor:not-allowed;box-shadow:none}
.automation-action-sheet[b-3n2uhm6xw9]{display:grid;gap:18px;color:#17221c}.action-sheet-intro[b-3n2uhm6xw9]{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid #dce8e0;border-radius:15px;background:#f4f8f5}.action-sheet-intro>.material-symbols-rounded[b-3n2uhm6xw9]{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e2efe6;color:#266b48;box-shadow:0 5px 12px rgba(38,107,72,.1)}.action-sheet-intro div[b-3n2uhm6xw9]{display:grid;gap:4px}.action-sheet-intro strong[b-3n2uhm6xw9]{font-size:14px}.action-sheet-intro p[b-3n2uhm6xw9]{margin:0;color:#6f7c73;font-size:11px;line-height:1.45}.action-category-list[b-3n2uhm6xw9]{display:grid;gap:20px}.action-category[b-3n2uhm6xw9]{display:grid;gap:9px}.action-category header[b-3n2uhm6xw9]{display:flex;align-items:center;justify-content:space-between;padding:0 3px}.action-category header span[b-3n2uhm6xw9]{font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#365e47}.action-category header small[b-3n2uhm6xw9]{font-size:10px;color:#8c9790}.category-actions[b-3n2uhm6xw9]{display:grid;gap:8px}.category-actions>button[b-3n2uhm6xw9]{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dfe7e2;border-radius:14px;background:#fff;text-align:left;color:#1d2922;cursor:pointer;box-shadow:0 5px 16px rgba(31,61,43,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.category-actions>button:hover[b-3n2uhm6xw9]{transform:translateY(-2px);border-color:#aac6b4;box-shadow:0 12px 28px rgba(31,61,43,.12)}.action-choice-icon[b-3n2uhm6xw9]{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#e7f2ea;color:#2d704d}.category-actions>button>div[b-3n2uhm6xw9]{display:grid;gap:3px;flex:1}.category-actions strong[b-3n2uhm6xw9]{font-size:13px}.category-actions p[b-3n2uhm6xw9]{margin:0;color:#78857c;font-size:10px;line-height:1.4}.category-actions .add-icon[b-3n2uhm6xw9]{font-size:20px;color:#397453}.shipment-settings-sheet[b-3n2uhm6xw9]{min-height:150px;color:#17221c}.shipment-settings-sheet.loading[b-3n2uhm6xw9],.shipment-settings-sheet.error[b-3n2uhm6xw9]{display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:32px}.shipment-settings-sheet.error>.material-symbols-rounded[b-3n2uhm6xw9]{font-size:34px;color:#b7443d}.shipment-settings-sheet.error p[b-3n2uhm6xw9]{max-width:520px;margin:0;color:#7b5652;font-size:12px}.sheet-spinner[b-3n2uhm6xw9]{width:30px;height:30px;border:3px solid #dce7df;border-top-color:#2f7651;border-radius:50%;animation:sheet-spin-b-3n2uhm6xw9 .8s linear infinite}.shipment-settings-sheet.form[b-3n2uhm6xw9]{display:flex;flex-direction:column;min-height:min(650px,70vh)}.shipment-sheet-intro[b-3n2uhm6xw9]{display:flex;gap:11px;align-items:center;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #e6ece8}.shipment-sheet-intro>.material-symbols-rounded[b-3n2uhm6xw9]{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e6f1e9;color:#286d49}.shipment-sheet-intro div[b-3n2uhm6xw9]{display:grid;gap:3px}.shipment-sheet-intro strong[b-3n2uhm6xw9]{font-size:14px}.shipment-sheet-intro p[b-3n2uhm6xw9]{margin:0;color:#78847c;font-size:11px}
@keyframes rule-item-in-b-3n2uhm6xw9{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes rule-item-out-b-3n2uhm6xw9{to{opacity:0;transform:translateX(18px) scale(.985);max-height:0}}@keyframes sheet-spin-b-3n2uhm6xw9{to{transform:rotate(360deg)}}
@media(max-width:700px){.condition-row[b-3n2uhm6xw9]{grid-template-columns:25px 1fr}.shipment-settings-row[b-3n2uhm6xw9]{align-items:stretch;flex-direction:column}.shipment-settings-row button[b-3n2uhm6xw9]{justify-content:center}.shipment-settings-sheet.form[b-3n2uhm6xw9]{min-height:72vh}}
@media(prefers-reduced-motion:reduce){.editor-section[b-3n2uhm6xw9],.type-card[b-3n2uhm6xw9],.trigger-card[b-3n2uhm6xw9],.condition-row[b-3n2uhm6xw9],.action-row[b-3n2uhm6xw9],.add-outline[b-3n2uhm6xw9],.save-top[b-3n2uhm6xw9],.save-summary[b-3n2uhm6xw9],.category-actions>button[b-3n2uhm6xw9]{animation:none;transition:none}}

.sort-actions button[b-3n2uhm6xw9]{padding:0;display:inline-grid;place-items:center;line-height:1;flex:0 0 31px}.sort-actions button>.material-symbols-rounded[b-3n2uhm6xw9]{display:block;width:20px;height:20px;line-height:20px;text-align:center;font-size:19px;margin:0}.dependency-alert[b-3n2uhm6xw9]{align-items:flex-start;background:#fff7e7;color:#865b16;box-shadow:0 10px 26px rgba(126,83,16,.1)}.dependency-alert>div[b-3n2uhm6xw9]{display:grid;gap:4px}.dependency-alert strong[b-3n2uhm6xw9]{font-size:13px}.dependency-alert p[b-3n2uhm6xw9]{margin:0;font-size:11px;line-height:1.45}.email-token-editor[b-3n2uhm6xw9]{grid-column:1/-1;display:grid;gap:10px;border:1px solid #dce8e0;border-radius:13px;background:#f8fbf9;padding:12px}.html-toolbar[b-3n2uhm6xw9]{display:flex;align-items:center;gap:6px}.html-toolbar>span[b-3n2uhm6xw9]{font-size:10px;color:#78857c;margin-right:3px}.html-toolbar button[b-3n2uhm6xw9]{width:31px;height:31px;border:0;border-radius:8px;background:#e8f1eb;color:#326d4d;display:grid;place-items:center;cursor:pointer}.html-toolbar button:hover[b-3n2uhm6xw9]{background:#d9e8de}.html-toolbar .material-symbols-rounded[b-3n2uhm6xw9]{font-size:17px}.html-preview[b-3n2uhm6xw9]{border-top:1px solid #e1e9e4;padding-top:10px}.html-preview summary[b-3n2uhm6xw9]{display:flex;align-items:center;gap:6px;color:#37674c;font-size:11px;font-weight:750;cursor:pointer}.html-preview summary .material-symbols-rounded[b-3n2uhm6xw9]{font-size:18px}.preview-surface[b-3n2uhm6xw9]{margin-top:10px;padding:18px;background:#fff;border:1px solid #e0e7e2;border-radius:10px;color:#27332c;font-size:12px;line-height:1.55;overflow:auto}.action-config textarea[rows="10"][b-3n2uhm6xw9]{min-height:210px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.55}.editor-section[b-3n2uhm6xw9]{border-color:#e2e9e4;box-shadow:0 14px 38px rgba(25,61,42,.095),0 3px 10px rgba(25,61,42,.04)}.action-row[b-3n2uhm6xw9],.condition-row[b-3n2uhm6xw9]{background:#fff;box-shadow:0 9px 25px rgba(25,61,42,.075)}
/* /Pages/Automations.razor.rz.scp.css */
.automations-page[b-8vlkqeygsg] { max-width: 1440px; margin: 0 auto; padding: 0 28px 56px; color: #17221c; }
.primary-cta[b-8vlkqeygsg],.secondary-cta[b-8vlkqeygsg] { border: 0; border-radius: 12px; padding: 11px 16px; font-weight: 750; display:flex; align-items:center; gap:8px; cursor:pointer; }
.primary-cta[b-8vlkqeygsg] { background:#173f2b; color:white; box-shadow:0 8px 24px #173f2b26; }
.secondary-cta[b-8vlkqeygsg] { background:#eef5f0; color:#173f2b; }
.automation-tabs[b-8vlkqeygsg] { display:flex; gap:6px; border-bottom:1px solid #dfe7e2; margin:10px 0 26px; overflow:auto; }
.automation-tabs button[b-8vlkqeygsg] { background:none; border:0; padding:14px 16px; color:#6b776f; font-weight:700; white-space:nowrap; border-bottom:2px solid transparent; cursor:pointer; }
.automation-tabs button.active[b-8vlkqeygsg] { color:#1d6643; border-color:#1d6643; }
.automation-tabs button span[b-8vlkqeygsg] { background:#edf3ef; border-radius:99px; padding:2px 7px; margin-left:5px; font-size:11px; }
.automation-tabs .unread-count[b-8vlkqeygsg] { background:#d34b47; color:white; }
.automation-alert[b-8vlkqeygsg] { display:flex; gap:9px; padding:12px 14px; border-radius:12px; background:#fff1ef; color:#a63832; margin-bottom:18px; }
.automation-toolbar[b-8vlkqeygsg] { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.search-box[b-8vlkqeygsg] { display:flex; gap:8px; align-items:center; background:white; border:1px solid #dce5df; border-radius:12px; padding:0 12px; width:min(380px,100%); }
.search-box input[b-8vlkqeygsg] { border:0; outline:0; padding:11px 0; width:100%; background:transparent; }
.results-count[b-8vlkqeygsg] { color:#77837b; font-size:13px; }
.automation-list[b-8vlkqeygsg] { display:grid; gap:14px; }
.automation-card[b-8vlkqeygsg] { background:rgba(255,255,255,.86); border:1px solid #dfe8e2; border-radius:18px; padding:20px 22px 15px; box-shadow:0 8px 28px rgba(25,61,42,.055); transition:.2s; }
.automation-card:hover[b-8vlkqeygsg] { border-color:#b9d0c1; transform:translateY(-1px); }
.automation-card.inactive[b-8vlkqeygsg] { opacity:.62; }
.rule-leading[b-8vlkqeygsg] { display:flex; align-items:flex-start; gap:14px; }
.rule-icon[b-8vlkqeygsg] { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:#e4f2e8; color:#226944; }
.rule-leading h2[b-8vlkqeygsg] { font-size:17px; margin:0; }
.rule-leading p[b-8vlkqeygsg] { color:#77837b; margin:5px 0 0; font-size:13px; }
.rule-title[b-8vlkqeygsg] { display:flex; align-items:center; gap:9px; }
.kind-badge[b-8vlkqeygsg] { padding:3px 8px; border-radius:99px; background:#f1f4f2; color:#68746c; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.rule-flow[b-8vlkqeygsg] { display:grid; grid-template-columns:minmax(190px,.9fr) 24px minmax(140px,.6fr) 24px minmax(260px,1.4fr); align-items:center; gap:8px; margin:18px 0; padding:14px; background:#f7faf8; border-radius:14px; }
.flow-node small[b-8vlkqeygsg] { display:block; font-size:9px; letter-spacing:.12em; color:#91a097; font-weight:850; margin-bottom:5px; }
.flow-node strong[b-8vlkqeygsg] { display:flex; align-items:center; gap:7px; font-size:13px; }
.flow-node strong .material-symbols-rounded[b-8vlkqeygsg] { font-size:18px; color:#36805a; }
.flow-arrow[b-8vlkqeygsg] { color:#b8c5bd; font-size:18px; }
.rule-footer[b-8vlkqeygsg] { border-top:1px solid #edf1ee; padding-top:13px; display:flex; justify-content:space-between; align-items:center; }
.last-run[b-8vlkqeygsg] { color:#88938c; font-size:11px; }
.rule-actions[b-8vlkqeygsg] { display:flex; gap:7px; align-items:center; }
.rule-actions button[b-8vlkqeygsg] { border:0; width:34px; height:34px; border-radius:9px; background:#f1f5f2; color:#526059; cursor:pointer; }
.rule-actions button.delete:hover[b-8vlkqeygsg] { background:#fff0ef; color:#b13c35; }
.switch input[b-8vlkqeygsg] { display:none; }.switch span[b-8vlkqeygsg] { display:block; width:38px; height:22px; background:#cbd5ce; border-radius:99px; position:relative; cursor:pointer; }.switch span[b-8vlkqeygsg]:after { content:""; position:absolute; width:16px; height:16px; background:white; border-radius:50%; top:3px; left:3px; transition:.2s; box-shadow:0 1px 3px #0003; }.switch input:checked + span[b-8vlkqeygsg] { background:#2f7e56; }.switch input:checked + span[b-8vlkqeygsg]:after { left:19px; }
.automation-empty[b-8vlkqeygsg] { text-align:center; padding:70px 20px; border:1px dashed #c9d8ce; border-radius:20px; background:#ffffff91; }.automation-empty>.material-symbols-rounded[b-8vlkqeygsg] { font-size:46px; color:#5d8e72; }.automation-empty h2[b-8vlkqeygsg] { margin:10px 0 5px; }.automation-empty p[b-8vlkqeygsg] { color:#758179; }.automation-empty button[b-8vlkqeygsg] { border:0; background:#173f2b; color:white; border-radius:11px; padding:11px 16px; font-weight:700; cursor:pointer; }
.reminders-list[b-8vlkqeygsg],.history-list[b-8vlkqeygsg] { display:grid; gap:10px; }.reminder-row[b-8vlkqeygsg],.history-row[b-8vlkqeygsg] { display:flex; gap:14px; align-items:center; background:white; border:1px solid #e0e8e3; border-radius:15px; padding:16px 18px; }.reminder-row.unread[b-8vlkqeygsg] { border-left:4px solid #2c7c54; }.reminder-icon[b-8vlkqeygsg] { width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e6f3ea;color:#246944; }.reminder-copy[b-8vlkqeygsg],.history-row>div[b-8vlkqeygsg] { flex:1; }.reminder-copy strong[b-8vlkqeygsg],.history-row strong[b-8vlkqeygsg] { font-size:14px; }.reminder-copy p[b-8vlkqeygsg],.history-row p[b-8vlkqeygsg] { margin:4px 0;color:#637067;font-size:13px; }.reminder-copy small[b-8vlkqeygsg],.history-row time[b-8vlkqeygsg] { color:#929c95;font-size:11px; }.reminder-actions[b-8vlkqeygsg] { display:flex;gap:7px; }.reminder-actions button[b-8vlkqeygsg] { border:1px solid #d9e2dc;background:white;padding:8px 10px;border-radius:9px;font-weight:650;color:#56645b;cursor:pointer; }.reminder-actions .open[b-8vlkqeygsg] { background:#eaf3ed;color:#246744;border:0;display:flex;align-items:center;gap:5px; }.run-state[b-8vlkqeygsg] { width:34px;height:34px;display:grid;place-items:center;border-radius:50%; }.run-state.completed[b-8vlkqeygsg] { background:#e4f3e8;color:#247149; }.run-state.failed[b-8vlkqeygsg] { background:#fff0ee;color:#b23d36; }.history-row time[b-8vlkqeygsg] { margin-left:auto; }.error-copy[b-8vlkqeygsg] { color:#b23d36; }
@media(max-width:850px){.automations-page[b-8vlkqeygsg]{padding:0 14px 40px}.rule-flow[b-8vlkqeygsg]{grid-template-columns:1fr}.flow-arrow[b-8vlkqeygsg]{transform:rotate(90deg);justify-self:center}.rule-footer[b-8vlkqeygsg]{gap:10px}.reminder-row[b-8vlkqeygsg],.history-row[b-8vlkqeygsg]{align-items:flex-start;flex-wrap:wrap}.reminder-actions[b-8vlkqeygsg]{width:100%}.history-row time[b-8vlkqeygsg]{width:100%;margin-left:48px}}

.automation-card[b-8vlkqeygsg]{animation:automation-card-in-b-8vlkqeygsg .32s cubic-bezier(.2,.8,.2,1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.automation-card:hover[b-8vlkqeygsg]{transform:translateY(-4px);border-color:#bfd2c5;box-shadow:0 18px 42px rgba(30,65,44,.13),0 4px 12px rgba(30,65,44,.05)}.automation-card.removing[b-8vlkqeygsg]{animation:automation-card-out-b-8vlkqeygsg .23s ease forwards;pointer-events:none}.rule-actions button[b-8vlkqeygsg]{transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.rule-actions button:hover[b-8vlkqeygsg]{transform:translateY(-2px);box-shadow:0 7px 15px rgba(31,61,43,.12)}.primary-cta[b-8vlkqeygsg],.secondary-cta[b-8vlkqeygsg],.automation-tabs button[b-8vlkqeygsg],.reminder-row[b-8vlkqeygsg],.history-row[b-8vlkqeygsg]{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-cta:hover[b-8vlkqeygsg],.secondary-cta:hover[b-8vlkqeygsg]{transform:translateY(-2px);box-shadow:0 11px 26px rgba(23,63,43,.17)}.automation-tabs button:hover[b-8vlkqeygsg]{background:#f1f6f2}.reminder-row:hover[b-8vlkqeygsg],.history-row:hover[b-8vlkqeygsg]{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,65,44,.09)}
@keyframes automation-card-in-b-8vlkqeygsg{from{opacity:0;transform:translateY(12px) scale(.988)}to{opacity:1;transform:none}}@keyframes automation-card-out-b-8vlkqeygsg{to{opacity:0;transform:translateX(26px) scale(.985);max-height:0;margin:0;padding-top:0;padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.automation-card[b-8vlkqeygsg],.primary-cta[b-8vlkqeygsg],.secondary-cta[b-8vlkqeygsg],.automation-tabs button[b-8vlkqeygsg],.reminder-row[b-8vlkqeygsg],.history-row[b-8vlkqeygsg]{animation:none;transition:none}}

.automation-card.broken[b-8vlkqeygsg]{opacity:1;border-color:#eadab8;background:#fffdfa}.rule-error[b-8vlkqeygsg]{width:100%;border:1px solid #ead6ad;border-radius:12px;background:#fff7e7;color:#805918;margin:14px 0 0;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.rule-error:hover[b-8vlkqeygsg]{transform:translateY(-1px);background:#fff3d7;box-shadow:0 8px 20px rgba(128,89,24,.1)}.rule-error>span:nth-child(2)[b-8vlkqeygsg]{display:grid;gap:2px;flex:1}.rule-error strong[b-8vlkqeygsg]{font-size:11px}.rule-error small[b-8vlkqeygsg]{font-size:10px;line-height:1.4;color:#936d2d}.rule-error>.material-symbols-rounded[b-8vlkqeygsg]{font-size:19px}.switch.disabled[b-8vlkqeygsg]{opacity:.45}.switch.disabled span[b-8vlkqeygsg]{cursor:not-allowed}.automation-card[b-8vlkqeygsg]{background:#fff;box-shadow:0 14px 38px rgba(25,61,42,.09),0 3px 10px rgba(25,61,42,.04)}.rule-flow[b-8vlkqeygsg]{background:#f6f9f7;border:1px solid #e8eeea}.automation-toolbar[b-8vlkqeygsg]{padding:10px 12px;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(25,61,42,.06)}
/* /Pages/Customers.razor.rz.scp.css */
.customers-page[b-6w5uxt40vf] { display:grid; gap:14px; align-content:start; grid-auto-rows:max-content; }
.customers-page>.top-bar[b-6w5uxt40vf] { margin-bottom:0!important; align-self:start; }
.customer-toolbar[b-6w5uxt40vf] { display:grid; grid-template-columns:auto minmax(260px,1fr) auto; gap:12px; align-items:center; }
.customer-segments[b-6w5uxt40vf] { display:flex; align-items:center; padding:4px; border:1px solid #e2e7ed; background:#f3f6f8; border-radius:12px; }
.customer-segments button[b-6w5uxt40vf] { min-height:38px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:0; border-radius:9px; background:transparent; color:#687487; font-size:12px; font-weight:750; cursor:pointer; white-space:nowrap; }
.customer-segments button.active[b-6w5uxt40vf] { color:#152236; background:#fff; box-shadow:0 2px 8px rgba(29,42,60,.08); }
.customer-segments .material-symbols-rounded[b-6w5uxt40vf] { font-size:18px; }
.customer-search[b-6w5uxt40vf] { min-height:46px; display:flex; align-items:center; gap:10px; padding:0 10px 0 14px; border:1px solid #dde4eb; border-radius:12px; background:#fff; transition:.18s ease; }
.customer-search:focus-within[b-6w5uxt40vf] { border-color:#438d69; box-shadow:0 0 0 3px rgba(42,135,89,.09); }
.customer-search>.material-symbols-rounded[b-6w5uxt40vf] { color:#8792a2; font-size:21px; }
.customer-search input[b-6w5uxt40vf] { width:100%!important; min-width:0!important; min-height:0!important; padding:0!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; color:#172033!important; font:inherit; font-size:13px!important; }
.customer-search button[b-6w5uxt40vf] { width:30px; height:30px; display:grid; place-items:center; border:0; border-radius:8px; background:#f1f4f7; color:#667286; cursor:pointer; }
.customer-search button span[b-6w5uxt40vf] { font-size:17px; }
.customer-page-size[b-6w5uxt40vf] { min-height:46px; display:flex; align-items:center; gap:9px; padding:0 9px 0 13px; border:1px solid #dde4eb; border-radius:12px; background:#fff; color:#748094; font-size:11px; font-weight:700; white-space:nowrap; }
.customer-page-size select[b-6w5uxt40vf] { width:auto!important; min-height:32px!important; border:0!important; border-radius:8px!important; padding:0 29px 0 9px!important; background-color:#f2f5f7!important; box-shadow:none!important; color:#253147!important; font-weight:750!important; outline:0!important; }
.customer-list-shell[b-6w5uxt40vf] { border:1px solid #e2e7ed; border-radius:20px; background:#fff; overflow:hidden; box-shadow:0 8px 25px rgba(28,39,55,.045); }
.customer-list-head[b-6w5uxt40vf] { min-height:44px; display:grid; grid-template-columns:48px minmax(230px,1.45fr) minmax(210px,1fr) minmax(160px,.75fr) 150px; align-items:center; padding:0 16px; border-bottom:1px solid #e8ecf0; background:#f8fafb; color:#8a94a3; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.02em; }
.customer-check[b-6w5uxt40vf] { width:22px; height:22px; display:grid; place-items:center; position:relative; cursor:pointer; }
.customer-check input[b-6w5uxt40vf] { position:absolute; opacity:0; pointer-events:none; }
.customer-check>span[b-6w5uxt40vf] { width:18px; height:18px; box-sizing:border-box; border:1.5px solid #cbd3dd; border-radius:6px; background:#fff; transition:.16s; }
.customer-check input:checked+span[b-6w5uxt40vf] { border-color:#1f8055; background:#1f8055; box-shadow:inset 0 0 0 4px #fff; }
.customer-row[b-6w5uxt40vf] { min-height:82px; display:grid; grid-template-columns:48px minmax(230px,1.45fr) minmax(210px,1fr) minmax(160px,.75fr) 150px; align-items:center; padding:0 16px; border-bottom:1px solid #edf0f3; cursor:pointer; transition:.16s ease; position:relative; }
.customer-row:last-child[b-6w5uxt40vf] { border-bottom:0; }
.customer-row:hover[b-6w5uxt40vf] { background:#fafcfb; }
.customer-row.selected[b-6w5uxt40vf] { background:#f1f8f4; box-shadow:inset 3px 0 #238257; }
.customer-row.blacklisted[b-6w5uxt40vf] { box-shadow:inset 3px 0 #d53b48; }
.customer-row.blacklisted.selected[b-6w5uxt40vf] { box-shadow:inset 3px 0 #d53b48; background:#fff7f7; }
.customer-identity[b-6w5uxt40vf] { min-width:0; display:flex; align-items:center; gap:12px; padding-right:14px; }
.customer-avatar[b-6w5uxt40vf] { width:40px; height:40px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; background:#eef6f2; color:#217550; }
.customer-avatar span[b-6w5uxt40vf] { font-size:21px; }
.customer-identity>div:nth-child(2)[b-6w5uxt40vf] { min-width:0; display:grid; gap:3px; }
.customer-identity strong[b-6w5uxt40vf] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#172033; font-size:13px; }
.customer-identity small[b-6w5uxt40vf] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#7e8999; font-size:11px; }
.customer-flag[b-6w5uxt40vf] { margin-left:auto; display:inline-flex; align-items:center; gap:4px; padding:6px 8px; border-radius:8px; background:#fff0f1; color:#c32d3b; font-size:9px; font-weight:850; white-space:nowrap; }
.customer-flag span[b-6w5uxt40vf] { font-size:14px; }
.customer-contact[b-6w5uxt40vf] { min-width:0; display:grid; gap:5px; padding-right:12px; }
.customer-contact>span[b-6w5uxt40vf] { min-width:0; display:flex; align-items:center; gap:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#59667a; font-size:11px; }
.customer-contact .material-symbols-rounded[b-6w5uxt40vf] { flex:0 0 auto; color:#98a2b0; font-size:15px; }
.customer-contact .muted[b-6w5uxt40vf] { color:#a0a8b4; }
.customer-sales[b-6w5uxt40vf] { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding-right:10px; }
.customer-sales>span[b-6w5uxt40vf] { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border-radius:999px; font-size:9px; font-weight:800; white-space:nowrap; }
.customer-category[b-6w5uxt40vf] { background:#eef3f7; color:#536174; }
.customer-discount[b-6w5uxt40vf] { background:#e9f7ef; color:#187347; }
.customer-sales small[b-6w5uxt40vf] { width:100%; color:#8a94a3; font-size:10px; }
.customer-last-order[b-6w5uxt40vf] { display:flex; align-items:center; justify-content:flex-end; gap:10px; color:#536074; }
.customer-last-order strong[b-6w5uxt40vf] { font-size:11px; font-weight:750; }
.customer-last-order .material-symbols-rounded[b-6w5uxt40vf] { color:#a0a9b5; font-size:19px; }
.customer-mobile-meta[b-6w5uxt40vf] { display:none; }
.customers-state[b-6w5uxt40vf] { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:30px; color:#687487; text-align:center; }
.customers-state.empty>.material-symbols-rounded[b-6w5uxt40vf] { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; background:#f1f5f3; color:#5f7b6d; font-size:26px; }
.customers-state strong[b-6w5uxt40vf] { color:#2d394c; font-size:14px; }
.customers-state small[b-6w5uxt40vf] { max-width:430px; color:#8a94a3; font-size:11px; }
.customers-state button[b-6w5uxt40vf] { margin-top:8px; min-height:38px; padding:0 14px; border:0; border-radius:10px; background:#207c54; color:#fff; font-weight:750; cursor:pointer; }
.customer-spinner[b-6w5uxt40vf] { width:24px; height:24px; border:3px solid #dfe8e3; border-top-color:#27825a; border-radius:50%; animation:customer-spin-b-6w5uxt40vf .75s linear infinite; }
@keyframes customer-spin-b-6w5uxt40vf { to { transform:rotate(360deg); } }
.customer-pagination[b-6w5uxt40vf] { display:flex; justify-content:center; align-items:center; gap:12px; }
.customer-pagination button[b-6w5uxt40vf] { width:38px; height:38px; display:grid; place-items:center; border:1px solid #dfe5eb; border-radius:10px; background:#fff; color:#526074; cursor:pointer; }
.customer-pagination button:disabled[b-6w5uxt40vf] { opacity:.4; cursor:default; }
.customer-pagination span[b-6w5uxt40vf] { color:#7b8798; font-size:11px; }
.customer-pagination strong[b-6w5uxt40vf] { color:#263247; }

.customer-actions-sheet[b-6w5uxt40vf] { display:grid; gap:14px; max-width:620px; margin:0 auto; padding:2px 2px 8px; }
.customer-actions-summary[b-6w5uxt40vf] { display:flex; align-items:center; gap:12px; margin-bottom:2px; padding:4px 2px 16px; border-bottom:1px solid #e8edf2; }
.customer-actions-summary>.material-symbols-rounded[b-6w5uxt40vf] { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:#edf6f1; color:#247751; }
.customer-actions-summary>div[b-6w5uxt40vf] { display:grid; gap:2px; }
.customer-actions-summary strong[b-6w5uxt40vf] { font-size:14px; }
.customer-actions-summary small[b-6w5uxt40vf] { color:#8590a0; font-size:11px; }
.customer-sheet-action[b-6w5uxt40vf] { width:100%; min-height:60px; display:flex; align-items:center; gap:12px; padding:11px 13px; border:1px solid #e4e9ef; border-radius:13px; background:#fff; color:#253147; text-align:left; cursor:pointer; transition:.16s; }
.customer-sheet-action:hover[b-6w5uxt40vf] { border-color:#cad6cf; background:#f9fbfa; transform:translateY(-1px); }
.customer-sheet-action>.material-symbols-rounded[b-6w5uxt40vf] { width:36px; height:36px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; background:#f1f4f6; color:#506075; font-size:20px; }
.customer-sheet-action>div[b-6w5uxt40vf] { display:grid; gap:2px; }
.customer-sheet-action strong[b-6w5uxt40vf] { font-size:12px; }
.customer-sheet-action small[b-6w5uxt40vf] { color:#8390a1; font-size:10px; }
.customer-sheet-action.warning>.material-symbols-rounded[b-6w5uxt40vf] { background:#fff2f2; color:#c0313e; }
.customer-sheet-action.danger[b-6w5uxt40vf] { color:#b62c39; }
.customer-discount-action[b-6w5uxt40vf] { display:grid; grid-template-columns:1fr auto; align-items:center; gap:14px; padding:13px; border:1px solid #e4e9ef; border-radius:13px; background:#fbfcfd; }
.customer-discount-action>div:first-child[b-6w5uxt40vf] { display:grid; gap:2px; }
.customer-discount-action strong[b-6w5uxt40vf] { font-size:12px; }
.customer-discount-action small[b-6w5uxt40vf] { color:#8390a1; font-size:10px; }
.customer-discount-action>div:last-child[b-6w5uxt40vf] { display:flex; align-items:center; gap:6px; }
.customer-discount-action input[b-6w5uxt40vf] { width:78px!important; min-height:38px!important; box-sizing:border-box; border:1px solid #dce3eb!important; border-radius:9px!important; padding:0 10px!important; background:#fff!important; box-shadow:none!important; }
.customer-discount-action button[b-6w5uxt40vf] { min-height:38px; padding:0 12px; border:0; border-radius:9px; background:#237d56; color:#fff; font-weight:750; cursor:pointer; }
.customer-bulk-confirm[b-6w5uxt40vf] { display:grid; grid-template-columns:1fr auto auto; gap:9px; align-items:center; padding:13px; border:1px solid #ffd2d5; border-radius:13px; background:#fff4f4; }
.customer-bulk-confirm strong[b-6w5uxt40vf] { font-size:11px; color:#8e3038; }
.customer-bulk-confirm button[b-6w5uxt40vf] { min-height:36px; padding:0 11px; border:0; border-radius:9px; background:#be2e3a; color:#fff; font-weight:750; cursor:pointer; }
.customer-bulk-confirm button.cancel[b-6w5uxt40vf] { background:#fff; color:#5b6472; border:1px solid #e7d5d7; }

@media (max-width:900px) {
  .customer-toolbar[b-6w5uxt40vf] { grid-template-columns:1fr auto; }
  .customer-segments[b-6w5uxt40vf] { grid-column:1/-1; width:max-content; }
  .customer-list-head[b-6w5uxt40vf] { display:none; }
  .customer-row[b-6w5uxt40vf] { grid-template-columns:40px minmax(0,1fr) auto; min-height:96px; padding:12px 13px; }
  .customer-contact[b-6w5uxt40vf] { display:none; }
  .customer-sales[b-6w5uxt40vf] { justify-content:flex-end; }
  .customer-sales small[b-6w5uxt40vf] { text-align:right; }
  .customer-last-order[b-6w5uxt40vf] { display:none; }
  .customer-mobile-meta[b-6w5uxt40vf] { display:flex; flex-wrap:wrap; gap:4px 9px; }
  .customer-mobile-meta span[b-6w5uxt40vf] { color:#7d8999; font-size:9px; }
}
@media (max-width:620px) {
  .customers-page[b-6w5uxt40vf] { gap:15px; }
  .customer-toolbar[b-6w5uxt40vf] { grid-template-columns:1fr; gap:10px; }
  .customer-segments[b-6w5uxt40vf] { width:100%; }
  .customer-segments button[b-6w5uxt40vf] { flex:1; }
  .customer-page-size[b-6w5uxt40vf] { width:max-content; }
  .customer-list-shell[b-6w5uxt40vf] { border-radius:13px; }
  .customer-row[b-6w5uxt40vf] { grid-template-columns:32px minmax(0,1fr); }
  .customer-select-cell[b-6w5uxt40vf] { align-self:start; padding-top:9px; }
  .customer-identity[b-6w5uxt40vf] { padding-right:0; }
  .customer-avatar[b-6w5uxt40vf] { width:38px; height:38px; }
  .customer-flag[b-6w5uxt40vf] { position:absolute; right:11px; bottom:10px; }
  .customer-sales[b-6w5uxt40vf] { grid-column:2; justify-content:flex-start; padding:7px 0 0 50px; }
  .customer-sales small[b-6w5uxt40vf] { width:auto; text-align:left; }
  .customer-discount-action[b-6w5uxt40vf] { grid-template-columns:1fr; }
  .customer-bulk-confirm[b-6w5uxt40vf] { grid-template-columns:1fr 1fr; }
  .customer-bulk-confirm strong[b-6w5uxt40vf] { grid-column:1/-1; }
}
/* /Pages/Dostawa.razor.rz.scp.css */
    *[b-btg8fwn5er] { box-sizing: border-box; }
    
    body[b-btg8fwn5er] {
        margin: 0;
        background-color: #F8FAFC; 
        color: #0F172A;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
    }

    .app-container[b-btg8fwn5er] {
        width: 100%;
        min-height: 100vh;
        padding: 16px;
    }

    .content-wrapper[b-btg8fwn5er] {
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .top-nav[b-btg8fwn5er] {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
    }

    .btn-back[b-btg8fwn5er] {
        background: transparent;
        border: none;
        color: #64748B;
        font-weight: 500;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 0;
        cursor: pointer;
        transition: color 0.2s;
    }
    .btn-back:hover[b-btg8fwn5er] { color: #0F172A; }

    .header-main[b-btg8fwn5er] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap; 
        gap: 16px;
    }

    .header-title-group[b-btg8fwn5er] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .page-title[b-btg8fwn5er] {
        font-size: 24px;
        font-weight: 700;
        color: #0F172A;
        margin: 0;
        line-height: 1.2;
    }

    .status-pill[b-btg8fwn5er] {
        align-self: flex-start;
        background: #EFF6FF;
        color: #2563EB;
        font-size: 12px;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 20px;
        border: 1px solid #DBEAFE;
    }

    .card[b-btg8fwn5er] {
        background: white;
        border-radius: 12px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
        border: 1px solid #E2E8F0;
        overflow: visible;
    }

    .card-header[b-btg8fwn5er] {
        padding: 20px;
        border-bottom: 1px solid #F1F5F9;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #FFFFFF;
        border-radius: 12px 12px 0 0;
    }

    .card-title[b-btg8fwn5er] {
        font-size: 16px;
        font-weight: 600;
        color: #0F172A;
        margin: 0;
    }

    .info-grid[b-btg8fwn5er] {
        padding: 24px;
        display: grid;
        grid-template-columns: repeat(2, 1fr); 
        gap: 24px;
    }

    .info-item[b-btg8fwn5er] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .label[b-btg8fwn5er] {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #64748B;
        font-weight: 700;
    }

    .value[b-btg8fwn5er] {
        font-size: 15px;
        color: #0F172A;
        font-weight: 500;
    }

    .value-row[b-btg8fwn5er] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .edit-grid[b-btg8fwn5er] {
        padding: 24px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .form-control[b-btg8fwn5er] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #CBD5E1;
        border-radius: 8px;
        font-size: 14px;
        background: #F8FAFC;
    }
    .form-control:focus[b-btg8fwn5er] {
        background: white;
        border-color: #2563EB;
        outline: none;
    }

    .search-wrapper[b-btg8fwn5er] {
    position: relative;
    width: 100%;
}
.input-icon-status[b-btg8fwn5er] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 20px;
    transition: all 0.2s;
}
.status-warning[b-btg8fwn5er] {
    color: #F59E0B; /* Pomarańczowy */
}

.status-success[b-btg8fwn5er] {
    color: #10B981; /* Zielony */
}

/* Modyfikatory inputa */
.form-control.input-warning[b-btg8fwn5er] {
    border-color: #F59E0B;
    padding-right: 40px; 
    background-color: #FFFBEB;
}

.form-control.input-success[b-btg8fwn5er] {
    border-color: #10B981;
    padding-right: 40px;
    background-color: #F0FDF4;
}
.dropdown-add-new[b-btg8fwn5er] {
    padding: 12px;
    color: #2563EB;
    font-weight: 600;
    background: #EFF6FF;
    cursor: pointer;
    border-top: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s;
}
.dropdown-header[b-btg8fwn5er] {
    padding: 8px 12px;
    font-size: 11px;
    color: #94A3B8;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #F8FAFC;
    border-bottom: 1px solid #F1F5F9;
}
.dropdown-add-new:hover[b-btg8fwn5er] {
    background: #DBEAFE;
}
.icon-connected[b-btg8fwn5er] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px; /* Odstęp od tekstu */
    background-color: #EFF6FF; /* Bardzo jasny niebieski */
    color: #2563EB; /* Wyrazisty niebieski */
    border-radius: 6px;
    padding: 2px 4px;
    height: 22px;
}

.icon-connected .material-symbols-rounded[b-btg8fwn5er] {
    font-size: 16px; /* Mniejszy rozmiar ikony, żeby nie krzyczała */
    font-weight: 600;
}

    .dropdown-results[b-btg8fwn5er] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #E2E8F0;
        border-radius: 8px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        z-index: 50;
        max-height: 200px;
        overflow-y: auto;
        margin-top: 4px;
        list-style: none;
        padding: 0;
    }

    .dropdown-item[b-btg8fwn5er] {
        padding: 10px 12px;
        font-size: 14px;
        color: #334155;
        cursor: pointer;
        border-bottom: 1px solid #F1F5F9;
    }
    .dropdown-item:hover[b-btg8fwn5er] {
        background: #F8FAFC;
        color: #0F172A;
    }

    .table-responsive[b-btg8fwn5er] {
        width: 100%;
        overflow-x: auto; 
    }

    .data-table[b-btg8fwn5er] {
        width: 100%;
        border-collapse: collapse;
        min-width: 100%; 
    }

    .data-table th[b-btg8fwn5er] {
        text-align: left;
        padding: 12px 20px;
        font-size: 12px;
        font-weight: 600;
        color: #64748B;
        background: #F8FAFC;
        border-bottom: 1px solid #E2E8F0;
    }

    .data-table td[b-btg8fwn5er] {
        padding: 16px 20px;
        font-size: 14px;
        color: #334155;
        border-bottom: 1px solid #F1F5F9;
    }

    .text-right[b-btg8fwn5er] { text-align: left; } 
    
    .font-bold[b-btg8fwn5er] { font-weight: 600; color: #0F172A; }

    .summary-footer[b-btg8fwn5er] {
    padding: 24px;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    border-radius: 0 0 12px 12px;
}
.footer-edit-panel[b-btg8fwn5er] {
    width: 100%;
    max-width: 420px;
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    border: 1px solid #E2E8F0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 12px;
    animation: fadeIn-b-btg8fwn5er 0.2s ease-out;
}
@keyframes fadeIn-b-btg8fwn5er {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
.modern-input-group[b-btg8fwn5er] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.modern-label[b-btg8fwn5er] {
    font-size: 12px;
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.modern-input[b-btg8fwn5er] {
    width: 100%;
    padding: 10px 12px;
    background: #F1F5F9;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    color: #0F172A;
    font-weight: 500;
    transition: all 0.2s;
}

.modern-input:focus[b-btg8fwn5er] {
    background: white;
    border-color: #2563EB;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    outline: none;
}

.modern-row[b-btg8fwn5er] {
    display: flex;
    gap: 12px;
}



    .delivery-settings[b-btg8fwn5er] {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 12px;
        width: 100%;
        max-width: 400px;
        padding-bottom: 16px;
        border-bottom: 1px solid #E2E8F0;
    }

    .segmented-control[b-btg8fwn5er] {
    display: flex;
    background: #F1F5F9;
    padding: 3px;
    border-radius: 8px;
    width: 100%;
}

    .segment-btn[b-btg8fwn5er] {
    flex: 1;
    padding: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #64748B;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

    .segment-btn.active[b-btg8fwn5er] {
    background: white;
    color: #2563EB;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

    .input-group-row[b-btg8fwn5er] {
        display: flex;
        gap: 8px;
        width: 100%;
        justify-content: flex-end;
    }

    .input-sm[b-btg8fwn5er] {
        padding: 8px 12px;
        border: 1px solid #CBD5E1;
        border-radius: 8px;
        font-size: 14px;
        outline: none;
        background: white;
    }
    .input-sm:focus[b-btg8fwn5er] { border-color: #2563EB; }

    /* Summary rows styling */
.summary-row[b-btg8fwn5er] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 320px;
    font-size: 14px;
    color: #64748B;
    padding: 4px 0;
}

.summary-row.interactive:hover[b-btg8fwn5er] {
    color: #334155;
}
    
    .summary-total[b-btg8fwn5er] {
    font-size: 18px;
    font-weight: 700;
    color: #0F172A;
    border-top: 1px solid #E2E8F0;
    padding-top: 16px;
    margin-top: 8px;
    width: 100%;
    max-width: 320px;
}


    .btn[b-btg8fwn5er] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 16px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        border: none;
        transition: all 0.2s;
        gap: 8px;
        white-space: nowrap;
    }

    .btn-primary[b-btg8fwn5er] { background: #0F172A; color: white; }
    .btn-primary:hover[b-btg8fwn5er] { background: #334155; }

    .btn-secondary[b-btg8fwn5er] { background: white; border: 1px solid #CBD5E1; color: #0F172A; }
    .btn-secondary:hover[b-btg8fwn5er] { background: #F1F5F9; }
.btn-icon-sm[b-btg8fwn5er] {
    padding: 4px;
    border-radius: 4px;
    border: none;
    background: transparent;
    color: #94A3B8;
    cursor: pointer;
    margin-left: 8px;
    display: flex;
    align-items: center;
}
.btn-icon-sm:hover[b-btg8fwn5er] {
    background: #EFF6FF;
    color: #2563EB;
}
    .btn-icon[b-btg8fwn5er] {
        padding: 8px;
        background: transparent;
        color: #64748B;
        border-radius: 6px;
        border: 0;
        cursor: pointer;
        display: flex;
    }
    .btn-icon:hover[b-btg8fwn5er] { background: #F1F5F9; color: #0F172A; }

    .btn-eye[b-btg8fwn5er] {
        padding: 4px;
        color: #2563EB;
        background: #EFF6FF;
        border-radius: 6px;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
    }
    .btn-eye:hover[b-btg8fwn5er] { background: #DBEAFE; }

    .btn-delete[b-btg8fwn5er] {
        width: 36px; height: 36px;
        border-radius: 8px;
        background: white;
        border: 1px solid #FECACA;
        color: #EF4444;
        display: flex; align-items: center; justify-content: center;
        cursor: pointer;
    }
.edit-actions[b-btg8fwn5er] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

    .btn-delete-row[b-btg8fwn5er] {
        background: transparent; border: none;
        color: #94A3B8; cursor: pointer; padding: 4px;
        display: flex; align-items: center;
    }
    .btn-delete-row:hover[b-btg8fwn5er] { color: #EF4444; }

    @media (min-width: 768px) {
        .app-container[b-btg8fwn5er] { padding: 32px; }
        .info-grid[b-btg8fwn5er] { grid-template-columns: repeat(4, 1fr); }
        .edit-grid[b-btg8fwn5er] { grid-template-columns: repeat(3, 1fr); align-items: end; }
        .header-main[b-btg8fwn5er] { align-items: center; }
        .page-title[b-btg8fwn5er] { font-size: 28px; }
    }

    @media (max-width: 767px) {
        .data-table thead[b-btg8fwn5er] { display: none; }
        
        .data-table[b-btg8fwn5er], .data-table tbody[b-btg8fwn5er], .data-table tr[b-btg8fwn5er], .data-table td[b-btg8fwn5er] {
            display: block;
            width: 100%;
        }

        .data-table tr[b-btg8fwn5er] {
            margin-bottom: 16px;
            background: white;
            border-bottom: 1px solid #E2E8F0;
            padding: 16px;
            position: relative;
        }

        .data-table td[b-btg8fwn5er] {
            padding: 4px 0;
            border: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
            text-align: right;
        }

        .data-table td[b-btg8fwn5er]::before {
            content: attr(data-label);
            font-size: 12px;
            font-weight: 600;
            color: #94A3B8;
            text-transform: uppercase;
        }

        .data-table td:first-child[b-btg8fwn5er] {
            text-align: left;
            margin-bottom: 8px;
            padding-right: 40px; 
        }
        .data-table td:first-child[b-btg8fwn5er]::before { display: none; }
        .data-table td:first-child .value[b-btg8fwn5er] { font-size: 16px; font-weight: 600; color: #0F172A; }

        .data-table td:last-child[b-btg8fwn5er] {
            position: absolute;
            top: 12px;
            right: 8px;
            width: auto;
            padding: 0;
            justify-content: flex-end;
        }
        .data-table td:last-child[b-btg8fwn5er]::before { display: none; }
    }

    /* --- ANIMACJE I KLASY POMOCNICZE --- */

/* Wejście strony */
.fade-in-page[b-btg8fwn5er] {
    animation: fadeInPage-b-btg8fwn5er 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeInPage-b-btg8fwn5er {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Usuwanie wiersza */
.row-animate-out[b-btg8fwn5er] {
    animation: slideOutRow-b-btg8fwn5er 0.3s ease-in forwards;
    pointer-events: none;
    background-color: #FEF2F2 !important; 
}

@keyframes slideOutRow-b-btg8fwn5er {
    0% { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; transform: translateX(-20px); height: 0; padding: 0; margin: 0; border: none; }
}

/* Tabela podczas odświeżania */
.table-reloading[b-btg8fwn5er] {
    opacity: 0.6;
    pointer-events: none;
    transition: opacity 0.2s ease;
    filter: grayscale(100%);
}

/* Spinner w przycisku */
.btn-loading[b-btg8fwn5er] {
    position: relative;
    color: transparent !important;
    pointer-events: none;
}

.btn-loading[b-btg8fwn5er]::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-btg8fwn5er 0.6s linear infinite;
}

.btn-secondary.btn-loading[b-btg8fwn5er]::after {
    border-color: rgba(15, 23, 42, 0.2);
    border-top-color: #0F172A;
}

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

/* SKELETON LOADER (Szkielety) */
.skeleton-wrapper[b-btg8fwn5er] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.skeleton[b-btg8fwn5er] {
    background: #E2E8F0;
    background: linear-gradient(90deg, #F1F5F9 0%, #E2E8F0 50%, #F1F5F9 100%);
    background-size: 200% 100%;
    animation: shimmer-b-btg8fwn5er 1.5s infinite;
    border-radius: 6px;
}

.skeleton-text[b-btg8fwn5er] { height: 16px; width: 60%; margin-bottom: 8px; }
.skeleton-title[b-btg8fwn5er] { height: 28px; width: 40%; margin-bottom: 12px; }
.skeleton-block[b-btg8fwn5er] { height: 100px; width: 100%; border-radius: 12px; }
.skeleton-row[b-btg8fwn5er] { height: 48px; width: 100%; margin-bottom: 8px; }

@keyframes shimmer-b-btg8fwn5er {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
/* /Pages/Dostawcy.razor.rz.scp.css */
.page-wrapper[b-pkgaurfn85] {
    min-height: 100vh;
    width: 100%;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    padding: 24px;
    box-sizing: border-box;
}

.content-container[b-pkgaurfn85] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.page-header[b-pkgaurfn85] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 24px;
}

.header-text h1[b-pkgaurfn85] {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 8px 0;
    letter-spacing: -0.03em;
    color: #0F172A;
}

.header-text p[b-pkgaurfn85] {
    margin: 0;
    color: #64748B;
    font-size: 16px;
}

.header-actions[b-pkgaurfn85] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.search-box[b-pkgaurfn85] {
    position: relative;
    width: 260px;
}

.search-icon[b-pkgaurfn85] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 20px;
}

.search-box input[b-pkgaurfn85] {
    width: 100%;
    padding: 10px 10px 10px 40px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s;
    background: #FFFFFF;
}

.search-box input:focus[b-pkgaurfn85] {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.btn-primary[b-pkgaurfn85] {
    background: #0F172A;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-primary:hover[b-pkgaurfn85] {
    background: #334155;
}

.btn-secondary[b-pkgaurfn85] {
    background: white;
    color: #0F172A;
    border: 1px solid #E2E8F0;
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
}

.suppliers-grid[b-pkgaurfn85] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.supplier-card[b-pkgaurfn85] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
}

.supplier-card:hover[b-pkgaurfn85] {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
    border-color: #CBD5E1;
}

.sup-header[b-pkgaurfn85] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.sup-avatar[b-pkgaurfn85] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #F1F5F9;
    color: #64748B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    flex-shrink: 0;
}

.sup-info[b-pkgaurfn85] {
    flex: 1;
    overflow: hidden;
}

.sup-info h3[b-pkgaurfn85] {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 700;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nip-badge[b-pkgaurfn85] {
    display: inline-block;
    background: #EFF6FF;
    color: #2563EB;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
}

.btn-icon-more[b-pkgaurfn85] {
    background: transparent;
    border: none;
    color: #94A3B8;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
}

.btn-icon-more:hover[b-pkgaurfn85] {
    background: #F1F5F9;
    color: #0F172A;
}

.sup-body[b-pkgaurfn85] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid #F8FAFC;
}

.contact-row[b-pkgaurfn85] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #475569;
}

.icon-muted[b-pkgaurfn85] {
    font-size: 18px;
    color: #94A3B8;
}

.text-ellipsis[b-pkgaurfn85] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loading-state[b-pkgaurfn85], .empty-state[b-pkgaurfn85] {
    text-align: center;
    padding: 60px 0;
    color: #94A3B8;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.spinner[b-pkgaurfn85] {
    width: 32px;
    height: 32px;
    border: 3px solid #E2E8F0;
    border-top-color: #0F172A;
    border-radius: 50%;
    animation: spin-b-pkgaurfn85 1s linear infinite;
}

@keyframes spin-b-pkgaurfn85 { to { transform: rotate(360deg); } }
/* /Pages/Dostawy.razor.rz.scp.css */
    .page-wrapper[b-i1tt9962d7] {
        min-height: 100vh;
        width: 100%;
        font-family: 'Inter', sans-serif;
        color: #0F172A;
        padding: 24px;
        box-sizing: border-box;
    }

    .content-container[b-i1tt9962d7] {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .page-header[b-i1tt9962d7] {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
        gap: 20px;
        border-bottom: 1px solid #E2E8F0;
        padding-bottom: 24px;
    }

    .header-text h1[b-i1tt9962d7] {
        font-size: 32px;
        font-weight: 800;
        margin: 0 0 8px 0;
        letter-spacing: -0.03em;
        color: #0F172A;
    }

    .header-text p[b-i1tt9962d7] {
        margin: 0;
        color: #64748B;
        font-size: 16px;
    }

    .header-actions[b-i1tt9962d7] {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .search-box[b-i1tt9962d7] {
        position: relative;
        width: 260px;
    }

    .search-icon[b-i1tt9962d7] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #94A3B8;
        font-size: 20px;
    }

    .search-box input[b-i1tt9962d7] {
        width: 100%;
        padding: 10px 10px 10px 40px;
        border: 1px solid #E2E8F0;
        border-radius: 12px;
        font-size: 14px;
        outline: none;
        transition: all 0.2s;
        background: #FFFFFF;
    }

    .search-box input:focus[b-i1tt9962d7] {
        border-color: #3B82F6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }

    .btn-primary[b-i1tt9962d7] {
        background: #0F172A;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 12px;
        font-weight: 600;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        transition: background 0.2s;
    }

    .btn-primary:hover[b-i1tt9962d7] {
        background: #334155;
    }
    
    .btn-secondary[b-i1tt9962d7] {
        background: white;
        color: #0F172A;
        border: 1px solid #E2E8F0;
        padding: 8px 16px;
        border-radius: 10px;
        font-weight: 600;
        cursor: pointer;
    }

    .suppliers-grid[b-i1tt9962d7] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 24px;
    }

    .delivery-card[b-i1tt9962d7] {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        transition: all 0.2s ease;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

    .delivery-card:hover[b-i1tt9962d7] {
        transform: translateY(-3px);
        box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.08);
        border-color: #CBD5E1;
    }



    .del-top-bar[b-i1tt9962d7] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .date-badge[b-i1tt9962d7] {
        display: flex;
        align-items: center;
        gap: 6px;
        background: #F8FAFC;
        padding: 6px 10px;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 600;
        color: #475569;
    }

    .date-badge span.material-symbols-rounded[b-i1tt9962d7] {
        font-size: 16px;
        color: #64748B;
    }

    .plant-badge[b-i1tt9962d7] {
        display: flex;
        align-items: center;
        gap: 4px;
        background: #DCFCE7;
        color: #15803D;
        padding: 4px 8px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

    .plant-badge span.material-symbols-rounded[b-i1tt9962d7] {
        font-size: 16px;
    }

    .del-info h3[b-i1tt9962d7] {
        margin: 0 0 4px 0;
        font-size: 16px;
        font-weight: 700;
        color: #0F172A;
        line-height: 1.4;
    }

    .nip-text[b-i1tt9962d7] {
        font-size: 12px;
        color: #64748B;
        font-family: monospace;
    }

    .del-status-section[b-i1tt9962d7] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .status-labels[b-i1tt9962d7] {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        font-weight: 500;
        color: #64748B;
    }

    .status-name[b-i1tt9962d7] {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .dot-indicator[b-i1tt9962d7] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block;
    }

    .dot-indicator.pending[b-i1tt9962d7] { background: #3B82F6; box-shadow: 0 0 0 2px #DBEAFE; }
    .dot-indicator.success[b-i1tt9962d7] { background: #10B981; box-shadow: 0 0 0 2px #D1FAE5; }

    .progress-track[b-i1tt9962d7] {
        height: 6px;
        background: #F1F5F9;
        border-radius: 3px;
        width: 100%;
        overflow: hidden;
    }

    .progress-fill[b-i1tt9962d7] {
        height: 100%;
        background: #0F172A;
        border-radius: 3px;
        transition: width 0.5s ease;
    }

    .status-done .progress-fill[b-i1tt9962d7] {
        background: #10B981;
    }

    .status-future .progress-fill[b-i1tt9962d7] {
        background: #3B82F6;
    }

    .del-footer[b-i1tt9962d7] {
        display: flex;
        gap: 16px;
        border-top: 1px solid #F1F5F9;
        padding-top: 12px;
        color: #64748B;
        font-size: 12px;
    }

    .footer-item[b-i1tt9962d7] {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .icon-sm[b-i1tt9962d7] {
        font-size: 16px;
    }

    .loading-state[b-i1tt9962d7], .empty-state[b-i1tt9962d7] {
        text-align: center;
        padding: 60px 0;
        color: #94A3B8;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .spinner[b-i1tt9962d7] {
        width: 32px;
        height: 32px;
        border: 3px solid #E2E8F0;
        border-top-color: #0F172A;
        border-radius: 50%;
        animation: spin-b-i1tt9962d7 1s linear infinite;
    }

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

    /* --- Nowe style dla statusów --- */

/* Status: Oczekuje na potwierdzenie (Akcja) */
.delivery-card.status-action[b-i1tt9962d7] {
    border-color: #FDBA74; /* Jasny pomarańcz */
    background: #FFF7ED; /* Bardzo jasne tło pomarańczowe */
}

.delivery-card.status-action:hover[b-i1tt9962d7] {
    box-shadow: 0 12px 20px -5px rgba(234, 88, 12, 0.15);
    transform: translateY(-3px);
}

.dot-indicator.warning[b-i1tt9962d7] {
    background: #EA580C;
    box-shadow: 0 0 0 2px #FFEDD5;
    animation: pulse-dot-b-i1tt9962d7 2s infinite;
}

/* Status: Odebrano (Zrobione) */
.delivery-card.status-done[b-i1tt9962d7] {
    background: #F0FDF4; /* Jasna zieleń */
    border-color: #BBF7D0;
    opacity: 0.9;
}

.delivery-card.status-done .del-info h3[b-i1tt9962d7] {
    color: #166534;
}

/* --- Przycisk Potwierdzenia --- */
.btn-confirm[b-i1tt9962d7] {
    width: 100%;
    margin-top: 8px;
    background: linear-gradient(135deg, #EA580C 0%, #C2410C 100%);
    color: white;
    border: none;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 6px -1px rgba(234, 88, 12, 0.2);
}

.btn-confirm:hover[b-i1tt9962d7] {
    transform: scale(1.02);
    box-shadow: 0 6px 8px -1px rgba(234, 88, 12, 0.3);
}

.btn-confirm:active[b-i1tt9962d7] {
    transform: scale(0.98);
}

/* Zmiany w footerze dla przycisku */
.del-footer[b-i1tt9962d7] {
    flex-direction: column; /* Żeby przycisk był pod info */
    align-items: flex-start;
    gap: 8px;
}

.footer-info[b-i1tt9962d7] {
    display: flex;
    gap: 16px;
    width: 100%;
}

/* Spinner dla ładowania lazy loading */
.spinner-small[b-i1tt9962d7] {
    width: 20px;
    height: 20px;
    border: 2px solid #E2E8F0;
    border-top-color: #0F172A;
    border-radius: 50%;
    animation: spin-b-i1tt9962d7 1s linear infinite;
    margin: 0 auto;
}

@keyframes pulse-dot-b-i1tt9962d7 {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 4px rgba(234, 88, 12, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(234, 88, 12, 0); }
}
/* /Pages/EditBatch.razor.rz.scp.css */
/* =========================================
   GLOBAL RESET
   ========================================= */
*[b-m4ubz8m877] {
    box-sizing: border-box;
}

.edit-page-container[b-m4ubz8m877] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 32px 24px;
    font-family: 'Inter', sans-serif;
    color: #0F172A; /* Ciemny granat */
    min-height: 100vh;
}

/* =========================================
   HEADER (TOP BAR)
   ========================================= */
.top-bar[b-m4ubz8m877] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E2E8F0;
}

.top-bar-left[b-m4ubz8m877] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn-back[b-m4ubz8m877] {
    width: 42px; height: 42px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 50%;
    color: #64748B;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: 0.2s;
}
.btn-back:hover[b-m4ubz8m877] {
    border-color: #CBD5E1;
    color: #0F172A;
}

.titles[b-m4ubz8m877] {
    display: flex; flex-direction: column;
}

.breadcrumb[b-m4ubz8m877] {
    font-size: 0.75rem;
    color: #64748B;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.page-title[b-m4ubz8m877] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    color: #0F172A;
}

/* Przycisk Zapisz */
.btn-primary[b-m4ubz8m877] {
    background: #0F172A;
    color: #FFFFFF;
    border: none;
    padding: 10px 20px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.95rem;
    display: flex; align-items: center; gap: 8px;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1);
    transition: 0.2s;
}
.btn-primary:hover[b-m4ubz8m877] {
    background: #1E293B;
}

/* =========================================
   GRID LAYOUT
   ========================================= */
.main-layout[b-m4ubz8m877] {
    display: grid;
    grid-template-columns: 2fr 1fr; /* 66% lewa, 33% prawa */
    gap: 24px;
    align-items: start;
}

.layout-column[b-m4ubz8m877] {
    display: flex; flex-direction: column; gap: 24px;
    min-width: 0;
}

/* =========================================
   CARDS
   ========================================= */
.modern-card[b-m4ubz8m877] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

.modern-card.padding-0[b-m4ubz8m877] {
    padding: 0;
    overflow: hidden;
}

.card-title[b-m4ubz8m877] {
    margin: 0 0 20px 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #334155;
}

.card-toolbar[b-m4ubz8m877] {
    padding: 16px 20px;
    background: #FCFCFC;
    border-bottom: 1px solid #F1F5F9;
    display: flex; justify-content: space-between; align-items: center;
}
.card-toolbar h3[b-m4ubz8m877] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748B;
}

/* =========================================
   FORMS
   ========================================= */
.form-grid[b-m4ubz8m877] {
    display: grid;
    gap: 16px;
}
.col-2[b-m4ubz8m877] { grid-template-columns: 1fr 1fr; }
.col-3[b-m4ubz8m877] { grid-template-columns: 1fr 1fr 1fr; }

.form-item label[b-m4ubz8m877] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #64748B;
    margin-bottom: 6px;
}

.form-item input[b-m4ubz8m877], 
.form-item textarea[b-m4ubz8m877] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    font-size: 0.95rem;
    color: #0F172A;
    background: #FFFFFF;
    outline: none;
    font-family: inherit;
    transition: 0.2s;
}

.form-item input:focus[b-m4ubz8m877], 
.form-item textarea:focus[b-m4ubz8m877] {
    border-color: #0F172A;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05);
}

.input-icon[b-m4ubz8m877] { position: relative; }
.input-icon span[b-m4ubz8m877] {
    position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
    color: #94A3B8; font-size: 20px; pointer-events: none;
}
.input-icon input[b-m4ubz8m877] { padding-left: 36px; }

.mono[b-m4ubz8m877] { font-family: monospace; letter-spacing: -0.02em; font-size: 0.85rem; }

/* =========================================
   TABLES (LOGIKA ZMIENIONA)
   ========================================= */
.table-scroll[b-m4ubz8m877] {
    width: 100%;
    overflow-x: auto;
}

.list-table[b-m4ubz8m877] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    table-layout: fixed; /* Sztywny layout, ale sterowany przez width kolumn */
}

.list-table th[b-m4ubz8m877], 
.list-table td[b-m4ubz8m877] {
    padding: 12px 16px;
    border-bottom: 1px solid #F8FAFC;
    vertical-align: middle;
}

.list-table th[b-m4ubz8m877] {
    text-align: left;
    background: #FFFFFF;
    color: #94A3B8;
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    border-bottom: 1px solid #F1F5F9;
    white-space: nowrap;
}

/* --- KONFIGURACJA KOLUMN --- */

/* 1. Kolumna Nazwy/Obrazka - ZACHŁANNA (100%) */
.col-name[b-m4ubz8m877] {
    width: 100%; /* Sprawia, że kolumna próbuje zająć wszystko, spychając resztę */
    white-space: normal; /* Pozwala na zawijanie tekstu */
    word-break: break-word; /* Długie słowa też się złamią */
    font-weight: 600;
    color: #334155;
}

/* 2. Kolumna Wartości/Opisu - DOPASOWANA DO TREŚCI */
.col-value[b-m4ubz8m877] {
    width: auto; /* Zajmuje tyle ile potrzebuje */
    white-space: normal; /* Pozwala na zawijanie jeśli jest bardzo ciasno lub dużo tekstu */
    word-break: break-word;
    color: #0F172A;
    min-width: 80px; /* Zabezpieczenie, żeby nie zgniotło jej do zera */
}

/* 3. Kolumna Akcji (Kosz) - STAŁA */
.col-action[b-m4ubz8m877] {
    width: 60px; /* Sztywna szerokość */
    text-align: right;
    box-sizing: border-box;
}

/* --- ELEMENTY UI TABELI --- */

.btn-trash[b-m4ubz8m877] {
    background: transparent; border: none; 
    color: #CBD5E1; 
    cursor: pointer;
    width: 32px; height: 32px;
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    transition: 0.2s;
    margin-left: auto; /* Dopychanie do prawej */
}
.btn-trash:hover[b-m4ubz8m877] {
    background: #FEF2F2;
    color: #EF4444;
}

.btn-icon-soft[b-m4ubz8m877] {
    width: 32px; height: 32px;
    background: #FFFFFF; border: 1px solid #E2E8F0;
    border-radius: 8px;
    color: #64748B;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: 0.2s;
}
.btn-icon-soft:hover[b-m4ubz8m877] {
    border-color: #94A3B8; color: #0F172A;
}

.img-avatar[b-m4ubz8m877] {
    width: 40px; height: 40px;
    background: #F1F5F9;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    color: #CBD5E1;
    flex-shrink: 0;
}

/* Badge ID */
.badge-id[b-m4ubz8m877] {
    font-family: monospace;
    font-size: 0.8rem;
    background: #F1F5F9; color: #475569;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #E2E8F0;
}

.dot-active[b-m4ubz8m877] {
    display: inline-block; width: 8px; height: 8px;
    background: #10B981; border-radius: 50%;
    margin-left: 8px;
}

.empty-state td[b-m4ubz8m877] {
    text-align: center; color: #94A3B8; padding: 24px; font-style: italic;
}
/* Styl komórki, która rozciąga się na całą tabelę */
.cell-empty[b-m4ubz8m877] {
    padding: 0 !important; /* Resetujemy padding td, aby div w środku miał kontrolę */
    border-bottom: none !important; /* Opcjonalnie: usuwamy linię na dole jeśli to koniec tabeli */
    background-color: transparent;
}

/* Kontener wewnątrz komórki */
.table-empty-state[b-m4ubz8m877] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 16px; /* Mniejszy padding niż w głównym empty-state */
    color: #94A3B8;
    width: 100%;
}

.table-empty-state .material-symbols-rounded[b-m4ubz8m877] {
    font-size: 28px;
    opacity: 0.5;
}

.table-empty-state span:not(.material-symbols-rounded)[b-m4ubz8m877] {
    font-size: 13px;
    font-weight: 500;
}
/* =========================================
   RESPONSYWNOŚĆ
   ========================================= */
@media (max-width: 900px) {
    .main-layout[b-m4ubz8m877] {
        grid-template-columns: 1fr;
    }
    .edit-page-container[b-m4ubz8m877] {
        padding: 16px;
    }
}

/* ANIMACJA ZAPISU */
.save-overlay[b-m4ubz8m877] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(3px);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeIn-b-m4ubz8m877 0.12s ease-out;
}

.save-content[b-m4ubz8m877] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.save-content p[b-m4ubz8m877] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #0F172A;
    margin: 0;
    animation: slideUp-b-m4ubz8m877 0.16s ease-out;
}

.save-content small[b-m4ubz8m877] {
    color: #64748B;
    font-size: 0.9rem;
}

/* Spinner dla stanu Saving */
.spinner-large[b-m4ubz8m877] {
    width: 46px;
    height: 46px;
    border: 4px solid #D1FAE5;
    border-top-color: #059669;
    border-radius: 50%;
    animation: spin-b-m4ubz8m877 0.38s linear infinite;
}

/* Kółka ikon dla Success/Error */
.icon-circle[b-m4ubz8m877] {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}

.icon-circle span[b-m4ubz8m877] {
    font-size: 36px;
    font-weight: 700;
}

/* Stan Sukcesu */
.success-anim[b-m4ubz8m877] {
    background: #10B981;
    box-shadow: 0 0 0 8px rgba(16, 185, 129, 0.16);
    animation: popIn-b-m4ubz8m877 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Stan Błędu */
.error-anim[b-m4ubz8m877] {
    background: #EF4444;
    box-shadow: 0 0 0 8px rgba(239, 68, 68, 0.16);
    animation: shake-b-m4ubz8m877 0.28s ease-in-out;
}

/* Keyframes */
@keyframes fadeIn-b-m4ubz8m877 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-m4ubz8m877 {
    from { transform: translateY(10px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

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

@keyframes popIn-b-m4ubz8m877 {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.1); }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes shake-b-m4ubz8m877 {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-10px); }
    40% { transform: translateX(10px); }
    60% { transform: translateX(-10px); }
    80% { transform: translateX(10px); }
}

/* --- SKELETON ANIMATION --- */
.skeleton-box[b-m4ubz8m877] {
    background: #f1f5f9; /* Jasny szary bazowy */
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

/* Efekt świetlnej fali (shimmer) */
.skeleton-box[b-m4ubz8m877]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: translateX(-100%);
    animation: shimmer-b-m4ubz8m877 1.5s infinite;
}

@keyframes shimmer-b-m4ubz8m877 {
    100% {
        transform: translateX(100%);
    }
}

/* Delikatne pulsowanie całości */
.animate-pulse[b-m4ubz8m877] {
    animation: pulse-opacity-b-m4ubz8m877 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-opacity-b-m4ubz8m877 {
    0%, 100% { opacity: 1; }
    50% { opacity: .7; }
}
/* /Pages/EditProductPage.razor.rz.scp.css */
.edit-product-page[b-h1fxtue676] {
    max-width: 1220px;
    margin: 0 auto;
    padding: 24px;
    color: #0f172a;
}

.product-editor-header[b-h1fxtue676] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

.product-editor-header > div[b-h1fxtue676] {
    flex: 1;
}

.eyebrow[b-h1fxtue676] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #64748b;
    font-weight: 800;
}

.product-editor-header h1[b-h1fxtue676] {
    margin: 4px 0 0;
    font-size: 26px;
    line-height: 1.15;
}

.product-editor-header p[b-h1fxtue676] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.btn-back[b-h1fxtue676],
.btn-soft[b-h1fxtue676],
.btn-primary[b-h1fxtue676],
.btn-secondary[b-h1fxtue676],
.btn-danger-soft[b-h1fxtue676] {
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 700;
    min-height: 40px;
    padding: 10px 14px;
}

.btn-back[b-h1fxtue676],
.btn-soft[b-h1fxtue676],
.btn-secondary[b-h1fxtue676] {
    background: #f8fafc;
    color: #334155;
    border: 1px solid #e2e8f0;
}

.btn-primary[b-h1fxtue676] {
    background: #0f172a;
    color: #fff;
}

.btn-danger-soft[b-h1fxtue676] {
    background: #fff1f2;
    color: #be123c;
}

.btn-primary:disabled[b-h1fxtue676],
.btn-soft:disabled[b-h1fxtue676] {
    opacity: .6;
    cursor: not-allowed;
}

.product-editor-grid[b-h1fxtue676] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    gap: 20px;
}

.editor-card[b-h1fxtue676] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .05);
}

.main-card[b-h1fxtue676] {
    grid-row: span 2;
}

.offers-card[b-h1fxtue676] {
    grid-column: 1 / -1;
}

.editor-card h2[b-h1fxtue676] {
    margin: 0;
    font-size: 18px;
}

.section-heading[b-h1fxtue676] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.section-heading > .material-symbols-rounded[b-h1fxtue676] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #ecfdf5;
    color: #047857;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.editor-card p[b-h1fxtue676] {
    margin: 6px 0 18px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.editor-card .field-hint[b-h1fxtue676] {
    margin: 6px 0 4px;
    font-size: 12px;
    color: #64748b;
}

.editor-card label[b-h1fxtue676] {
    display: block;
    margin: 14px 0 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.app-input[b-h1fxtue676] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 12px 13px;
    font-size: 14px;
    color: #0f172a;
    background: #fff;
    box-sizing: border-box;
}

.app-input:focus[b-h1fxtue676] {
    outline: 3px solid #dbeafe;
    border-color: #3b82f6;
}

.batch-picker-button[b-h1fxtue676] {
    width: 100%;
    min-height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    padding: 10px 13px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
    font-weight: 800;
}

.batch-picker-button:hover[b-h1fxtue676] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px #dbeafe;
}

.product-description[b-h1fxtue676] {
    min-height: 170px;
    resize: vertical;
}

.card-title-row[b-h1fxtue676] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.offer-manager-actions[b-h1fxtue676] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.product-photo-grid[b-h1fxtue676] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(138px, 1fr));
    gap: 12px;
}

.product-photo-tile[b-h1fxtue676] {
    aspect-ratio: 1.15;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}

.product-photo-tile img[b-h1fxtue676] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-photo-tile button[b-h1fxtue676] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: rgba(15, 23, 42, .82);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    z-index: 2;
    line-height: 1;
}

.product-photo-tile button .material-symbols-rounded[b-h1fxtue676] {
    font-size: 20px;
    line-height: 1;
}

.empty-photo-state[b-h1fxtue676],
.empty-offers-state[b-h1fxtue676],
.product-loading[b-h1fxtue676],
.product-empty[b-h1fxtue676] {
    min-height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #64748b;
    text-align: center;
    border: 0;
    border-radius: 18px;
    background: transparent;
}

.offer-add-row[b-h1fxtue676] {
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(240px, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
}

.offers-list[b-h1fxtue676] {
    display: grid;
    gap: 10px;
}

.offer-row[b-h1fxtue676] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
}

.offer-row.inactive[b-h1fxtue676] {
    background: #f8fafc;
    color: #64748b;
}

.offer-row strong[b-h1fxtue676],
.offer-row span[b-h1fxtue676] {
    display: block;
}

.offer-meta[b-h1fxtue676] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.offer-meta span[b-h1fxtue676] {
    border-radius: 999px;
    background: #f1f5f9;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 800;
}

.offer-row.active .offer-status[b-h1fxtue676] {
    background: #dcfce7;
    color: #166534;
}

.spinner[b-h1fxtue676] {
    width: 22px;
    height: 22px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f172a;
    border-radius: 50%;
    animation: spin-b-h1fxtue676 .8s linear infinite;
}

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

@media (max-width: 900px) {
    .edit-product-page[b-h1fxtue676] {
        padding: 14px;
    }

    .product-editor-grid[b-h1fxtue676],
    .offer-add-row[b-h1fxtue676],
    .offer-row[b-h1fxtue676] {
        grid-template-columns: 1fr;
    }

    .product-editor-header[b-h1fxtue676] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .card-title-row[b-h1fxtue676] { flex-direction: column; }
    .offer-manager-actions[b-h1fxtue676] { width: 100%; justify-content: stretch; }
    .offer-manager-actions button[b-h1fxtue676] { flex: 1 1 170px; }
}
/* /Pages/EmailMailboxes.razor.rz.scp.css */
.mailboxes-page[b-6jsxk4b6lc]{max-width:1360px;margin:0 auto;padding:0 28px 64px;color:#17221c}.mailbox-add[b-6jsxk4b6lc]{border:0;border-radius:12px;background:#173f2b;color:#fff;padding:11px 16px;font-weight:760;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 25px rgba(23,63,43,.2);transition:transform .18s ease,box-shadow .18s ease}.mailbox-add:hover[b-6jsxk4b6lc]{transform:translateY(-2px);box-shadow:0 15px 32px rgba(23,63,43,.27)}.mailbox-alert[b-6jsxk4b6lc],.editor-error[b-6jsxk4b6lc]{display:flex;align-items:center;gap:9px;background:#fff1ee;color:#a63d35;border-radius:13px;padding:12px 14px;margin-bottom:16px;box-shadow:0 8px 22px rgba(120,45,36,.08)}.mailbox-search[b-6jsxk4b6lc]{width:min(440px,100%);display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dce6df;border-radius:13px;padding:0 13px;margin:4px 0 18px;box-shadow:0 7px 20px rgba(25,61,42,.055)}.mailbox-search>span[b-6jsxk4b6lc]{color:#718078}.mailbox-search input[b-6jsxk4b6lc]{width:100%;border:0;outline:0;background:transparent;padding:12px 0;font:inherit;color:#17221c}.mailbox-table[b-6jsxk4b6lc]{background:rgba(255,255,255,.9);border:1px solid #dfe8e2;border-radius:19px;overflow:hidden;box-shadow:0 14px 38px rgba(25,61,42,.09),0 3px 10px rgba(25,61,42,.04)}.mailbox-table>header[b-6jsxk4b6lc],.mailbox-row[b-6jsxk4b6lc]{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(240px,1fr) 170px 138px;align-items:center;gap:18px}.mailbox-table>header[b-6jsxk4b6lc]{padding:13px 20px;background:#f6f9f7;border-bottom:1px solid #e2e9e4;color:#758179;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.mailbox-row[b-6jsxk4b6lc]{padding:15px 20px;border-bottom:1px solid #edf1ee;cursor:pointer;animation:mailbox-in-b-6jsxk4b6lc .3s cubic-bezier(.2,.8,.2,1);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.mailbox-row:last-child[b-6jsxk4b6lc]{border-bottom:0}.mailbox-row:hover[b-6jsxk4b6lc]{position:relative;z-index:1;background:#fbfdfc;transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,65,44,.1)}.mailbox-row.removing[b-6jsxk4b6lc]{animation:mailbox-out-b-6jsxk4b6lc .22s ease forwards;pointer-events:none}.mailbox-main[b-6jsxk4b6lc]{display:flex;align-items:center;gap:12px;min-width:0}.mailbox-icon[b-6jsxk4b6lc]{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#e5f1e8;color:#286d49;box-shadow:0 5px 12px rgba(40,109,73,.11)}.mailbox-main>div[b-6jsxk4b6lc],.mailbox-server[b-6jsxk4b6lc]{display:grid;gap:3px;min-width:0}.mailbox-main strong[b-6jsxk4b6lc],.mailbox-server strong[b-6jsxk4b6lc]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailbox-main small[b-6jsxk4b6lc],.mailbox-server small[b-6jsxk4b6lc]{font-size:11px;color:#7b8780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailbox-security>span[b-6jsxk4b6lc]{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800}.mailbox-security .secure[b-6jsxk4b6lc]{background:#e8f4eb;color:#247049}.mailbox-security .plain[b-6jsxk4b6lc]{background:#fff4df;color:#93651f}.mailbox-security .material-symbols-rounded[b-6jsxk4b6lc]{font-size:15px}.mailbox-actions[b-6jsxk4b6lc]{display:flex;justify-content:flex-end;gap:6px}.mailbox-actions button[b-6jsxk4b6lc]{width:36px;height:36px;border:0;border-radius:10px;display:grid;place-items:center;background:#f0f4f1;color:#56645b;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.mailbox-actions button:hover:not(:disabled)[b-6jsxk4b6lc]{transform:translateY(-2px);background:#e3eee7;color:#276b49;box-shadow:0 7px 15px rgba(31,61,43,.12)}.mailbox-actions button.delete:hover[b-6jsxk4b6lc]{background:#fff0ee;color:#b33f37}.mailbox-actions button:disabled[b-6jsxk4b6lc]{opacity:.45}.mailbox-editor[b-6jsxk4b6lc]{display:grid;gap:18px;color:#17221c}.editor-intro[b-6jsxk4b6lc]{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #dce8e0;border-radius:15px;background:#f4f8f5}.editor-intro>.material-symbols-rounded[b-6jsxk4b6lc]{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e2efe6;color:#266b48}.editor-intro>div[b-6jsxk4b6lc]{display:grid;gap:4px}.editor-intro strong[b-6jsxk4b6lc]{font-size:14px}.editor-intro p[b-6jsxk4b6lc]{margin:0;color:#6f7c73;font-size:11px;line-height:1.45}.mailbox-form[b-6jsxk4b6lc]{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mailbox-form label[b-6jsxk4b6lc]{display:grid;gap:6px}.mailbox-form label>span[b-6jsxk4b6lc]{font-size:11px;color:#657169;font-weight:750}.mailbox-form .wide[b-6jsxk4b6lc]{grid-column:1/-1}.mailbox-form input[b-6jsxk4b6lc]{border:1px solid #d6e1da;border-radius:11px;background:#fff;padding:11px 12px;outline:0;color:#1d2922;font:inherit;font-size:13px}.mailbox-form input:focus[b-6jsxk4b6lc]{border-color:#5a9774;box-shadow:0 0 0 4px #5a977421}.ssl-toggle[b-6jsxk4b6lc]{height:41px;border:1px solid #d8e2dc;border-radius:11px;background:#f7f9f8;color:#6e7a72;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:720;cursor:pointer}.ssl-toggle.active[b-6jsxk4b6lc]{background:#e9f4ec;border-color:#bcd5c5;color:#286d49}.ssl-toggle .material-symbols-rounded[b-6jsxk4b6lc]{font-size:17px}.editor-footer[b-6jsxk4b6lc]{display:flex;justify-content:flex-end;gap:9px;padding-top:14px;border-top:1px solid #e8edea}.editor-footer button[b-6jsxk4b6lc]{border:0;border-radius:11px;padding:10px 15px;font-weight:750;cursor:pointer}.editor-footer .cancel[b-6jsxk4b6lc]{background:#eff3f0;color:#58655d}.editor-footer .save[b-6jsxk4b6lc]{background:#173f2b;color:#fff;display:flex;align-items:center;gap:7px;box-shadow:0 8px 20px rgba(23,63,43,.18)}.editor-footer button:disabled[b-6jsxk4b6lc]{opacity:.55}.editor-error[b-6jsxk4b6lc]{margin:0}@keyframes mailbox-in-b-6jsxk4b6lc{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes mailbox-out-b-6jsxk4b6lc{to{opacity:0;transform:translateX(24px);max-height:0;padding-top:0;padding-bottom:0}}
@media(max-width:900px){.mailbox-table>header[b-6jsxk4b6lc]{display:none}.mailbox-row[b-6jsxk4b6lc]{grid-template-columns:1fr auto}.mailbox-server[b-6jsxk4b6lc],.mailbox-security[b-6jsxk4b6lc]{grid-column:1}.mailbox-actions[b-6jsxk4b6lc]{grid-column:2;grid-row:1/4}.mailbox-server[b-6jsxk4b6lc]:before,.mailbox-security[b-6jsxk4b6lc]:before{content:attr(data-label);display:block;font-size:9px;font-weight:850;text-transform:uppercase;color:#929d96;margin-bottom:3px}}
@media(max-width:600px){.mailboxes-page[b-6jsxk4b6lc]{padding:0 13px 44px}.mailbox-row[b-6jsxk4b6lc]{padding:14px;gap:11px}.mailbox-form[b-6jsxk4b6lc]{grid-template-columns:1fr}.mailbox-form .wide[b-6jsxk4b6lc]{grid-column:auto}.mailbox-actions[b-6jsxk4b6lc]{flex-direction:column}.editor-footer button[b-6jsxk4b6lc]{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.mailbox-row[b-6jsxk4b6lc],.mailbox-add[b-6jsxk4b6lc],.mailbox-actions button[b-6jsxk4b6lc]{animation:none;transition:none}}
/* /Pages/EOptimoImport.razor.rz.scp.css */
.eoptimo-page[b-lj02ojra9q] {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 28px 72px;
    color: #172033;
}

.eoptimo-alert[b-lj02ojra9q] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    padding: 13px 15px;
    border-radius: 15px;
    background: #eff8f2;
    color: #246342;
    border: 1px solid #d4eadb;
    font-weight: 750;
}

.eoptimo-alert.error[b-lj02ojra9q] {
    background: #fff1ee;
    color: #a83f36;
    border-color: #ffd8d1;
}

.eoptimo-grid[b-lj02ojra9q] {
    display: grid;
    grid-template-columns: minmax(280px, .8fr) minmax(0, 1.35fr);
    gap: 18px;
    align-items: start;
}

.eoptimo-status-card[b-lj02ojra9q],
.eoptimo-card[b-lj02ojra9q] {
    border: 1px solid #dfe8e2;
    border-radius: 20px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 14px 38px rgba(25, 61, 42, .08), 0 3px 10px rgba(25, 61, 42, .04);
}

.eoptimo-status-card[b-lj02ojra9q] {
    position: sticky;
    top: 96px;
    display: grid;
    gap: 17px;
    padding: 20px;
}

.status-head[b-lj02ojra9q] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.status-head > .material-symbols-rounded[b-lj02ojra9q] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #e6f1e9;
    color: #286d49;
}

.status-head strong[b-lj02ojra9q],
.eoptimo-card h2[b-lj02ojra9q] {
    margin: 0;
    color: #172033;
}

.status-head small[b-lj02ojra9q],
.eyebrow[b-lj02ojra9q],
.status-meta dt[b-lj02ojra9q],
.eoptimo-empty small[b-lj02ojra9q] {
    color: #718078;
    font-size: 11px;
}

.status-stats[b-lj02ojra9q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.status-stats div[b-lj02ojra9q] {
    display: grid;
    gap: 2px;
    padding: 13px;
    border-radius: 15px;
    background: #f5f8f6;
    border: 1px solid #e5ece8;
}

.status-stats strong[b-lj02ojra9q] {
    font-size: 26px;
}

.status-stats span[b-lj02ojra9q],
.status-meta dd[b-lj02ojra9q],
.category-row small[b-lj02ojra9q],
.run-row small[b-lj02ojra9q],
.conflict-row small[b-lj02ojra9q] {
    color: #718078;
    font-size: 12px;
}

.status-meta[b-lj02ojra9q] {
    display: grid;
    gap: 8px;
    margin: 0;
}

.status-meta div[b-lj02ojra9q] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.status-meta dt[b-lj02ojra9q],
.status-meta dd[b-lj02ojra9q] {
    margin: 0;
}

.status-error[b-lj02ojra9q] {
    margin: 0;
    padding: 11px;
    border-radius: 13px;
    background: #fff1ee;
    color: #9a3b32;
    font-size: 12px;
}

.status-actions[b-lj02ojra9q] {
    display: grid;
    gap: 9px;
}

.status-actions button[b-lj02ojra9q],
.category-toolbar button[b-lj02ojra9q],
.eoptimo-card footer button[b-lj02ojra9q] {
    border: 0;
    border-radius: 13px;
    min-height: 42px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #e8f2eb;
    color: #286d49;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.status-actions button:hover:not(:disabled)[b-lj02ojra9q],
.category-toolbar button:hover[b-lj02ojra9q],
.eoptimo-card footer button:hover:not(:disabled)[b-lj02ojra9q] {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(31, 61, 43, .12);
}

.status-actions .approve[b-lj02ojra9q],
.eoptimo-card footer button[b-lj02ojra9q] {
    background: #173f2b;
    color: #fff;
}

button:disabled[b-lj02ojra9q] {
    opacity: .55;
    cursor: not-allowed;
}

.eoptimo-card[b-lj02ojra9q] {
    padding: 20px;
}

.eoptimo-card header[b-lj02ojra9q] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: start;
    margin-bottom: 16px;
}

.eyebrow[b-lj02ojra9q] {
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.eoptimo-card h2[b-lj02ojra9q] {
    font-size: 20px;
}

.category-toolbar[b-lj02ojra9q] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    gap: 9px;
    margin-bottom: 14px;
}

.category-toolbar label[b-lj02ojra9q] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 13px;
    border: 1px solid #dce6df;
    border-radius: 13px;
    background: #fff;
}

.category-toolbar input[b-lj02ojra9q] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033;
    font: inherit;
}

.category-list[b-lj02ojra9q],
.run-list[b-lj02ojra9q],
.conflict-list[b-lj02ojra9q] {
    display: grid;
    gap: 8px;
}

.category-list[b-lj02ojra9q] {
    max-height: 440px;
    overflow: auto;
    padding-right: 3px;
}

.category-row[b-lj02ojra9q],
.run-row[b-lj02ojra9q],
.conflict-row[b-lj02ojra9q] {
    display: grid;
    align-items: center;
    gap: 11px;
    padding: 12px;
    border: 1px solid #e5ece8;
    border-radius: 14px;
    background: #fbfdfc;
}

.category-row[b-lj02ojra9q] {
    grid-template-columns: 18px minmax(0, 1fr) auto;
}

.category-row input[b-lj02ojra9q] {
    accent-color: #286d49;
}

.category-row span[b-lj02ojra9q],
.run-row span[b-lj02ojra9q] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.category-row strong[b-lj02ojra9q],
.run-row strong[b-lj02ojra9q] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-row em[b-lj02ojra9q],
.run-row em[b-lj02ojra9q] {
    font-style: normal;
    color: #286d49;
    font-weight: 850;
    font-size: 12px;
}

.eoptimo-empty[b-lj02ojra9q] {
    min-height: 190px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    text-align: center;
    color: #667085;
}

.eoptimo-empty.compact[b-lj02ojra9q] {
    min-height: 145px;
}

.eoptimo-empty > .material-symbols-rounded[b-lj02ojra9q] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #edf5ef;
    color: #286d49;
}

.eoptimo-card footer[b-lj02ojra9q] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding-top: 15px;
    border-top: 1px solid #e8edea;
}

.eoptimo-card footer p[b-lj02ojra9q] {
    margin: 0;
    color: #718078;
    font-size: 12px;
}

.runs-card[b-lj02ojra9q],
.conflicts-card[b-lj02ojra9q] {
    grid-column: 2;
}

.run-row[b-lj02ojra9q] {
    width: 100%;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.run-row.active[b-lj02ojra9q],
.run-row:hover[b-lj02ojra9q] {
    background: #f1f8f3;
    border-color: #bad5c4;
}

.run-row > .material-symbols-rounded[b-lj02ojra9q] {
    color: #286d49;
}

.conflict-row[b-lj02ojra9q] {
    align-items: start;
}

.conflict-row div[b-lj02ojra9q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.conflict-row div span:not(.material-symbols-rounded)[b-lj02ojra9q] {
    padding: 8px 10px;
    border-radius: 10px;
    background: #f5f8f6;
    color: #354136;
    font-size: 12px;
    overflow-wrap: anywhere;
}

@media (max-width: 980px) {
    .eoptimo-page[b-lj02ojra9q] { padding: 0 16px 56px; }
    .eoptimo-grid[b-lj02ojra9q] { grid-template-columns: 1fr; }
    .eoptimo-status-card[b-lj02ojra9q],
    .runs-card[b-lj02ojra9q],
    .conflicts-card[b-lj02ojra9q] { grid-column: auto; position: static; }
    .category-toolbar[b-lj02ojra9q] { grid-template-columns: 1fr; }
    .eoptimo-card footer[b-lj02ojra9q] { display: grid; }
}
/* /Pages/Home.razor.rz.scp.css */
*[b-05u5ka6p9u] {
        box-sizing: border-box;
    }

    body[b-05u5ka6p9u] {
        margin: 0;
        padding: 0;
    }

    .dashboard-wrapper[b-05u5ka6p9u] {
        min-height: 100vh;
        width: 100%;
        font-family: 'Inter', sans-serif;
        color: #0F172A;
        padding: 20px;
    }

    .dashboard-container[b-05u5ka6p9u] {
        max-width: 1280px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 26px;
    }

    .dashboard-header[b-05u5ka6p9u] {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }

    .dashboard-header h1[b-05u5ka6p9u] {
        font-size: clamp(25px, 4vw, 38px);
        font-weight: 800;
        margin: 0 0 8px 0;
        letter-spacing: 0;
        color: #0F172A;
    }

    .dashboard-header p[b-05u5ka6p9u] {
        margin: 0;
        color: #64748B;
        font-size: 15px;
        font-weight: 500;
    }

    .date-badge[b-05u5ka6p9u] {
        background: #FFFFFF;
        padding: 10px 20px;
        border-radius: 16px;
        font-size: 14px;
        font-weight: 600;
        color: #475569;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
        border: 1px solid #E2E8F0;
        display: inline-block;
    }

    .dashboard-week-section[b-05u5ka6p9u] {
        display: block;
    }

    .dashboard-quick-actions[b-05u5ka6p9u] { display: grid; }
    .quick-actions-grid[b-05u5ka6p9u] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .quick-action-card[b-05u5ka6p9u] { min-width: 0; min-height: 82px; padding: 15px; border: 0; border-radius: 17px; background: #fff; color: #172033; display: grid; grid-template-columns: 42px minmax(0, 1fr) 22px; align-items: center; gap: 12px; text-align: left; cursor: pointer; box-shadow: 0 10px 28px rgba(15,23,42,.075),0 2px 7px rgba(15,23,42,.035); transition: transform .18s ease,box-shadow .18s ease,background .18s ease; }
    .quick-action-card:hover:not(:disabled)[b-05u5ka6p9u] { transform: translateY(-3px); background:#fefefe; box-shadow:0 17px 38px rgba(15,23,42,.12),0 4px 10px rgba(15,23,42,.045); }
    .quick-action-card:disabled[b-05u5ka6p9u] { opacity: .68; cursor: wait; }
    .quick-action-icon[b-05u5ka6p9u] { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 22px; background: #eef2f5; color: #40505f; }
    .quick-action-card.order .quick-action-icon[b-05u5ka6p9u] { background: #eaf2ff; color: #2864ba; }
    .quick-action-card.production .quick-action-icon[b-05u5ka6p9u] { background: #edf7f1; color: #28734e; }
    .quick-action-card.passport .quick-action-icon[b-05u5ka6p9u] { background: #f3effd; color: #6941c6; }
    .quick-action-card > span:nth-child(2)[b-05u5ka6p9u] { min-width: 0; display: grid; gap: 4px; }
    .quick-action-card strong[b-05u5ka6p9u] { color: #172033; font-size: 13px; line-height: 1.3; }
    .quick-action-card small[b-05u5ka6p9u] { color: #74808d; font-size: 11px; line-height: 1.4; }
    .quick-action-arrow[b-05u5ka6p9u] { color: #98a2ad; font-size: 20px; }
    .quick-action-spinner[b-05u5ka6p9u] { width: 18px; height: 18px; border: 2px solid #cfe1d7; border-top-color: #28734e; border-radius: 50%; animation: quick-spin-b-05u5ka6p9u .7s linear infinite; }
    @keyframes quick-spin-b-05u5ka6p9u { to { transform: rotate(360deg); } }

    .dashboard-stat-list[b-05u5ka6p9u] {
        display: grid;
        gap: 10px;
    }

    .dashboard-stat-row[b-05u5ka6p9u] {
        min-width: 0;
        padding: 18px 20px;
        border: 1px solid #E4E7EC;
        border-radius: 14px;
        background: #FFFFFF;
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) auto;
        align-items: center;
        gap: 16px;
        box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
    }

    .dashboard-stat-icon[b-05u5ka6p9u] {
        width: 44px;
        height: 44px;
        border-radius: 11px;
        display: grid;
        place-items: center;
        background: #F2F4F7;
        color: #344054;
    }

    .dashboard-stat-icon.pace[b-05u5ka6p9u] { background: #EFF6FF; color: #1D4ED8; }
    .dashboard-stat-copy[b-05u5ka6p9u] { min-width: 0; }
    .dashboard-stat-copy h3[b-05u5ka6p9u] { margin: 2px 0 0; color: #101828; font-size: 16px; }
    .dashboard-stat-copy p[b-05u5ka6p9u] { margin: 5px 0 0; color: #667085; font-size: 12px; line-height: 1.45; }
    .dashboard-stat-value[b-05u5ka6p9u] { color: #101828; font-size: 20px; white-space: nowrap; }

    .dashboard-stat-pair[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 22px;
    }
    .dashboard-stat-pair div[b-05u5ka6p9u] { min-width: 112px; }
    .dashboard-stat-pair span[b-05u5ka6p9u] { display: block; margin-bottom: 4px; color: #667085; font-size: 11px; }
    .dashboard-stat-pair strong[b-05u5ka6p9u] { color: #101828; font-size: 16px; white-space: nowrap; }

    @media (max-width: 720px) {
        .quick-actions-grid[b-05u5ka6p9u] { grid-template-columns: 1fr; }
        .quick-action-card[b-05u5ka6p9u] { min-height: 76px; }
        .dashboard-stat-row[b-05u5ka6p9u] { grid-template-columns: 40px minmax(0, 1fr); padding: 16px; }
        .dashboard-stat-icon[b-05u5ka6p9u] { width: 40px; height: 40px; }
        .dashboard-stat-value[b-05u5ka6p9u],
        .dashboard-stat-pair[b-05u5ka6p9u] { grid-column: 2; }
        .dashboard-stat-pair[b-05u5ka6p9u] { grid-template-columns: 1fr; gap: 10px; }
    }

    .dashboard-hero[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
        gap: 20px;
        background: linear-gradient(135deg, #0f172a 0%, #1f2937 55%, #0f766e 100%);
        border-radius: 28px;
        padding: clamp(22px, 4vw, 34px);
        color: #ffffff;
        box-shadow: 0 28px 70px rgba(15, 23, 42, 0.18);
        overflow: hidden;
        position: relative;
    }

    .dashboard-hero[b-05u5ka6p9u]::after {
        content: "";
        position: absolute;
        inset: auto -120px -140px auto;
        width: 340px;
        height: 340px;
        border-radius: 999px;
        background: rgba(125, 211, 252, 0.18);
        pointer-events: none;
    }

    .hero-copy[b-05u5ka6p9u],
    .hero-metrics[b-05u5ka6p9u] {
        position: relative;
        z-index: 1;
    }

    .hero-label[b-05u5ka6p9u] {
        display: inline-flex;
        width: fit-content;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.14);
        color: rgba(255, 255, 255, 0.82);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

    .hero-copy h2[b-05u5ka6p9u] {
        margin: 0;
        font-size: clamp(34px, 7vw, 72px);
        line-height: 1;
        letter-spacing: 0;
        color: #ffffff;
    }

    .hero-copy p[b-05u5ka6p9u] {
        margin: 14px 0 0;
        max-width: 620px;
        color: rgba(255, 255, 255, 0.74);
        font-size: 15px;
        line-height: 1.6;
    }

    .hero-metrics[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        align-self: end;
    }

    .hero-metrics div[b-05u5ka6p9u] {
        min-width: 0;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 18px;
        padding: 18px;
        backdrop-filter: blur(12px);
    }

    .hero-metrics span[b-05u5ka6p9u] {
        display: block;
        color: rgba(255, 255, 255, 0.68);
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: 8px;
    }

    .hero-metrics strong[b-05u5ka6p9u] {
        display: block;
        color: #ffffff;
        font-size: clamp(18px, 2.2vw, 26px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .insight-layout[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: minmax(0, 1.5fr) minmax(320px, .72fr);
        gap: 20px;
        align-items: stretch;
    }

    .trend-panel[b-05u5ka6p9u],
    .insight-card[b-05u5ka6p9u],
    .business-card[b-05u5ka6p9u] {
        background: rgba(255, 255, 255, 0.94);
        border: 1px solid rgba(226, 232, 240, 0.92);
        box-shadow: 0 18px 55px rgba(15, 23, 42, 0.065);
    }

    .trend-panel[b-05u5ka6p9u] {
        border-radius: 28px;
        padding: 24px;
        min-height: 340px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .panel-heading[b-05u5ka6p9u],
    .business-head[b-05u5ka6p9u] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
    }

    .panel-eyebrow[b-05u5ka6p9u] {
        display: block;
        color: #64748b;
        font-size: 11px;
        font-weight: 850;
        letter-spacing: .08em;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .panel-heading h2[b-05u5ka6p9u],
    .business-head h3[b-05u5ka6p9u] {
        margin: 0;
        color: #0f172a;
        letter-spacing: 0;
    }

    .panel-heading h2[b-05u5ka6p9u] {
        font-size: clamp(24px, 3vw, 34px);
    }

    .trend-total[b-05u5ka6p9u] {
        min-width: 132px;
        border-radius: 18px;
        background: #eff6ff;
        color: #1d4ed8;
        padding: 14px 16px;
        text-align: right;
    }

    .trend-total span[b-05u5ka6p9u],
    .trend-foot span[b-05u5ka6p9u],
    .insight-card > span[b-05u5ka6p9u],
    .finance-points span[b-05u5ka6p9u] {
        display: block;
        font-size: 11px;
        font-weight: 850;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .trend-total strong[b-05u5ka6p9u] {
        display: block;
        font-size: 30px;
        line-height: 1;
        margin-top: 6px;
    }

    .trend-foot[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 18px;
    }

    .trend-foot div[b-05u5ka6p9u] {
        border-radius: 18px;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        padding: 16px;
    }

    .trend-foot span[b-05u5ka6p9u] {
        color: #64748b;
        margin-bottom: 6px;
    }

    .trend-foot strong[b-05u5ka6p9u] {
        color: #0f172a;
        font-size: 20px;
    }

    .insight-stack[b-05u5ka6p9u] {
        display: grid;
        gap: 20px;
    }

    .insight-card[b-05u5ka6p9u] {
        border-radius: 26px;
        padding: 22px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-height: 160px;
    }

    .profit-card[b-05u5ka6p9u] {
        background: linear-gradient(145deg, #ecfdf5 0%, #ffffff 72%);
    }

    .quality-card[b-05u5ka6p9u] {
        background: linear-gradient(145deg, #f5f3ff 0%, #ffffff 72%);
    }

    .insight-icon[b-05u5ka6p9u] {
        width: 44px;
        height: 44px;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #0f172a;
        color: #ffffff;
    }

    .insight-card > span[b-05u5ka6p9u] {
        color: #64748b;
    }

    .insight-card strong[b-05u5ka6p9u] {
        color: #0f172a;
        font-size: clamp(26px, 3vw, 36px);
        line-height: 1.05;
    }

    .insight-card p[b-05u5ka6p9u],
    .business-card p[b-05u5ka6p9u] {
        margin: 0;
        color: #64748b;
        line-height: 1.55;
        font-size: 14px;
    }

    .business-grid[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: 1.05fr .9fr 1.05fr;
        gap: 20px;
    }

    .business-card[b-05u5ka6p9u] {
        border-radius: 26px;
        padding: 22px;
        min-height: 270px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .value-card[b-05u5ka6p9u] {
        background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
    }

    .flow-card[b-05u5ka6p9u] {
        background: #0f172a;
        color: #ffffff;
    }

    .margin-card[b-05u5ka6p9u] {
        background: linear-gradient(180deg, #ffffff 0%, #ecfdf5 100%);
    }

    .business-head h3[b-05u5ka6p9u] {
        font-size: 21px;
    }

    .business-head > span[b-05u5ka6p9u] {
        width: 44px;
        height: 44px;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(15, 23, 42, .08);
        color: #0f172a;
    }

    .flow-card .panel-eyebrow[b-05u5ka6p9u],
    .flow-card p[b-05u5ka6p9u] {
        color: rgba(255, 255, 255, .65);
    }

    .flow-card .business-head h3[b-05u5ka6p9u],
    .flow-card .business-head > span[b-05u5ka6p9u] {
        color: #ffffff;
    }

    .flow-card .business-head > span[b-05u5ka6p9u] {
        background: rgba(255, 255, 255, .13);
    }

    .business-card > strong[b-05u5ka6p9u] {
        color: #0f172a;
        font-size: clamp(28px, 4vw, 42px);
        line-height: 1;
    }

    .flow-list[b-05u5ka6p9u] {
        display: grid;
        gap: 10px;
        margin-top: 4px;
    }

    .flow-list div[b-05u5ka6p9u] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 13px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    .flow-list span[b-05u5ka6p9u] {
        color: rgba(255, 255, 255, .82);
        font-size: 13px;
        font-weight: 750;
    }

    .flow-list strong[b-05u5ka6p9u] {
        color: #ffffff;
        font-size: 18px;
        text-align: right;
        white-space: nowrap;
    }

    .finance-points[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: auto;
    }

    .finance-points div[b-05u5ka6p9u] {
        background: rgba(255, 255, 255, .7);
        border: 1px solid rgba(226, 232, 240, .9);
        border-radius: 18px;
        padding: 14px;
        min-width: 0;
    }

    .finance-points span[b-05u5ka6p9u] {
        color: #64748b;
        margin-bottom: 7px;
    }

    .finance-points strong[b-05u5ka6p9u] {
        color: #0f172a;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .earnings-panel[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.9fr);
        gap: 24px;
        align-items: stretch;
        background: linear-gradient(135deg, #064e3b 0%, #047857 52%, #0f766e 100%);
        border: 1px solid rgba(16, 185, 129, 0.28);
        border-radius: 24px;
        padding: 26px;
        color: #ffffff;
        box-shadow: 0 24px 60px rgba(4, 120, 87, 0.2);
        overflow: hidden;
        position: relative;
    }

    .earnings-panel[b-05u5ka6p9u]::after {
        content: "";
        position: absolute;
        width: 280px;
        height: 280px;
        right: -90px;
        top: -110px;
        border-radius: 999px;
        background: rgba(217, 249, 157, 0.18);
        pointer-events: none;
    }

    .earnings-main[b-05u5ka6p9u] {
        display: flex;
        gap: 18px;
        align-items: center;
        min-width: 0;
        position: relative;
        z-index: 1;
    }

    .earnings-icon[b-05u5ka6p9u] {
        width: 58px;
        height: 58px;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.2);
        flex-shrink: 0;
    }

    .earnings-icon span[b-05u5ka6p9u] {
        font-size: 31px;
        color: #d9f99d;
    }

    .earnings-eyebrow[b-05u5ka6p9u] {
        display: block;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 8px;
    }

    .earnings-main h2[b-05u5ka6p9u] {
        margin: 0;
        font-size: clamp(30px, 4vw, 48px);
        line-height: 1;
        letter-spacing: -0.03em;
        color: #ffffff;
    }

    .earnings-main p[b-05u5ka6p9u] {
        margin: 10px 0 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: 14px;
        font-weight: 500;
    }

    .earnings-stats[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        position: relative;
        z-index: 1;
    }

    .earnings-stats div[b-05u5ka6p9u] {
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 16px;
        padding: 16px;
        min-width: 0;
    }

    .earnings-stats span[b-05u5ka6p9u] {
        display: block;
        color: rgba(255, 255, 255, 0.68);
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 8px;
    }

    .earnings-stats strong[b-05u5ka6p9u] {
        display: block;
        font-size: 17px;
        color: #ffffff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .kpi-card[b-05u5ka6p9u] {
        background: #FFFFFF;
        border-radius: 22px;
        padding: 24px 24px 0 24px;
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
        border: 1px solid #E2E8F0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 200px;
        position: relative;
        overflow: hidden;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .kpi-card.compact[b-05u5ka6p9u] {
        padding-bottom: 24px;
    }

    .kpi-note[b-05u5ka6p9u] {
        margin: 0;
        color: #64748b;
        font-size: 14px;
        line-height: 1.5;
    }

    @media (hover: hover) {
        .kpi-card:hover[b-05u5ka6p9u] {
            transform: translateY(-4px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
        }
    }

    .kpi-top[b-05u5ka6p9u] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        z-index: 2;
    }

    .kpi-info[b-05u5ka6p9u] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .kpi-info .label[b-05u5ka6p9u] {
        font-size: 14px;
        font-weight: 600;
        color: #64748B;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

    .kpi-info .value[b-05u5ka6p9u] {
        font-size: 32px;
        font-weight: 800;
        letter-spacing: -0.03em;
        color: #0F172A;
    }

    .text-green[b-05u5ka6p9u] {
        color: #10B981;
    }

    .icon-circle[b-05u5ka6p9u] {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon-circle.blue[b-05u5ka6p9u] {
        background: #EFF6FF;
        color: #3B82F6;
    }

    .icon-circle.black[b-05u5ka6p9u] {
        background: #F8FAFC;
        color: #334155;
    }

    .icon-circle.green[b-05u5ka6p9u] {
        background: #ECFDF5;
        color: #10B981;
    }

    .icon-circle.violet[b-05u5ka6p9u] {
        background: #F5F3FF;
        color: #7C3AED;
    }

    .icon-circle.amber[b-05u5ka6p9u] {
        background: #FFFBEB;
        color: #D97706;
    }

    .chart-container[b-05u5ka6p9u] {
        height: 80px;
        width: calc(100% + 48px);
        margin-left: -24px;
        margin-bottom: -4px;
        position: relative;
    }

    .chart-container.large[b-05u5ka6p9u] {
        flex: 1;
        min-height: 170px;
        height: 190px;
        width: calc(100% + 24px);
        margin: 18px -12px 0;
    }

    .mini-chart-container[b-05u5ka6p9u] {
        height: 86px;
        width: calc(100% + 44px);
        margin: auto -22px -22px;
        position: relative;
    }

    .margin-card .mini-chart-container[b-05u5ka6p9u] {
        margin-top: 0;
        margin-bottom: 0;
    }

    @media (max-width: 980px) {
        .earnings-panel[b-05u5ka6p9u] {
            grid-template-columns: 1fr;
        }

        .dashboard-hero[b-05u5ka6p9u] {
            grid-template-columns: 1fr;
        }

        .insight-layout[b-05u5ka6p9u],
        .business-grid[b-05u5ka6p9u] {
            grid-template-columns: 1fr;
        }

        .insight-stack[b-05u5ka6p9u] {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 640px) {
        .dashboard-wrapper[b-05u5ka6p9u] {
            padding: 16px;
        }

        .dashboard-container[b-05u5ka6p9u] {
            gap: 28px;
        }

        .earnings-panel[b-05u5ka6p9u] {
            padding: 20px;
            border-radius: 20px;
        }

        .earnings-main[b-05u5ka6p9u] {
            align-items: flex-start;
        }

        .earnings-stats[b-05u5ka6p9u] {
            grid-template-columns: 1fr;
        }

        .hero-metrics[b-05u5ka6p9u],
        .trend-foot[b-05u5ka6p9u],
        .insight-stack[b-05u5ka6p9u],
        .finance-points[b-05u5ka6p9u] {
            grid-template-columns: 1fr;
        }

        .dashboard-hero[b-05u5ka6p9u] {
            border-radius: 22px;
        }

        .trend-panel[b-05u5ka6p9u],
        .business-card[b-05u5ka6p9u],
        .insight-card[b-05u5ka6p9u] {
            border-radius: 22px;
            padding: 18px;
        }

        .panel-heading[b-05u5ka6p9u],
        .business-head[b-05u5ka6p9u] {
            align-items: flex-start;
        }

        .trend-total[b-05u5ka6p9u] {
            min-width: 112px;
            padding: 12px;
        }

        .chart-container.large[b-05u5ka6p9u] {
            min-height: 150px;
            height: 165px;
        }
    }

    .team-section[b-05u5ka6p9u] {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .section-header[b-05u5ka6p9u] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section-header h3[b-05u5ka6p9u] {
        font-size: 20px;
        font-weight: 700;
        color: #0F172A;
        margin: 0;
    }

    .btn-link[b-05u5ka6p9u] {
        background: none;
        border: none;
        color: #3B82F6;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        padding: 8px 16px;
        border-radius: 8px;
        transition: background-color 0.2s;
    }

    @media (hover: hover) {
        .btn-link:hover[b-05u5ka6p9u] {
            background-color: #EFF6FF;
        }
    }

    .team-grid[b-05u5ka6p9u] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 20px;
    }

    .member-card[b-05u5ka6p9u] {
        background: #FFFFFF;
        border-radius: 16px;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 16px;
        border: 1px solid #F1F5F9;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        position: relative;
        cursor: pointer;
    }

    @media (hover: hover) {
        .member-card:hover[b-05u5ka6p9u] {
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
            border-color: #E2E8F0;
        }
    }

    .member-card.leader[b-05u5ka6p9u] {
        background: linear-gradient(145deg, #FFFFFF 0%, #F0F9FF 100%);
        border: 1px solid #BFDBFE;
    }

    .badge-leader[b-05u5ka6p9u] {
        position: absolute;
        top: 12px;
        right: 12px;
        background: #2563EB;
        color: white;
        font-size: 10px;
        padding: 4px 8px;
        border-radius: 6px;
        font-weight: 700;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .icon-xs[b-05u5ka6p9u] {
        font-size: 12px;
    }

    .avatar-wrapper img[b-05u5ka6p9u] {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #FFFFFF;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .member-info[b-05u5ka6p9u] {
        display: flex;
        flex-direction: column;
        flex: 1;
        gap: 2px;
    }

    .member-info .name[b-05u5ka6p9u] {
        font-weight: 700;
        font-size: 15px;
        color: #0F172A;
    }

    .member-info .role[b-05u5ka6p9u] {
        font-size: 13px;
        font-weight: 500;
        color: #64748B;
    }

    .member-stats[b-05u5ka6p9u] {
        text-align: right;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 4px;
    }

    .member-stats .amount[b-05u5ka6p9u] {
        font-weight: 800;
        font-size: 15px;
        color: #0F172A;
    }

    .trend[b-05u5ka6p9u] {
        font-size: 12px;
        font-weight: 700;
    }

    .trend.positive[b-05u5ka6p9u] {
        color: #10B981;
        background: #ECFDF5;
        padding: 2px 6px;
        border-radius: 4px;
    }

    @media (max-width: 768px) {
        .dashboard-wrapper[b-05u5ka6p9u] {
            padding: 16px;
        }

        .dashboard-header[b-05u5ka6p9u] {
            flex-direction: column;
            align-items: flex-start;
        }

        .kpi-grid[b-05u5ka6p9u] {
            grid-template-columns: 1fr;
        }

        .kpi-card[b-05u5ka6p9u] {
            height: auto;
            min-height: 180px;
        }
    }
/* /Pages/Integracje.razor.rz.scp.css */
.integrations-page[b-qu2n2anfrp] {
    width: min(1380px, 100%);
    margin: 0 auto;
    padding: 24px 32px 64px;
    color: #0f172a;
}

.integrations-header[b-qu2n2anfrp] {
    margin-bottom: 28px;
}

.integrations-message[b-qu2n2anfrp] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    padding: 13px 15px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff7f7;
    color: #991b1b;
    font-size: 13px;
    font-weight: 650;
}

.integrations-message.success[b-qu2n2anfrp] {
    border-color: #bbf7d0;
    background: #f3fbf6;
    color: #166534;
}

.integration-loading[b-qu2n2anfrp] {
    min-height: 300px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 12px;
    color: #64748b;
}

.spinner[b-qu2n2anfrp] {
    width: 30px;
    height: 30px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f172a;
    border-radius: 50%;
    animation: spin-b-qu2n2anfrp .8s linear infinite;
}

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

.connections-section[b-qu2n2anfrp],
.paused-section[b-qu2n2anfrp],
.catalog-section[b-qu2n2anfrp],
.api-access-card[b-qu2n2anfrp] {
    margin-bottom: 38px;
}

.section-heading[b-qu2n2anfrp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.section-heading h2[b-qu2n2anfrp] {
    margin: 3px 0 0;
    font-size: 20px;
    letter-spacing: 0;
}

.section-heading p[b-qu2n2anfrp] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.section-heading.compact[b-qu2n2anfrp] {
    margin-bottom: 11px;
}

.section-count[b-qu2n2anfrp] {
    min-width: 34px;
    min-height: 30px;
    display: grid;
    place-items: center;
    padding: 0 10px;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-size: 12px;
    font-weight: 850;
}

.connections-empty[b-qu2n2anfrp] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 24px;
    border: 0;
    border-radius: 18px;
    background: transparent;
    color: #64748b;
}

.connections-empty > span[b-qu2n2anfrp] { font-size: 30px; }
.connections-empty div[b-qu2n2anfrp] { display: grid; gap: 4px; }
.connections-empty strong[b-qu2n2anfrp] { color: #334155; }
.connections-empty small[b-qu2n2anfrp] { font-size: 12px; }

.connection-map[b-qu2n2anfrp] {
    overflow: hidden;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #f8fafc;
}

.network-caption[b-qu2n2anfrp] {
    min-height: 58px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 10px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
}

.network-caption > span:first-child[b-qu2n2anfrp] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eef2f7;
    color: #475569;
    font-size: 20px;
}

.network-caption div[b-qu2n2anfrp] { display: grid; gap: 2px; min-width: 0; }
.network-caption strong[b-qu2n2anfrp] { font-size: 13px; }
.network-caption small[b-qu2n2anfrp] { color: #64748b; font-size: 11px; }

.network-live[b-qu2n2anfrp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #166534;
    font-size: 11px;
    font-weight: 800;
}

.network-live i[b-qu2n2anfrp] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .12);
}

.pm-node[b-qu2n2anfrp] {
    width: min(390px, calc(100% - 32px));
    min-height: 72px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 24px auto 0;
    padding: 13px 16px;
    border: 1px solid #0f172a;
    border-radius: 8px;
    background: #0f172a;
    color: #fff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .16);
}

.pm-node > span[b-qu2n2anfrp] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
}

.pm-node div[b-qu2n2anfrp] { display: grid; gap: 3px; min-width: 0; }
.pm-node strong[b-qu2n2anfrp] { font-size: 15px; }
.pm-node small[b-qu2n2anfrp] { color: #cbd5e1; font-size: 11px; }

.connection-lines[b-qu2n2anfrp] {
    width: 2px;
    height: 28px;
    margin: 0 auto;
    background: #94a3b8;
}

.connection-nodes[b-qu2n2anfrp] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 14px;
    padding: 16px 18px 20px;
}

.connection-nodes[b-qu2n2anfrp]::before {
    content: "";
    position: absolute;
    top: 0;
    left: max(9%, 34px);
    right: max(9%, 34px);
    height: 2px;
    background: #94a3b8;
}

.connection-node[b-qu2n2anfrp] {
    position: relative;
    min-width: 0;
    min-height: 154px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: minmax(48px, auto) auto;
    align-content: space-between;
    gap: 13px 12px;
    padding: 15px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}

.connection-node[b-qu2n2anfrp]::before {
    content: "";
    position: absolute;
    top: -17px;
    left: 50%;
    width: 2px;
    height: 16px;
    background: #94a3b8;
}

.node-icon[b-qu2n2anfrp],
.catalog-icon[b-qu2n2anfrp] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    flex: 0 0 auto;
}

.courier[b-qu2n2anfrp] { background: #eff6ff; color: #1d4ed8; }
.invoice[b-qu2n2anfrp] { background: #fff7ed; color: #9a3412; }
.commerce[b-qu2n2anfrp] { background: #ecfdf5; color: #047857; }
.other[b-qu2n2anfrp] { background: #f1f5f9; color: #475569; }

.node-copy[b-qu2n2anfrp] {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 3px;
    padding-right: 4px;
}

.node-copy strong[b-qu2n2anfrp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.node-copy small[b-qu2n2anfrp] {
    color: #64748b;
    font-size: 11px;
}

.node-badges[b-qu2n2anfrp] {
    grid-column: 1 / -1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.default-badge[b-qu2n2anfrp],
.connection-state[b-qu2n2anfrp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.default-badge span[b-qu2n2anfrp] { font-size: 13px; }
.connection-state.connected[b-qu2n2anfrp] { background: #ecfdf5; color: #047857; }
.connection-state.error[b-qu2n2anfrp] { background: #fef2f2; color: #b91c1c; }

.node-actions[b-qu2n2anfrp] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 7px;
    padding-top: 12px;
    border-top: 1px solid #edf1f5;
}

.node-actions button[b-qu2n2anfrp],
.paused-row .icon-only[b-qu2n2anfrp] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #fff;
    color: #475569;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.node-actions button:hover[b-qu2n2anfrp],
.paused-row .icon-only:hover[b-qu2n2anfrp] {
    border-color: #94a3b8;
    background: #f8fafc;
    color: #0f172a;
    transform: translateY(-1px);
}

.node-actions span[b-qu2n2anfrp] { font-size: 19px; }

.paused-list[b-qu2n2anfrp] { display: grid; gap: 8px; }

.paused-row[b-qu2n2anfrp] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto 36px;
    align-items: center;
    gap: 11px;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    color: #94a3b8;
}

.paused-row div[b-qu2n2anfrp] { display: grid; min-width: 0; }
.paused-row strong[b-qu2n2anfrp] { overflow: hidden; color: #475569; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.paused-row small[b-qu2n2anfrp] { font-size: 11px; }

.paused-row > button:not(.icon-only)[b-qu2n2anfrp] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 11px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.catalog-heading[b-qu2n2anfrp] {
    align-items: flex-end;
}

.category-filter[b-qu2n2anfrp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.category-filter button[b-qu2n2anfrp] {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #fff;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.category-filter button.active[b-qu2n2anfrp] {
    border-color: #0f172a;
    background: #0f172a;
    color: #fff;
}

.catalog-tools[b-qu2n2anfrp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 15px;
}

.integration-search[b-qu2n2anfrp] {
    width: min(620px, 100%);
    min-width: 0;
}

.clear-integration-search[b-qu2n2anfrp] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f1f5f9;
    color: #64748b;
    cursor: pointer;
}

.clear-integration-search span[b-qu2n2anfrp] { font-size: 17px; }

.catalog-results[b-qu2n2anfrp] {
    color: #64748b;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.catalog-grid[b-qu2n2anfrp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
    gap: 12px;
}

.catalog-card[b-qu2n2anfrp] {
    min-width: 0;
    min-height: 192px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 13px;
    padding: 15px;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(15, 23, 42, .04);
}

.catalog-card-top[b-qu2n2anfrp],
.catalog-labels[b-qu2n2anfrp],
.catalog-footer[b-qu2n2anfrp] {
    display: flex;
    align-items: center;
}

.catalog-card-top[b-qu2n2anfrp] { justify-content: space-between; gap: 10px; }
.catalog-labels[b-qu2n2anfrp] { flex-wrap: wrap; justify-content: flex-end; gap: 5px; }

.beta-label[b-qu2n2anfrp],
.new-label[b-qu2n2anfrp] {
    padding: 4px 7px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 9px;
    font-weight: 900;
}

.new-label[b-qu2n2anfrp] { background: #ecfdf5; color: #047857; }

.catalog-copy h3[b-qu2n2anfrp] {
    margin: 0 0 6px;
    font-size: 15px;
}

.catalog-copy p[b-qu2n2anfrp] {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.integration-feature-row[b-qu2n2anfrp] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.integration-feature-chip[b-qu2n2anfrp] {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.15;
    white-space: nowrap;
}

.integration-feature-chip .material-symbols-rounded[b-qu2n2anfrp] {
    font-size: 15px;
    color: #64748b;
}

.catalog-footer[b-qu2n2anfrp] {
    min-height: 40px;
    justify-content: space-between;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid #edf1f5;
}

.catalog-footer > span[b-qu2n2anfrp] {
    color: #64748b;
    font-size: 11px;
    font-weight: 750;
}

.catalog-footer button[b-qu2n2anfrp] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 11px;
    border: 0;
    border-radius: 8px;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.catalog-footer button span[b-qu2n2anfrp] { font-size: 18px; }

.api-access-card[b-qu2n2anfrp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 17px;
    padding: 20px;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #fff;
}

.api-access-copy[b-qu2n2anfrp] { display: flex; gap: 13px; min-width: 0; }

.api-access-icon[b-qu2n2anfrp] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #f1f5f9;
}

.api-eyebrow[b-qu2n2anfrp] {
    display: block;
    margin-bottom: 4px;
    color: #8e959b;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.api-access-copy h2[b-qu2n2anfrp] {
    margin: 0;
    color: #0f172a;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
}

.api-access-copy p[b-qu2n2anfrp] {
    margin: 7px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.api-create-button[b-qu2n2anfrp] {
    align-self: center;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 13px;
    border: 0;
    border-radius: 8px;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.new-api-key[b-qu2n2anfrp],
.api-key-list[b-qu2n2anfrp],
.api-message[b-qu2n2anfrp] { grid-column: 1 / -1; }

.new-api-key[b-qu2n2anfrp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 36px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border-radius: 8px;
    background: #f8fafc;
}

.new-api-key div[b-qu2n2anfrp] { display: grid; }
.new-api-key small[b-qu2n2anfrp] { color: #64748b; }
.new-api-key code[b-qu2n2anfrp] { overflow: auto; }
.new-api-key button[b-qu2n2anfrp],
.api-revoke[b-qu2n2anfrp] { border: 0; background: transparent; cursor: pointer; }

.api-key-list[b-qu2n2anfrp] { display: grid; gap: 6px; }

.api-key-row[b-qu2n2anfrp] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border-top: 1px solid #edf1f5;
}

.api-key-row div[b-qu2n2anfrp] { display: grid; min-width: 0; }
.api-key-row small[b-qu2n2anfrp] { color: #64748b; font-size: 11px; }

/* The connection graph intentionally lives directly on the page background. */
.integration-network[b-qu2n2anfrp] {
    position: relative;
    min-width: 0;
    padding: 12px 2px 8px;
}

.integration-network .pm-node[b-qu2n2anfrp] {
    width: 168px;
    min-height: 142px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #1e293b;
    border-radius: 18px;
    background: #0f172a;
    color: #fff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
    box-sizing: border-box;
}

.integration-network .pm-node img[b-qu2n2anfrp] {
    width: 58px;
    height: 58px;
    display: block;
    object-fit: contain;
    border-radius: 14px;
    background: #fff;
    padding: 7px;
    box-sizing: border-box;
}

.integration-network .pm-node strong[b-qu2n2anfrp] { font-size: 14px; text-align: center; }

.integration-network .connection-lines[b-qu2n2anfrp] {
    width: 2px;
    height: 44px;
    margin: 0 auto;
    border-radius: 999px;
    background: linear-gradient(#475569, #94a3b8);
}

.integration-network .connection-nodes[b-qu2n2anfrp] {
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    gap: 22px;
    padding: 27px 0 8px;
}

.integration-network .connection-nodes[b-qu2n2anfrp]::before {
    top: 0;
    left: max(8%, 28px);
    right: max(8%, 28px);
    height: 18px;
    border-top: 2px solid #94a3b8;
    border-radius: 18px 18px 0 0;
    background: transparent;
}

.integration-network .connection-node[b-qu2n2anfrp] {
    min-height: 214px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    justify-items: center;
    align-content: center;
    gap: 11px;
    padding: 20px;
    border-color: #e2e8f0;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .07);
}

.integration-network .connection-node[b-qu2n2anfrp]::before {
    top: -28px;
    left: calc(50% - 16px);
    width: 16px;
    height: 28px;
    border-top: 2px solid #94a3b8;
    border-right: 2px solid #94a3b8;
    border-radius: 0 15px 0 0;
    background: transparent;
    box-sizing: border-box;
}

.integration-network .node-icon[b-qu2n2anfrp] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
}

.integration-network .node-copy[b-qu2n2anfrp] { justify-items: center; padding: 0; }
.integration-network .node-copy strong[b-qu2n2anfrp] { max-width: 190px; }
.integration-network .node-badges[b-qu2n2anfrp] { grid-column: auto; justify-content: center; }
.integration-network .node-actions[b-qu2n2anfrp] { grid-column: auto; justify-content: center; width: 100%; }

.section-heading h2[b-qu2n2anfrp] {
    margin: 0;
    color: #0f172a;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
}

.section-heading p[b-qu2n2anfrp] { margin-top: 7px; font-size: 14px; }
.paused-section[b-qu2n2anfrp],
.catalog-section[b-qu2n2anfrp],
.api-access-card[b-qu2n2anfrp] { margin-top: 44px; }

.paused-row[b-qu2n2anfrp],
.catalog-card[b-qu2n2anfrp],
.api-access-card[b-qu2n2anfrp] {
    padding: 18px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
}

.catalog-grid[b-qu2n2anfrp] { gap: 16px; }
.catalog-card[b-qu2n2anfrp] { min-height: 210px; gap: 16px; }

.connection-node[b-qu2n2anfrp],
.paused-row[b-qu2n2anfrp],
.catalog-card[b-qu2n2anfrp],
.api-access-card[b-qu2n2anfrp],
.integrations-message[b-qu2n2anfrp] {
    border-radius: 20px;
}

.integration-network .connection-node[b-qu2n2anfrp] {
    border-radius: 20px;
}

.node-actions button[b-qu2n2anfrp],
.paused-row button[b-qu2n2anfrp],
.category-filter button[b-qu2n2anfrp],
.catalog-footer button[b-qu2n2anfrp],
.api-create-button[b-qu2n2anfrp] {
    border-radius: 12px;
}

.integration-logo-shell[b-qu2n2anfrp],
.paused-logo[b-qu2n2anfrp] {
    overflow: hidden;
    border: 1px solid #e7ebef;
    background: #fff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .055);
}

.integration-logo-shell img[b-qu2n2anfrp],
.paused-logo img[b-qu2n2anfrp] {
    width: 100%;
    height: 100%;
    display: block;
    padding: 7px;
    object-fit: contain;
    box-sizing: border-box;
}

.paused-logo[b-qu2n2anfrp] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    opacity: .72;
}

.integration-network .integration-logo-shell[b-qu2n2anfrp] {
    width: 54px;
    height: 54px;
    border-radius: 15px;
}

.catalog-card .integration-logo-shell[b-qu2n2anfrp] {
    width: 52px;
    height: 52px;
    border-radius: 15px;
}

@media (max-width: 760px) {
    .integrations-page[b-qu2n2anfrp] { padding: 16px 14px 48px; }
    .section-heading[b-qu2n2anfrp],
    .catalog-heading[b-qu2n2anfrp] { align-items: flex-start; }
    .catalog-heading[b-qu2n2anfrp] { flex-direction: column; }
    .category-filter[b-qu2n2anfrp] {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 3px;
        scrollbar-width: none;
    }
    .category-filter[b-qu2n2anfrp]::-webkit-scrollbar { display: none; }
    .category-filter button[b-qu2n2anfrp] { flex: 0 0 auto; }
    .catalog-tools[b-qu2n2anfrp] { align-items: stretch; flex-direction: column; gap: 8px; }
    .integration-search[b-qu2n2anfrp] { width: 100%; }
    .catalog-results[b-qu2n2anfrp] { align-self: flex-end; }
    .integration-network .pm-node[b-qu2n2anfrp] { width: 148px; min-height: 128px; }
    .integration-network .connection-nodes[b-qu2n2anfrp] {
        grid-template-columns: 1fr;
        padding: 10px 12px 16px 34px;
    }
    .integration-network .connection-nodes[b-qu2n2anfrp]::before {
        top: 0;
        bottom: 24px;
        left: 18px;
        right: auto;
        width: 2px;
        height: auto;
        border: 0;
        border-radius: 999px;
        background: #94a3b8;
    }
    .integration-network .connection-node[b-qu2n2anfrp] {
        min-height: 190px;
    }
    .integration-network .connection-node[b-qu2n2anfrp]::before {
        top: 25px;
        left: -17px;
        width: 16px;
        height: 16px;
        border: 0;
        border-top: 2px solid #94a3b8;
        border-left: 2px solid #94a3b8;
        border-radius: 12px 0 0 0;
    }
    .paused-row[b-qu2n2anfrp] { grid-template-columns: 24px minmax(0, 1fr) auto; }
    .paused-row .icon-only[b-qu2n2anfrp] { display: none; }
    .catalog-grid[b-qu2n2anfrp] { grid-template-columns: 1fr; }
    .api-access-card[b-qu2n2anfrp] { grid-template-columns: 1fr; }
    .api-create-button[b-qu2n2anfrp] { width: 100%; }
    .new-api-key[b-qu2n2anfrp] { grid-template-columns: minmax(0, 1fr) 36px; }
    .new-api-key div[b-qu2n2anfrp] { grid-column: 1 / -1; }
}

@media (max-width: 440px) {
    .integration-network .connection-node[b-qu2n2anfrp] { min-height: 176px; }
    .catalog-footer[b-qu2n2anfrp] { align-items: flex-start; flex-direction: column; }
    .catalog-footer button[b-qu2n2anfrp] { width: 100%; justify-content: center; }
}
/* /Pages/LoginRegister.razor.rz.scp.css */
.auth-container[b-hgd721nxbq] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    background:
            radial-gradient(circle at 16% 18%, rgba(187, 247, 208, 0.7), transparent 28%),
            radial-gradient(circle at 82% 12%, rgba(45, 212, 191, 0.42), transparent 30%),
            radial-gradient(circle at 70% 82%, rgba(132, 204, 22, 0.36), transparent 28%),
            linear-gradient(135deg, #f0fdf4 0%, #ecfeff 48%, #f7fee7 100%);
    background-size: 180% 180%;
    animation: loginGreenFlow-b-hgd721nxbq 11s ease-in-out infinite;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    padding: 20px;
    box-sizing: border-box;
    gap: 30px;
}

.auth-container[b-hgd721nxbq]::before,
.auth-container[b-hgd721nxbq]::after {
    content: "";
    position: absolute;
    inset: auto;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(2px);
}

.auth-container[b-hgd721nxbq]::before {
    width: 360px;
    height: 360px;
    left: -120px;
    bottom: -130px;
    background: rgba(34, 197, 94, 0.12);
    animation: loginGlowOne-b-hgd721nxbq 8s ease-in-out infinite alternate;
}

.auth-container[b-hgd721nxbq]::after {
    width: 300px;
    height: 300px;
    right: -90px;
    top: -100px;
    background: rgba(20, 184, 166, 0.14);
    animation: loginGlowTwo-b-hgd721nxbq 9s ease-in-out infinite alternate;
}

.auth-card[b-hgd721nxbq] {
    background: #ffffff;
    width: 100%;
    max-width: 420px;
    padding: 40px;
    border-radius: 32px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 1;
}

.promo-card[b-hgd721nxbq] {
    background: linear-gradient(135deg, #047857 0%, #059669 46%, #14b8a6 100%);
    background-size: 220% 220%;
    animation: promoGreenFlow-b-hgd721nxbq 8s ease-in-out infinite;
    color: white;
    width: 100%;
    max-width: 320px;
    padding: 30px;
    border-radius: 28px;
    box-shadow: 0 18px 48px rgba(5, 150, 105, 0.28);
    flex-shrink: 0;
    display: none;
    opacity: 0;
    transform: scale(0.95);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1;
}

@media (min-width: 992px) {
    .promo-card[b-hgd721nxbq] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .animate-promo-in[b-hgd721nxbq] {
        animation: bounceIn-b-hgd721nxbq 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        animation-delay: 0.6s;
    }
}

@keyframes bounceIn-b-hgd721nxbq {
    0% { opacity: 0; transform: translateY(20px) scale(0.9); }
    60% { opacity: 1; transform: translateY(-5px) scale(1.02); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

.promo-icon-wrapper[b-hgd721nxbq] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.promo-icon-wrapper svg[b-hgd721nxbq] {
    width: 24px;
    height: 24px;
}

.promo-card:hover .promo-icon-wrapper[b-hgd721nxbq] {
    transform: rotate(-5deg) scale(1.1);
}

.promo-heading[b-hgd721nxbq] {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    opacity: 0.8;
    margin-bottom: 5px;
}

.promo-title[b-hgd721nxbq] {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 15px;
}

.highlight[b-hgd721nxbq] {
    color: #d9f99d;
}

.promo-text[b-hgd721nxbq] {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 30px;
}

.btn-promo[b-hgd721nxbq] {
    display: inline-block;
    padding: 12px 25px;
    background-color: #ecfccb;
    color: #065f46;
    font-weight: 700;
    text-decoration: none;
    border-radius: 12px;
    transition: background-color 0.2s, transform 0.2s;
    box-shadow: 0 4px 15px rgba(190, 242, 100, 0.35);
    align-self: flex-start;
}

.btn-promo:hover[b-hgd721nxbq] {
    background-color: #f7fee7;
    transform: translateY(-1px);
}

@keyframes loginGreenFlow-b-hgd721nxbq {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes promoGreenFlow-b-hgd721nxbq {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes loginGlowOne-b-hgd721nxbq {
    from { transform: translate3d(0, 0, 0) scale(1); opacity: 0.75; }
    to { transform: translate3d(50px, -35px, 0) scale(1.12); opacity: 1; }
}

@keyframes loginGlowTwo-b-hgd721nxbq {
    from { transform: translate3d(0, 0, 0) scale(1); opacity: 0.7; }
    to { transform: translate3d(-45px, 50px, 0) scale(1.08); opacity: 1; }
}

.auth-header h3[b-hgd721nxbq] {
    font-size: 28px;
    font-weight: 800;
    color: #111;
    margin-bottom: 8px;
    letter-spacing: -0.5px;
}

.auth-subtitle[b-hgd721nxbq] {
    color: #8b959e;
    font-size: 14px;
    margin-bottom: 32px;
}

.input-group[b-hgd721nxbq] {
    margin-bottom: 20px;
    position: relative;
}

.input-group label[b-hgd721nxbq] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #6b7280;
    margin-bottom: 8px;
    margin-left: 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.auth-card input.custom-input[b-hgd721nxbq] {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 20px !important;
    background-color: #f3f4f6 !important;
    border: 2px solid transparent !important;
    border-radius: 20px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #111 !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.auth-card input.custom-input:focus[b-hgd721nxbq] {
    background-color: #fff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
}

.custom-input[b-hgd721nxbq]::placeholder {
    color: #9ca3af !important;
}

.legal-consent[b-hgd721nxbq] {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: flex-start;
    gap: 10px;
    margin: -4px 0 18px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #f9fafb;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.45;
    cursor: pointer;
}

.legal-consent input[b-hgd721nxbq] {
    width: 18px;
    height: 18px;
    margin: 1px 0 0;
    accent-color: #059669;
    cursor: pointer;
}

.legal-consent a[b-hgd721nxbq] {
    color: #047857;
    font-weight: 800;
    text-decoration: none;
}

.legal-consent a:hover[b-hgd721nxbq] {
    text-decoration: underline;
}

.btn-primary-rev[b-hgd721nxbq] {
    width: 100%;
    padding: 16px;
    background: #6b68bd;
    color: white;
    border: none;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s ease, background 0.2s ease;
    margin-top: 10px;
}

.btn-primary-rev:hover[b-hgd721nxbq] {
    background: #49478a;
    transform: translateY(-2px);
}

.arrow[b-hgd721nxbq] {
    transition: transform 0.2s;
}

.btn-primary-rev:hover .arrow[b-hgd721nxbq] {
    transform: translateX(4px);
}

.auth-footer[b-hgd721nxbq] {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #6b7280;
}

.auth-footer a[b-hgd721nxbq] {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.forgot-pass[b-hgd721nxbq] {
    display: block;
    margin-top: 12px;
    font-size: 13px;
    color: #9ca3af !important;
    font-weight: 500 !important;
}

@keyframes fadeInSlide-b-hgd721nxbq {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-in[b-hgd721nxbq] {
    animation: fadeInSlide-b-hgd721nxbq 0.4s ease forwards;
    opacity: 0;
}
/* /Pages/Logistyka.razor.rz.scp.css */
/* =========================================
       1. FUNDAMENTY I UKŁAD (LAYOUT)
       ========================================= */
    .dashboard-container[b-tyw4ug2zs1] {
        min-height: 100vh;
        padding: 32px;
        font-family: 'Inter', sans-serif;
        color: #0F172A;
        box-sizing: border-box;
    }

    .settings-grid[b-tyw4ug2zs1] {
        max-width: 1200px; margin: 0 auto;
        display: grid; grid-template-columns: 1fr; gap: 32px;
    }
    @media (min-width: 1024px) {
        .settings-grid[b-tyw4ug2zs1] { grid-template-columns: 1.2fr 1fr; }
    }
    .grid-column[b-tyw4ug2zs1] { display: flex; flex-direction: column; gap: 32px; }

    /* =========================================
       2. NAGŁÓWEK (HEADER)
       ========================================= */
    .dashboard-header[b-tyw4ug2zs1] {
        max-width: 1200px;
        margin: 0 auto 40px auto;
    }

    .header-content[b-tyw4ug2zs1] {
        display: flex; justify-content: space-between; align-items: center;
        flex-wrap: wrap; gap: 20px;
    }

    .store-identity[b-tyw4ug2zs1] { display: flex; align-items: center; gap: 16px; }

    .store-name[b-tyw4ug2zs1] {
        margin: 0; font-size: 24px; font-weight: 800;
        color: #0F172A; letter-spacing: -0.02em; line-height: 1.2;
    }

    .store-meta[b-tyw4ug2zs1] { display: flex; align-items: center; gap: 12px; margin-top: 6px; }

    .meta-id[b-tyw4ug2zs1] {
        font-family: monospace; font-size: 13px; color: #64748B;
        background: #E2E8F0; padding: 2px 6px; border-radius: 4px;
    }

    /* Avatary */
    .store-avatar[b-tyw4ug2zs1], .global-avatar[b-tyw4ug2zs1] {
        width: 64px; height: 64px; border-radius: 16px;
        display: flex; align-items: center; justify-content: center;
        color: white; font-weight: 700; overflow: hidden;
    }
    
    .store-avatar[b-tyw4ug2zs1] {
        background: linear-gradient(135deg, #0F172A 0%, #334155 100%);
        font-size: 24px;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
    }
    .store-avatar img[b-tyw4ug2zs1] { width: 100%; height: 100%; object-fit: cover; }

    .global-avatar[b-tyw4ug2zs1] {
        background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
    }
    .global-avatar span[b-tyw4ug2zs1] { font-size: 32px; }

    /* Status Pill */
    .status-pill[b-tyw4ug2zs1] {
        display: flex; align-items: center; gap: 6px;
        font-size: 13px; font-weight: 600; padding: 4px 10px;
        border-radius: 100px;
    }
    .status-pill.online[b-tyw4ug2zs1] { background: #ECFDF5; color: #059669; }
    .status-pill.online .dot[b-tyw4ug2zs1] { background: #059669; }
    .status-pill.offline[b-tyw4ug2zs1] { background: #F1F5F9; color: #64748B; }
    .status-pill.offline .dot[b-tyw4ug2zs1] { background: #94A3B8; }
    
    .status-pill .dot[b-tyw4ug2zs1] {
        width: 8px; height: 8px; border-radius: 50%;
        animation: pulse-b-tyw4ug2zs1 2s infinite;
    }

    /* Przyciski Headerowe */
    .btn-visit-store[b-tyw4ug2zs1] {
        background: white; color: #0F172A; border: 1px solid #E2E8F0;
        padding: 12px 20px; border-radius: 12px;
        font-weight: 600; font-size: 14px; cursor: pointer;
        display: flex; align-items: center; gap: 8px;
        text-decoration: none; transition: 0.2s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    }
    .btn-visit-store:hover[b-tyw4ug2zs1] {
        background: #F1F5F9; transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    }

    /* =========================================
       3. KARTY (PANELS)
       ========================================= */
    .panel-card[b-tyw4ug2zs1] {
        background: white; border-radius: 24px;
        border: 1px solid #E2E8F0;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);
        overflow: hidden;
    }
    .panel-card.sticky-card[b-tyw4ug2zs1] { position: sticky; top: 32px; }

    .panel-header[b-tyw4ug2zs1] {
        padding: 24px; border-bottom: 1px solid #F1F5F9;
        display: flex; align-items: center; gap: 16px;
    }

    .icon-box[b-tyw4ug2zs1] {
        width: 48px; height: 48px; border-radius: 14px;
        display: flex; align-items: center; justify-content: center;
        font-size: 24px; flex-shrink: 0;
    }
    .icon-box.purple[b-tyw4ug2zs1] { background: #F5F3FF; color: #7C3AED; }
    .icon-box.blue[b-tyw4ug2zs1] { background: #EFF6FF; color: #2563EB; }
    .icon-box.slate[b-tyw4ug2zs1] { background: #F1F5F9; color: #475569; }
    .icon-box.orange[b-tyw4ug2zs1] { background: #FFEDD5; color: #F97316; }
    .icon-box.teal[b-tyw4ug2zs1] { background: #CCFBF1; color: #0F766E; }

    .header-text h3[b-tyw4ug2zs1] { margin: 0; font-size: 18px; font-weight: 700; color: #0F172A; }
    .header-text p[b-tyw4ug2zs1] { margin: 2px 0 0 0; font-size: 14px; color: #64748B; }

    .panel-body[b-tyw4ug2zs1] { padding: 24px; display: flex; flex-direction: column; gap: 24px; }
    .panel-body.no-padding[b-tyw4ug2zs1] { padding: 0; }
    
    .panel-footer[b-tyw4ug2zs1] {
        padding: 20px 24px; border-top: 1px solid #F1F5F9; background: #FAFAFA;
    }

    /* =========================================
       4. LISTY ZAAWANSOWANE (LOGISTYKA)
       ========================================= */
    .list-container[b-tyw4ug2zs1] { display: flex; flex-direction: column; }
    
    .complex-row[b-tyw4ug2zs1] {
        display: flex; gap: 16px; padding: 20px 24px;
        border-bottom: 1px solid #F1F5F9;
        cursor: pointer; transition: all 0.2s ease;
        background: white; position: relative;
    }
    .complex-row:last-child[b-tyw4ug2zs1] { border-bottom: none; }
    .complex-row:hover[b-tyw4ug2zs1] { background: #F8FAFC; transform: translateX(4px); }

    /* Ikona w wierszu */
    .row-icon[b-tyw4ug2zs1] {
        width: 48px; height: 48px; border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        flex-shrink: 0; font-size: 24px;
    }
    .row-icon.teal-light[b-tyw4ug2zs1] { background: #F0FDFA; color: #0F766E; }
    .row-icon.purple-light[b-tyw4ug2zs1] { background: #FAF5FF; color: #7E22CE; }

    /* Treść wiersza */
    .row-content[b-tyw4ug2zs1] { flex: 1; display: flex; flex-direction: column; gap: 6px; justify-content: center; }

    .content-top[b-tyw4ug2zs1] { display: flex; align-items: center; gap: 10px; }
    .item-title[b-tyw4ug2zs1] { font-size: 15px; font-weight: 700; color: #0F172A; }
    .item-price[b-tyw4ug2zs1] { 
        font-size: 14px; color: #64748B; background: #F1F5F9; 
        padding: 2px 8px; border-radius: 6px; font-weight: 600; 
    }

    .content-bottom[b-tyw4ug2zs1] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
    .type-label[b-tyw4ug2zs1] {
        font-size: 11px; font-weight: 700; text-transform: uppercase;
        color: #94A3B8; letter-spacing: 0.03em;
    }

    /* Badges Sklepów */
    .shop-badges-list[b-tyw4ug2zs1] { display: flex; flex-wrap: wrap; gap: 6px; }
    .shop-badge[b-tyw4ug2zs1] {
        font-size: 11px; font-weight: 500; color: #3B82F6;
        background: #EFF6FF; border: 1px solid #DBEAFE;
        padding: 3px 8px; border-radius: 100px;
        white-space: nowrap; transition: 0.2s;
    }

    /* Akcje w wierszu */
    .row-action[b-tyw4ug2zs1] { display: flex; align-items: center; gap: 6px; color: #CBD5E1; }
    .complex-row:hover .row-action[b-tyw4ug2zs1] { color: #64748B; }

    /* Statusy (Prawa kolumna) */
    .complex-row.compact[b-tyw4ug2zs1] { padding: 12px 24px; align-items: center; }
    
    .status-dot-wrapper[b-tyw4ug2zs1] {
        width: 40px; height: 40px; border-radius: 12px;
        display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }
    .status-dot-inner[b-tyw4ug2zs1] {
        width: 10px; height: 10px; border-radius: 50%;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.5);
    }
    .meta-code[b-tyw4ug2zs1] { font-family: monospace; font-size: 12px; color: #94A3B8; background: #F8FAFC; padding: 2px 4px; border-radius: 4px;}
    .status-kind-badge[b-tyw4ug2zs1] {
        border-radius: 999px;
        padding: 3px 8px;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
        white-space: nowrap;
    }
    .status-kind-badge.general[b-tyw4ug2zs1] {
        background: #F1F5F9;
        color: #475569;
    }
    .status-kind-badge.sent[b-tyw4ug2zs1] {
        background: #ECFDF5;
        color: #047857;
    }
    .status-kind-badge.cancelled[b-tyw4ug2zs1] {
        background: #FEF2F2;
        color: #B91C1C;
    }

    .empty-state[b-tyw4ug2zs1] { padding: 24px; text-align: center; color: #94A3B8; font-size: 14px; font-style: italic; }

    /* =========================================
       5. BUTTONY I ELEMENTY FORMULARZY
       ========================================= */
    
    /* Mały guzik dodawania (+) */
    .btn-add-mini[b-tyw4ug2zs1] {
        margin-left: auto; width: 36px; height: 36px;
        border-radius: 10px; border: none;
        background: #0F172A; color: white;
        display: flex; align-items: center; justify-content: center;
        cursor: pointer; transition: 0.2s;
        box-shadow: 0 2px 5px rgba(15, 23, 42, 0.1);
    }
    .btn-add-mini:hover[b-tyw4ug2zs1] { background: #334155; transform: translateY(-2px); }

    /* Guzik edycji (ołówek) */
    .btn-icon-edit[b-tyw4ug2zs1] {
        width: 32px; height: 32px; border-radius: 8px; border: none;
        background: transparent; color: #94A3B8; cursor: pointer;
        display: flex; align-items: center; justify-content: center; transition: 0.2s;
    }
    .btn-icon-edit:hover[b-tyw4ug2zs1] { background: #E2E8F0; color: #0F172A; }

    .btn-icon-delete[b-tyw4ug2zs1] {
        width: 32px; height: 32px; border-radius: 8px; border: none;
        background: transparent; color: #CBD5E1; cursor: pointer;
        display: flex; align-items: center; justify-content: center; transition: 0.2s;
        touch-action: manipulation;
    }
    .btn-icon-delete:hover[b-tyw4ug2zs1] {
        background: #FEE2E2;
        color: #DC2626;
    }

    /* Guzik zapisu */
    .btn-save-primary[b-tyw4ug2zs1] {
        width: 100%; padding: 14px; border-radius: 12px;
        background: #0F172A; color: white; border: none;
        font-weight: 600; font-size: 15px; cursor: pointer;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex; align-items: center; justify-content: center; gap: 8px;
    }
    .btn-save-primary:hover[b-tyw4ug2zs1] { background: #334155; }
    .btn-save-primary.is-loading[b-tyw4ug2zs1] { background: #334155; cursor: wait; opacity: 0.9; pointer-events: none; }

    /* Inputy */
    .form-group[b-tyw4ug2zs1] { display: flex; flex-direction: column; gap: 8px; }
    .form-group label[b-tyw4ug2zs1] {
        font-size: 12px; font-weight: 700; text-transform: uppercase;
        color: #64748B; letter-spacing: 0.03em;
    }
    .input-wrapper[b-tyw4ug2zs1] { position: relative; display: flex; align-items: center; }
    .input-wrapper input[b-tyw4ug2zs1] {
        width: 100%; padding: 14px 16px 14px 44px;
        border: 2px solid #E2E8F0; border-radius: 12px;
        font-size: 15px; font-weight: 500; color: #0F172A;
        outline: none; transition: 0.2s;
    }
    .input-wrapper input:focus[b-tyw4ug2zs1] { border-color: #0F172A; }
    .input-icon[b-tyw4ug2zs1] { position: absolute; left: 14px; color: #94A3B8; font-size: 20px; pointer-events: none; }

    /* =========================================
       6. LOADING, TOASTS I INNE
       ========================================= */
    
    .loading-state[b-tyw4ug2zs1], .error-container[b-tyw4ug2zs1] {
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        height: 60vh; text-align: center; color: #64748B;
    }
    .spinner-ring[b-tyw4ug2zs1] {
        width: 48px; height: 48px; border: 5px solid #E2E8F0;
        border-top-color: #0F172A; border-radius: 50%;
        animation: spin-b-tyw4ug2zs1 1s linear infinite; margin-bottom: 24px;
    }
    .error-icon[b-tyw4ug2zs1] { font-size: 64px; color: #CBD5E1; margin-bottom: 16px; }
    .btn-retry[b-tyw4ug2zs1] { margin-top: 16px; padding: 10px 20px; background: white; border: 1px solid #E2E8F0; border-radius: 8px; cursor: pointer; }

    /* Animacje */
    @keyframes spin-b-tyw4ug2zs1 { to { transform: rotate(360deg); } }
    @keyframes pulse-b-tyw4ug2zs1 { 0% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(5, 150, 105, 0); } 100% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0); } }

/* Light, detached logistics lists. The panel is structural, each row is the surface. */
.settings-grid[b-tyw4ug2zs1] {
    gap: 26px;
}

.grid-column[b-tyw4ug2zs1] {
    gap: 26px;
}

.panel-card.logistics-list-panel[b-tyw4ug2zs1],
.panel-card.logistics-list-panel.sticky-card[b-tyw4ug2zs1] {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.panel-card.logistics-list-panel.sticky-card[b-tyw4ug2zs1] {
    top: 22px;
}

.panel-header[b-tyw4ug2zs1] {
    padding: 0 4px 14px;
    border-bottom: 0;
}

.panel-body[b-tyw4ug2zs1],
.panel-body.no-padding[b-tyw4ug2zs1] {
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.list-container[b-tyw4ug2zs1] {
    gap: 10px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.complex-row[b-tyw4ug2zs1],
.complex-row.compact[b-tyw4ug2zs1] {
    min-width: 0;
    padding: 16px;
    border: 1px solid #e4e9ed;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(16, 24, 40, .045);
}

.complex-row:last-child[b-tyw4ug2zs1] {
    border-bottom: 1px solid #e4e9ed;
}

.complex-row:hover[b-tyw4ug2zs1] {
    border-color: #d5dde2;
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(16, 24, 40, .075);
}

.empty-state[b-tyw4ug2zs1] {
    min-height: 96px;
    padding: 24px;
    border: 0;
    border-radius: 18px;
    background: transparent;
}

@media (max-width: 720px) {
    .dashboard-container[b-tyw4ug2zs1] { padding: 18px 14px 40px; }
    .settings-grid[b-tyw4ug2zs1], .grid-column[b-tyw4ug2zs1] { gap: 22px; }
    .complex-row[b-tyw4ug2zs1], .complex-row.compact[b-tyw4ug2zs1] { padding: 14px; gap: 12px; }
    .content-top[b-tyw4ug2zs1] { align-items: flex-start; flex-direction: column; gap: 5px; }
    .row-icon[b-tyw4ug2zs1] { width: 42px; height: 42px; }
}
/* /Pages/MyCompany.razor.rz.scp.css */
    .page-container[b-zogmqgg00c] {
        min-height: 100vh;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        color: #0F172A;
        padding: 24px 20px 40px;
    }

    .company-page-header[b-zogmqgg00c] {
        max-width: 1000px;
    }

    /* Nawigacja górna */
    .top-nav[b-zogmqgg00c] {
        padding: 16px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 100;
        border-bottom: 1px solid #E2E8F0;
    }

    .nav-back-btn[b-zogmqgg00c] {
        background: none;
        border: none;
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 15px;
        font-weight: 500;
        color: #64748B;
        cursor: pointer;
        padding: 8px 0;
    }
    
    .nav-title[b-zogmqgg00c] {
        font-size: 16px;
        font-weight: 600;
        color: #0F172A;
    }

    .nav-placeholder[b-zogmqgg00c] {
        width: 60px;
    }

    /* Layout Główny */
    .content-grid[b-zogmqgg00c] {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        align-items: start;
    }

    .payment-return-card[b-zogmqgg00c] {
        max-width: 1000px;
        margin: 0 auto 20px;
        padding: 20px 22px;
        border: 1px solid #dbe5df;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        align-items: center;
        gap: 16px;
    }

    .payment-return-card.success[b-zogmqgg00c] { border-color: #b9dfc8; background: #fbfefc; }
    .payment-return-card.cancelled[b-zogmqgg00c] { border-color: #dce2e8; background: #fcfcfd; }
    .payment-return-icon[b-zogmqgg00c] { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; background: #e9f6ee; color: #1f7a4a; font-size: 28px; }
    .payment-return-card.cancelled .payment-return-icon[b-zogmqgg00c] { background: #f1f3f5; color: #667085; }
    .payment-return-copy[b-zogmqgg00c] { min-width: 0; }
    .payment-return-copy h2[b-zogmqgg00c] { margin: 3px 0 5px; color: #172033; font-size: 18px; letter-spacing: 0; }
    .payment-return-copy p[b-zogmqgg00c] { margin: 0; color: #65717d; font-size: 12px; line-height: 1.5; }
    .payment-return-actions[b-zogmqgg00c] { display: flex; align-items: center; gap: 8px; }
    .payment-primary[b-zogmqgg00c], .payment-secondary[b-zogmqgg00c] { min-height: 40px; padding: 8px 13px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
    .payment-primary[b-zogmqgg00c] { border: 1px solid #1d2939; background: #1d2939; color: #fff; }
    .payment-secondary[b-zogmqgg00c] { border: 1px solid #d7dde2; background: #fff; color: #4c5864; }
    .payment-primary .material-symbols-rounded[b-zogmqgg00c] { font-size: 18px; }

    /* Sekcja Tożsamości Firmy */
    .identity-section[b-zogmqgg00c] {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 22px;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 24px;
        box-shadow: 0 16px 40px rgba(15, 23, 42, .06);
    }

    .company-avatar[b-zogmqgg00c] {
        width: 64px;
        height: 64px;
        background: #0F172A;
        color: white;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        font-weight: 700;
        flex-shrink: 0;
    }

    .company-titles h1[b-zogmqgg00c] {
        font-size: 24px;
        margin: 0 0 6px 0;
        font-weight: 700;
    }

    .company-titles p[b-zogmqgg00c] {
        margin: 5px 0 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.45;
    }

    .meta-row[b-zogmqgg00c] {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .badge-nip[b-zogmqgg00c] {
        background: #E2E8F0;
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 500;
        font-variant-numeric: tabular-nums;
    }

    .badge-currency[b-zogmqgg00c] {
        background: #EFF6FF;
        color: #1D4ED8;
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 800;
    }

    .id-text[b-zogmqgg00c] {
        font-size: 13px;
        color: #64748B;
    }

    /* Linie podziału */
    .divider[b-zogmqgg00c] {
        grid-column: 1 / -1;
        height: 1px;
        background: #E2E8F0;
        margin: 0;
        display: none;
    }

    /* Nagłówki sekcji */
    .section-header[b-zogmqgg00c] {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #64748B;
        font-weight: 700;
        margin: 0 0 20px 0;
    }

    /* Lewa kolumna - Info */
    .info-section[b-zogmqgg00c] {
        display: flex;
        flex-direction: column;
        gap: 20px;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 24px;
        padding: 22px;
        box-shadow: 0 16px 40px rgba(15, 23, 42, .05);
    }

    .company-edit-section[b-zogmqgg00c] {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 24px;
        padding: 22px;
        box-shadow: 0 16px 40px rgba(15, 23, 42, .05);
    }

    .section-title-row[b-zogmqgg00c] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 18px;
    }

    .save-message[b-zogmqgg00c] {
        border-radius: 999px;
        padding: 6px 10px;
        font-size: 12px;
        font-weight: 800;
        background: #ecfdf5;
        color: #047857;
    }

    .save-message.error[b-zogmqgg00c] {
        background: #fef2f2;
        color: #b91c1c;
    }

    .edit-form-grid[b-zogmqgg00c] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .form-field.full[b-zogmqgg00c] {
        grid-column: 1 / -1;
    }

    .form-field label[b-zogmqgg00c] {
        display: block;
        margin: 0 0 7px;
        color: #64748b;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .05em;
        font-weight: 900;
    }

    .company-input[b-zogmqgg00c] {
        width: 100%;
        min-height: 46px;
        border-radius: 15px;
        border: 1px solid #dbe3ef;
        background: #f8fafc;
        color: #0f172a;
        padding: 11px 13px;
        font-weight: 700;
        transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
    }

    .company-input:focus[b-zogmqgg00c] {
        background: #fff;
        border-color: #93c5fd;
        box-shadow: 0 0 0 4px #dbeafe;
        outline: none;
    }

    .readonly-currency[b-zogmqgg00c] {
        display: flex;
        align-items: center;
        background: #EFF6FF;
        color: #1D4ED8;
        border-color: #BFDBFE;
        cursor: default;
    }

    .info-row[b-zogmqgg00c] {
        display: flex;
        gap: 16px;
    }

    .info-icon[b-zogmqgg00c] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #F1F5F9;
        color: #64748B;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .info-data[b-zogmqgg00c] {
        display: flex;
        flex-direction: column;
    }

    .info-data label[b-zogmqgg00c] {
        font-size: 12px;
        color: #64748B;
        margin-bottom: 4px;
    }

    .info-data span[b-zogmqgg00c] {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.4;
    }

    /* Prawa kolumna - Plan */
    .plan-section[b-zogmqgg00c] {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 24px;
        padding: 24px;
        display: flex;
        flex-direction: column;
    }

    .plan-section.blocked[b-zogmqgg00c] {
        border-color: #B91C1C;
        background: #FFFBFB;
    }

    .plan-header[b-zogmqgg00c] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: 16px;
    }

    .status-indicator[b-zogmqgg00c] {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 4px 10px;
        border-radius: 12px;
    }
    .status-indicator.active[b-zogmqgg00c] { background: #DCFCE7; color: #15803D; }
    .status-indicator.inactive[b-zogmqgg00c] { background: #E2E8F0; color: #64748B; }

    .plan-name[b-zogmqgg00c] {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 4px;
    }

    .plan-dates[b-zogmqgg00c] {
        font-size: 14px;
        color: #64748B;
        margin-bottom: 24px;
    }

    .alert-box[b-zogmqgg00c] {
        background: #FEE2E2;
        color: #B91C1C;
        padding: 12px;
        border-radius: 8px;
        font-size: 13px;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
        line-height: 1.4;
    }

    .alert-box.trial[b-zogmqgg00c] {
        background: #EFF6FF;
        color: #1D4ED8;
    }

    .plan-footer[b-zogmqgg00c] {
        font-size: 12px;
        color: #64748B;
        text-align: center;
        margin-top: 16px;
        line-height: 1.4;
    }

    /* Przyciski */
    .action-btn[b-zogmqgg00c] {
        width: 100%;
        padding: 14px;
        border-radius: 10px;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        border: none;
        transition: 0.2s;
    }

    .action-btn.primary[b-zogmqgg00c] {
        background: #0F172A;
        color: white;
    }
    .action-btn.primary:hover[b-zogmqgg00c] {
        background: #334155;
    }

    .action-btn.secondary[b-zogmqgg00c] {
        background: #E2E8F0;
        color: #0F172A;
        width: auto;
        padding: 10px 20px;
    }

    /* Stany ładowania */
    .state-container[b-zogmqgg00c] {
        height: 60vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #64748B;
        gap: 16px;
    }

    .loader[b-zogmqgg00c] {
        width: 30px;
        height: 30px;
        border: 3px solid #E2E8F0;
        border-top-color: #0F172A;
        border-radius: 50%;
        animation: spin-b-zogmqgg00c 0.8s infinite linear;
    }

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

    /* Responsywność */
    @media (max-width: 768px) {

        
        .top-nav[b-zogmqgg00c] {
            padding: 12px 16px;
        }

        .content-grid[b-zogmqgg00c] {
            display: flex;
            flex-direction: column;
            gap: 18px;
            padding: 0;
        }

        .payment-return-card[b-zogmqgg00c] { margin-bottom: 16px; padding: 17px; grid-template-columns: 44px minmax(0, 1fr); align-items: start; }
        .payment-return-icon[b-zogmqgg00c] { width: 44px; height: 44px; border-radius: 13px; font-size: 24px; }
        .payment-return-actions[b-zogmqgg00c] { grid-column: 1 / -1; width: 100%; }
        .payment-primary[b-zogmqgg00c] { flex: 1; }

        .identity-section[b-zogmqgg00c] {
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

        .company-avatar[b-zogmqgg00c] {
            width: 56px;
            height: 56px;
            font-size: 24px;
        }

        .divider[b-zogmqgg00c] {
            display: block;
            width: 100%;
        }

        .plan-section[b-zogmqgg00c] {
            background: #fff;
            border: 1px solid #e2e8f0;
            padding: 20px;
        }

        .edit-form-grid[b-zogmqgg00c] {
            grid-template-columns: 1fr;
        }

        .form-field.full[b-zogmqgg00c] {
            grid-column: auto;
        }

        .nav-placeholder[b-zogmqgg00c] { display: none; }
        .nav-title[b-zogmqgg00c] { display: none; }
    }

.section-description[b-zogmqgg00c] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.company-mode-grid[b-zogmqgg00c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.company-mode-card[b-zogmqgg00c] {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 24px;
    gap: 12px;
    align-items: center;
    width: 100%;
    min-height: 104px;
    padding: 16px;
    text-align: left;
    color: #334155;
    background: #fff;
    border: 1px solid #dbe3ed;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.company-mode-card:hover[b-zogmqgg00c] { border-color: #94a3b8; box-shadow: 0 8px 22px rgba(15, 23, 42, .06); }
.company-mode-card.selected[b-zogmqgg00c] { color: #123525; border-color: #50a879; background: #f4fbf7; box-shadow: 0 0 0 2px rgba(34, 139, 87, .1); }
.company-mode-icon[b-zogmqgg00c] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 8px; color: #315a46; background: #e9f5ee; }
.company-mode-card strong[b-zogmqgg00c] { display: block; margin-bottom: 5px; font-size: 14px; }
.company-mode-card small[b-zogmqgg00c] { display: block; color: #64748b; font-size: 12px; line-height: 1.45; }
.company-mode-check[b-zogmqgg00c] { color: transparent; font-size: 21px; }
.company-mode-card.selected .company-mode-check[b-zogmqgg00c] { color: #16834f; }
.mode-change-note[b-zogmqgg00c] { display: flex; align-items: flex-start; gap: 9px; margin-top: 12px; padding: 11px 13px; color: #475569; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 12px; line-height: 1.45; }
.mode-change-note .material-symbols-rounded[b-zogmqgg00c] { color: #2563eb; font-size: 18px; }

@media (max-width: 720px) {
    .company-mode-grid[b-zogmqgg00c] { grid-template-columns: 1fr; }
    .company-mode-card[b-zogmqgg00c] { min-height: 92px; }
}
/* /Pages/NewUserWizardBusinessCreate.razor.rz.scp.css */
.wizard-shell[b-zrvrvfpb6f], .wizard-shell *[b-zrvrvfpb6f] { box-sizing: border-box; }
.wizard-shell[b-zrvrvfpb6f] { min-height: 100vh; padding: clamp(18px, 4vw, 48px) 16px; display: grid; place-items: center; background: #f5f7f8; color: #172033; }
.wizard-frame[b-zrvrvfpb6f] { width: min(860px, 100%); }
.wizard-header[b-zrvrvfpb6f] { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 14px; padding-inline: 4px; }
.wizard-header > div[b-zrvrvfpb6f] { display: grid; gap: 3px; }
.wizard-header strong[b-zrvrvfpb6f] { font-size: 19px; }
.wizard-eyebrow[b-zrvrvfpb6f], .wizard-step-label[b-zrvrvfpb6f] { color: #6b7480; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.wizard-progress[b-zrvrvfpb6f] { display: grid; grid-template-columns: repeat(9, 1fr); gap: 7px; margin-bottom: 18px; }
.wizard-progress span[b-zrvrvfpb6f] { height: 5px; border-radius: 999px; background: #dfe4e8; transition: background .2s ease; }
.wizard-progress span.active[b-zrvrvfpb6f] { background: #2d6a4f; }
.wizard-card[b-zrvrvfpb6f] { width: 100%; min-height: 520px; padding: clamp(24px, 5vw, 48px); border: 1px solid #e1e5e8; border-radius: 24px; background: #fff; box-shadow: 0 20px 54px rgba(20, 30, 38, .08); }
.wizard-card.compact[b-zrvrvfpb6f] { min-height: 340px; display: grid; place-items: center; }
.wizard-step[b-zrvrvfpb6f] { min-height: 420px; display: flex; flex-direction: column; }
.step-heading[b-zrvrvfpb6f] { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 17px; margin-bottom: 30px; }
.step-icon[b-zrvrvfpb6f] { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 16px; background: #e9f5ee; color: #24724b; font-size: 29px; }
.step-heading h1[b-zrvrvfpb6f] { margin: 0; color: #172033; font-size: clamp(25px, 4vw, 34px); line-height: 1.16; letter-spacing: 0; }
.step-heading p[b-zrvrvfpb6f] { max-width: 650px; margin: 7px 0 0; color: #697482; font-size: 14px; line-height: 1.55; }
.field-block[b-zrvrvfpb6f] { min-width: 0; display: grid; gap: 7px; }
.field-block label[b-zrvrvfpb6f] { color: #495564; font-size: 12px; font-weight: 800; }
.optional-label[b-zrvrvfpb6f] { margin-left: 6px; color: #8894a1; font-size: 11px; font-weight: 750; }
.wizard-input[b-zrvrvfpb6f] { width: 100%; min-height: 54px; padding: 13px 15px; border: 1px solid #cfd6dc; border-radius: 13px; outline: none; background: #fff; color: #172033; font: inherit; font-size: 16px; font-weight: 650; transition: border-color .16s ease, box-shadow .16s ease; }
.wizard-input:focus[b-zrvrvfpb6f] { border-color: #2d6a4f; box-shadow: 0 0 0 4px rgba(45, 106, 79, .11); }
.wizard-input.invalid[b-zrvrvfpb6f] { border-color: #dc5555; background: #fffafa; }
.nip-input-wrap[b-zrvrvfpb6f] { position: relative; }
.nip-input-wrap .wizard-input[b-zrvrvfpb6f] { padding-right: 48px; }
.nip-field-status[b-zrvrvfpb6f] { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
.nip-field-status.spinner-ring[b-zrvrvfpb6f] { top: calc(50% - 10px); width: 20px; height: 20px; border-width: 2px; transform: none; }
.nip-field-status.verified[b-zrvrvfpb6f] { color: #17834f; font-size: 23px; }
.ceidg-state[b-zrvrvfpb6f] { margin-top: 14px; padding: 13px 14px; border: 1px solid #dfe4e8; border-radius: 14px; background: #f8faf9; display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.ceidg-state > .material-symbols-rounded[b-zrvrvfpb6f] { font-size: 22px; }
.ceidg-state > span:nth-child(2)[b-zrvrvfpb6f] { min-width: 0; display: grid; gap: 3px; }
.ceidg-state strong[b-zrvrvfpb6f] { color: #273241; font-size: 13px; line-height: 1.35; }
.ceidg-state small[b-zrvrvfpb6f] { color: #697482; font-size: 11px; line-height: 1.4; }
.ceidg-state .registry-address[b-zrvrvfpb6f] { display: flex; align-items: center; gap: 4px; margin-top: 2px; color: #476454; }
.ceidg-state .registry-address .material-symbols-rounded[b-zrvrvfpb6f] { font-size: 14px; }
.ceidg-state.checking[b-zrvrvfpb6f] { grid-template-columns: 20px minmax(0, 1fr); color: #496174; }
.ceidg-state.success[b-zrvrvfpb6f] { border-color: #b8dec8; background: #f2faf5; }
.ceidg-state.success > .material-symbols-rounded[b-zrvrvfpb6f] { color: #17834f; }
.ceidg-state.error[b-zrvrvfpb6f] { border-color: #f0c7c7; background: #fff8f8; }
.ceidg-state.error > .material-symbols-rounded[b-zrvrvfpb6f] { color: #b42318; }
.ceidg-state button[b-zrvrvfpb6f] { min-height: 34px; padding: 7px 10px; border: 1px solid #d7dde2; border-radius: 9px; background: #fff; color: #3e4a57; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.mini-spinner[b-zrvrvfpb6f] { width: 18px; height: 18px; border: 2px solid #d9e1e5; border-top-color: #397256; border-radius: 50%; animation: spin-b-zrvrvfpb6f .8s linear infinite; }
.wizard-select[b-zrvrvfpb6f] { min-height: 58px; cursor: pointer; }
.validation-message[b-zrvrvfpb6f] { display: block; margin-top: 3px; color: #b42318; font-size: 12px; font-weight: 750; line-height: 1.4; }
.category-error[b-zrvrvfpb6f] { margin-top: 12px; }
.trial-note[b-zrvrvfpb6f] { display: flex; align-items: center; gap: 9px; margin-top: 18px; padding: 12px 14px; border: 1px solid #cce7d8; border-radius: 13px; background: #f0f9f4; color: #256344; font-size: 13px; font-weight: 750; }
.trial-note .material-symbols-rounded[b-zrvrvfpb6f] { font-size: 20px; }
.wizard-actions[b-zrvrvfpb6f] { margin-top: auto; padding-top: 30px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.wizard-button[b-zrvrvfpb6f] { min-height: 44px; padding: 10px 18px; border: 0; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.wizard-button .material-symbols-rounded[b-zrvrvfpb6f] { font-size: 19px; }
.wizard-button.primary[b-zrvrvfpb6f] { background: #172033; color: #fff; box-shadow: 0 8px 20px rgba(23, 32, 51, .15); }
.wizard-button.primary:hover:not(:disabled)[b-zrvrvfpb6f] { background: #26334a; }
.wizard-button.secondary[b-zrvrvfpb6f] { margin-right: auto; border: 1px solid #dce1e5; background: #fff; color: #46515e; }
.wizard-button.small[b-zrvrvfpb6f] { min-height: 40px; padding: 8px 15px; }
.wizard-button:disabled[b-zrvrvfpb6f] { opacity: .58; cursor: wait; }
.skip-link[b-zrvrvfpb6f] { width: fit-content; margin-top: 18px; padding: 5px 0; border: 0; background: transparent; color: #5f6b78; font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.batch-grid[b-zrvrvfpb6f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.batch-grid .span-2[b-zrvrvfpb6f] { grid-column: 1 / -1; }
.money-field[b-zrvrvfpb6f] { position: relative; }
.money-field input[b-zrvrvfpb6f] { padding-right: 56px; }
.money-field > span[b-zrvrvfpb6f] { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #697482; font-size: 12px; font-weight: 800; pointer-events: none; }
.choice-grid[b-zrvrvfpb6f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.choice-card[b-zrvrvfpb6f] { min-width: 0; min-height: 64px; padding: 12px 13px; border: 1px solid #dfe4e8; border-radius: 14px; background: #fff; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; transition: border-color .16s ease, background .16s ease; }
.choice-card.selected[b-zrvrvfpb6f] { border-color: #a9d2bb; background: #f5fbf7; }
.choice-card > label[b-zrvrvfpb6f] { min-width: 0; display: flex; align-items: center; gap: 10px; cursor: pointer; }
.choice-card input[type="checkbox"][b-zrvrvfpb6f] { width: 18px; height: 18px; flex: 0 0 18px; accent-color: #2d6a4f; }
.choice-card strong[b-zrvrvfpb6f] { min-width: 0; color: #273241; font-size: 13px; line-height: 1.25; overflow-wrap: anywhere; }
.choice-card > small[b-zrvrvfpb6f] { grid-column: 1; margin-left: 28px; color: #7a8591; font-size: 10px; font-weight: 750; text-transform: uppercase; }
.status-dot[b-zrvrvfpb6f] { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; }
.method-card label > span:last-child[b-zrvrvfpb6f] { min-width: 0; display: grid; gap: 3px; }
.method-card label small[b-zrvrvfpb6f] { color: #77828e; font-size: 11px; font-weight: 650; }
.method-icon[b-zrvrvfpb6f] { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 10px; background: #edf2f4; color: #4d5a67; font-size: 18px; }
.custom-actions[b-zrvrvfpb6f] { display: flex; gap: 3px; }
.custom-actions button[b-zrvrvfpb6f] { width: 30px; height: 30px; border: 0; border-radius: 9px; background: transparent; color: #66717e; display: grid; place-items: center; cursor: pointer; }
.custom-actions button:hover[b-zrvrvfpb6f] { background: #e9edef; }
.custom-actions .material-symbols-rounded[b-zrvrvfpb6f] { font-size: 17px; }
.add-own-button[b-zrvrvfpb6f] { width: fit-content; min-height: 40px; margin-top: 14px; padding: 8px 13px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #46515e; display: inline-flex; align-items: center; gap: 7px; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.add-own-button .material-symbols-rounded[b-zrvrvfpb6f] { font-size: 18px; }
.custom-editor[b-zrvrvfpb6f] { margin-top: 14px; padding: 15px; border: 1px solid #dfe4e8; border-radius: 15px; background: #f8faf9; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(150px, .8fr) 86px auto; align-items: end; gap: 10px; }
.method-editor[b-zrvrvfpb6f] { grid-template-columns: minmax(0, 1.4fr) minmax(140px, .8fr) minmax(120px, .6fr) auto; }
.compact-input[b-zrvrvfpb6f] { min-height: 42px; padding: 9px 11px; font-size: 13px; }
.color-field input[b-zrvrvfpb6f] { width: 100%; height: 42px; padding: 3px; border: 1px solid #cfd6dc; border-radius: 10px; background: #fff; }
.editor-actions[b-zrvrvfpb6f] { display: flex; align-items: center; gap: 7px; }
.editor-actions .secondary[b-zrvrvfpb6f] { margin-right: 0; }
.pmgarden-fields[b-zrvrvfpb6f] { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(180px, .55fr); gap: 14px; }
.print-section[b-zrvrvfpb6f] { display: grid; gap: 10px; margin-top: 22px; }
.print-section-label[b-zrvrvfpb6f] { color: #495564; font-size: 12px; font-weight: 800; }
.print-mode-grid[b-zrvrvfpb6f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.print-mode-card[b-zrvrvfpb6f] { position: relative; min-width: 0; min-height: 116px; padding: 13px; border: 1px solid #dfe4e8; border-radius: 15px; background: #fff; color: #273241; display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 12px; text-align: left; font: inherit; cursor: pointer; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.print-mode-card:hover[b-zrvrvfpb6f] { border-color: #b7c6bd; background: #fbfdfc; }
.print-mode-card.selected[b-zrvrvfpb6f] { border-color: #70ac8b; background: #f4faf6; box-shadow: 0 0 0 3px rgba(45, 106, 79, .08); }
.print-mode-card > span:nth-child(2)[b-zrvrvfpb6f] { min-width: 0; display: grid; gap: 5px; }
.print-mode-card strong[b-zrvrvfpb6f] { font-size: 13px; line-height: 1.3; }
.print-mode-card small[b-zrvrvfpb6f] { color: #697482; font-size: 11px; line-height: 1.4; }
.mode-check[b-zrvrvfpb6f] { position: absolute; top: 10px; right: 10px; color: #2d6a4f; font-size: 19px; opacity: 0; transform: scale(.75); transition: opacity .16s ease, transform .16s ease; }
.print-mode-card.selected .mode-check[b-zrvrvfpb6f] { opacity: 1; transform: scale(1); }
.print-preview[b-zrvrvfpb6f] { width: 58px; height: 76px; padding: 7px; border: 1px solid #cad2d8; border-radius: 7px; background: #fff; box-shadow: 0 5px 14px rgba(23, 32, 51, .08); display: grid; gap: 4px; }
.print-preview.single[b-zrvrvfpb6f] { place-items: center; }
.print-preview.single i[b-zrvrvfpb6f] { width: 39px; height: 50px; border: 1px solid #86a995; border-radius: 3px; background: repeating-linear-gradient(to bottom, #dce9e1 0 2px, transparent 2px 7px); }
.print-preview.multiple[b-zrvrvfpb6f] { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); }
.print-preview.multiple i[b-zrvrvfpb6f] { border: 1px solid #9eb4a7; border-radius: 2px; background: repeating-linear-gradient(to bottom, #e1ebe5 0 1px, transparent 1px 5px); }
.pmgarden-note[b-zrvrvfpb6f] { display: flex; align-items: flex-start; gap: 8px; margin-top: 16px; padding: 10px 12px; border-radius: 12px; background: #f3f6f5; color: #53615a; font-size: 11px; font-weight: 650; line-height: 1.45; }
.pmgarden-note .material-symbols-rounded[b-zrvrvfpb6f] { color: #397256; font-size: 18px; }
.wizard-error[b-zrvrvfpb6f] { margin-top: 18px; padding: 12px 14px; border: 1px solid #facaca; border-radius: 13px; background: #fff5f5; color: #a52d2d; display: flex; align-items: flex-start; gap: 9px; font-size: 12px; font-weight: 750; line-height: 1.45; }
.wizard-error .material-symbols-rounded[b-zrvrvfpb6f] { font-size: 19px; }
.processing-state[b-zrvrvfpb6f], .success-state[b-zrvrvfpb6f] { text-align: center; display: grid; justify-items: center; gap: 10px; }
.processing-state h2[b-zrvrvfpb6f], .success-state h2[b-zrvrvfpb6f] { margin: 8px 0 0; color: #172033; font-size: 27px; }
.processing-state p[b-zrvrvfpb6f], .success-state p[b-zrvrvfpb6f] { max-width: 520px; margin: 0; color: #697482; line-height: 1.55; }
.spinner-ring[b-zrvrvfpb6f] { width: 54px; height: 54px; border: 4px solid #dfe7e2; border-top-color: #2d6a4f; border-radius: 50%; animation: spin-b-zrvrvfpb6f .8s linear infinite; }
.success-icon[b-zrvrvfpb6f] { width: 66px; height: 66px; display: grid; place-items: center; border-radius: 50%; background: #e8f7ef; color: #21834f; font-size: 37px; }
.fade-in[b-zrvrvfpb6f] { animation: fade-in-b-zrvrvfpb6f .22s ease-out; }
@keyframes spin-b-zrvrvfpb6f { to { transform: rotate(360deg); } }
@keyframes fade-in-b-zrvrvfpb6f { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 760px) {
    .wizard-shell[b-zrvrvfpb6f] { display: block; padding: 16px 12px 26px; }
    .wizard-card[b-zrvrvfpb6f] { min-height: calc(100vh - 118px); padding: 24px 18px; border-radius: 19px; }
    .wizard-step[b-zrvrvfpb6f] { min-height: calc(100vh - 168px); }
    .step-heading[b-zrvrvfpb6f] { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; margin-bottom: 23px; }
    .step-icon[b-zrvrvfpb6f] { width: 46px; height: 46px; border-radius: 13px; font-size: 24px; }
    .step-heading h1[b-zrvrvfpb6f] { font-size: 24px; }
    .choice-grid[b-zrvrvfpb6f], .batch-grid[b-zrvrvfpb6f], .pmgarden-fields[b-zrvrvfpb6f], .print-mode-grid[b-zrvrvfpb6f] { grid-template-columns: 1fr; }
    .batch-grid .span-2[b-zrvrvfpb6f] { grid-column: auto; }
    .custom-editor[b-zrvrvfpb6f], .method-editor[b-zrvrvfpb6f] { grid-template-columns: 1fr; }
    .editor-actions[b-zrvrvfpb6f] { justify-content: flex-end; }
    .print-mode-card[b-zrvrvfpb6f] { min-height: 104px; }
    .ceidg-state[b-zrvrvfpb6f] { grid-template-columns: 24px minmax(0, 1fr); }
    .ceidg-state button[b-zrvrvfpb6f] { grid-column: 2; justify-self: start; }
}

@media (max-width: 460px) {
    .wizard-header strong[b-zrvrvfpb6f] { font-size: 16px; }
    .wizard-step-label[b-zrvrvfpb6f] { font-size: 10px; }
    .wizard-progress[b-zrvrvfpb6f] { gap: 4px; }
    .choice-grid[b-zrvrvfpb6f] { gap: 8px; }
    .choice-card[b-zrvrvfpb6f] { min-height: 60px; padding: 10px; }
    .wizard-actions[b-zrvrvfpb6f] { gap: 7px; }
    .wizard-button[b-zrvrvfpb6f] { padding: 10px 13px; font-size: 13px; }
}
.business-mode-grid[b-zrvrvfpb6f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0 8px;
}

.business-mode-card[b-zrvrvfpb6f] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 24px;
    gap: 13px;
    align-items: center;
    min-height: 126px;
    padding: 18px;
    color: #334155;
    text-align: left;
    background: #fff;
    border: 1px solid #dbe3ed;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.business-mode-card:hover[b-zrvrvfpb6f] { transform: translateY(-1px); border-color: #94a3b8; box-shadow: 0 10px 24px rgba(15, 23, 42, .07); }
.business-mode-card.selected[b-zrvrvfpb6f] { border-color: #3f9b6c; background: #f4fbf7; box-shadow: 0 0 0 2px rgba(22, 131, 79, .11); }
.business-mode-icon[b-zrvrvfpb6f] { display: grid; place-items: center; width: 46px; height: 46px; color: #236340; background: #e6f4ec; border-radius: 8px; font-size: 25px; }
.business-mode-card strong[b-zrvrvfpb6f] { display: block; margin-bottom: 6px; color: #172033; font-size: 15px; line-height: 1.25; }
.business-mode-card small[b-zrvrvfpb6f] { display: block; color: #64748b; font-size: 12px; line-height: 1.45; }
.business-mode-check[b-zrvrvfpb6f] { color: transparent; font-size: 22px; }
.business-mode-card.selected .business-mode-check[b-zrvrvfpb6f] { color: #16834f; }

@media (max-width: 680px) {
    .business-mode-grid[b-zrvrvfpb6f] { grid-template-columns: 1fr; }
    .business-mode-card[b-zrvrvfpb6f] { min-height: 104px; padding: 15px; }
}
/* /Pages/OfferManager.razor.rz.scp.css */
.offer-manager-page[b-kqyy7g5i82] {
    width: min(1320px, 100%);
    min-height: calc(100vh - 80px);
    margin: 0 auto;
    padding: 24px 32px 118px;
    color: #0f172a;
}

.offer-manager-header[b-kqyy7g5i82] { margin-bottom: 18px; }

.close-manager[b-kqyy7g5i82] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-weight: 800;
    cursor: pointer;
}

.offer-steps[b-kqyy7g5i82] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 28px;
}

.offer-steps button[b-kqyy7g5i82] {
    min-width: 0;
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #fff;
    color: #94a3b8;
    text-align: left;
}

.offer-steps button > span[b-kqyy7g5i82] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f1f5f9;
    font-size: 11px;
    font-weight: 900;
}

.offer-steps button strong[b-kqyy7g5i82] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.offer-steps button.active[b-kqyy7g5i82] {
    border-color: #60a5fa;
    color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .08);
}

.offer-steps button.active > span[b-kqyy7g5i82] { background: #2563eb; color: #fff; }
.offer-steps button.done[b-kqyy7g5i82] { color: #047857; }
.offer-steps button.done > span[b-kqyy7g5i82] { background: #ecfdf5; color: #047857; }

.offer-manager-message[b-kqyy7g5i82] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    padding: 13px 15px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 650;
}

.offer-manager-message.error[b-kqyy7g5i82] { border-color: #fecaca; background: #fff7f7; color: #b91c1c; }
.offer-manager-message.success[b-kqyy7g5i82] { border-color: #bbf7d0; background: #f3fbf6; color: #047857; }

.manager-section[b-kqyy7g5i82] { min-width: 0; }

.manager-section-heading[b-kqyy7g5i82] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.manager-section-heading h2[b-kqyy7g5i82] { margin: 3px 0; font-size: 21px; }
.manager-section-heading p[b-kqyy7g5i82] { margin: 0; color: #64748b; font-size: 13px; line-height: 1.45; }

.manager-heading-actions[b-kqyy7g5i82] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.manager-count[b-kqyy7g5i82],
.manager-section-heading > span[b-kqyy7g5i82] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.auto-batch-button[b-kqyy7g5i82] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 13px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}

.auto-batch-button span[b-kqyy7g5i82] { font-size: 18px; }

.price-correction-guide[b-kqyy7g5i82] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    margin: 0 0 15px;
    padding: 14px 15px;
    border-left: 3px solid #60a5fa;
    background: #f8fafc;
}

.price-correction-guide > span[b-kqyy7g5i82] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eaf3ff;
    color: #1d4ed8;
}

.price-correction-guide div[b-kqyy7g5i82] { display: grid; gap: 4px; }
.price-correction-guide strong[b-kqyy7g5i82] { font-size: 13px; }
.price-correction-guide p[b-kqyy7g5i82] { margin: 0; color: #64748b; font-size: 12px; line-height: 1.5; }
.price-correction-guide b[b-kqyy7g5i82] { color: #1d4ed8; }

.batch-choice-list[b-kqyy7g5i82],
.channel-list[b-kqyy7g5i82],
.preflight-list[b-kqyy7g5i82] { display: grid; gap: 10px; }

.batch-choice-card[b-kqyy7g5i82] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(210px, 1.15fr) minmax(250px, 1.35fr) minmax(170px, .8fr) minmax(190px, .9fr);
    gap: 14px;
    align-items: start;
    padding: 16px;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(15, 23, 42, .035);
}

.batch-product[b-kqyy7g5i82] {
    min-width: 0;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding-top: 18px;
}

.batch-product img[b-kqyy7g5i82],
.batch-product > span[b-kqyy7g5i82] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    object-fit: cover;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
}

.batch-product div[b-kqyy7g5i82] { display: grid; min-width: 0; gap: 4px; }
.batch-product strong[b-kqyy7g5i82] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.batch-product small[b-kqyy7g5i82] { color: #64748b; font-size: 11px; }

.manager-field[b-kqyy7g5i82] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 6px;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.manager-field > span:first-child[b-kqyy7g5i82] { min-height: 14px; }

.manager-field select[b-kqyy7g5i82],
.manager-field input[b-kqyy7g5i82] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background-color: #fff;
    color: #0f172a;
    box-sizing: border-box;
}

.manager-field input[b-kqyy7g5i82] { padding: 0 12px; }

.best-batch-hint[b-kqyy7g5i82] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #047857;
    font-size: 10px;
    font-weight: 800;
}

.best-batch-hint span[b-kqyy7g5i82] { font-size: 14px; }

.correction-input[b-kqyy7g5i82] { position: relative; }
.correction-input input[b-kqyy7g5i82] { padding-right: 38px; }

.correction-input > span[b-kqyy7g5i82] {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    color: #64748b;
    font-size: 13px;
    pointer-events: none;
}

.price-impact[b-kqyy7g5i82] {
    min-height: 16px;
    color: #64748b;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.35;
}

.price-impact.increase[b-kqyy7g5i82] { color: #1d4ed8; }
.price-impact.decrease[b-kqyy7g5i82] { color: #9a3412; }

.channel-list[b-kqyy7g5i82] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.channel-card[b-kqyy7g5i82] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #fff;
}

.channel-card.selected[b-kqyy7g5i82] {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .07);
}

.channel-select[b-kqyy7g5i82] {
    width: 100%;
    min-height: 72px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border: 0;
    background: #fff;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
}

.channel-select > span[b-kqyy7g5i82] { color: #2563eb; }
.channel-select div[b-kqyy7g5i82] { display: grid; gap: 3px; min-width: 0; }
.channel-select strong[b-kqyy7g5i82] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.channel-select small[b-kqyy7g5i82] { color: #64748b; }

.channel-select em[b-kqyy7g5i82] {
    padding: 4px 7px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
}

.channel-fields[b-kqyy7g5i82] {
    padding: 0 15px 15px;
    border-top: 1px solid #edf1f5;
}

.channel-field-group h3[b-kqyy7g5i82] {
    margin: 14px 0 10px;
    color: #64748b;
    font-size: 10px;
    text-transform: uppercase;
}

.channel-field-grid[b-kqyy7g5i82] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.offer-loading[b-kqyy7g5i82] {
    min-height: 190px;
    display: grid;
    place-items: center;
    color: #64748b;
}

.preflight-summary[b-kqyy7g5i82] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding: 15px;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
    background: #f3fbf6;
    color: #047857;
}

.preflight-summary.blocked[b-kqyy7g5i82] { border-color: #fecaca; background: #fff7f7; color: #b91c1c; }
.preflight-summary div[b-kqyy7g5i82] { display: grid; gap: 3px; }
.preflight-summary small[b-kqyy7g5i82] { line-height: 1.45; }

.preflight-list article[b-kqyy7g5i82] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #fff;
}

.preflight-list article div[b-kqyy7g5i82] { display: grid; min-width: 0; }
.preflight-list article strong[b-kqyy7g5i82] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.preflight-list small[b-kqyy7g5i82],
.preflight-list article > span[b-kqyy7g5i82] { color: #64748b; font-size: 12px; }
.preflight-list em[b-kqyy7g5i82] { grid-column: 1 / -1; color: #92400e; font-size: 11px; font-style: normal; }
.preflight-list em.error[b-kqyy7g5i82] { color: #b91c1c; }

.offer-manager-footer[b-kqyy7g5i82] {
    position: fixed;
    left: var(--sidebar-width, 250px);
    right: 0;
    bottom: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    gap: 9px;
    padding: 14px max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom));
    border-top: 1px solid #dfe7ef;
    background: rgba(255, 255, 255, .97);
    backdrop-filter: blur(10px);
}

.offer-manager-footer button[b-kqyy7g5i82] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 18px;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
}

.offer-manager-footer .secondary[b-kqyy7g5i82] { border: 1px solid #cbd5e1; background: #fff; color: #334155; }
.offer-manager-footer .primary[b-kqyy7g5i82] { border: 1px solid #0f172a; background: #0f172a; color: #fff; }
.offer-manager-footer .publish[b-kqyy7g5i82] {
    min-width: 210px;
    border-color: #15803d;
    background: #15803d;
    color: #fff;
    box-shadow: 0 8px 20px rgba(21, 128, 61, .2);
}
.offer-manager-footer .publish:hover:not(:disabled)[b-kqyy7g5i82] { background: #166534; border-color: #166534; }
.offer-manager-footer button:disabled[b-kqyy7g5i82] { opacity: .5; cursor: not-allowed; }

.offer-manager-empty[b-kqyy7g5i82] {
    min-height: 360px;
    display: grid;
    place-content: center;
    justify-items: center;
    text-align: center;
    color: #64748b;
}

.offer-manager-empty > span[b-kqyy7g5i82] { font-size: 45px; }
.offer-manager-empty h2[b-kqyy7g5i82] { color: #0f172a; }
.offer-manager-empty p[b-kqyy7g5i82] { max-width: 420px; }

.offer-manager-empty button[b-kqyy7g5i82] {
    min-height: 42px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
}

.create-more-offers[b-kqyy7g5i82] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #0f172a;
    border-radius: 9px;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.publication-list[b-kqyy7g5i82] { display: grid; gap: 10px; }

.publication-row[b-kqyy7g5i82] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(230px, 1.2fr) minmax(160px, .8fr) minmax(150px, auto) minmax(140px, auto) auto;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .04);
}

.publication-row.paused[b-kqyy7g5i82] { background: #f8fafc; color: #64748b; }
.publication-row.error[b-kqyy7g5i82] { border-color: #fecaca; }
.publication-row.pending[b-kqyy7g5i82] { border-color: #bfdbfe; }

.publication-main[b-kqyy7g5i82] {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
}

.publication-channel-icon[b-kqyy7g5i82] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #eef2ff;
    color: #4338ca;
}

.publication-main div[b-kqyy7g5i82],
.publication-channel[b-kqyy7g5i82],
.publication-status[b-kqyy7g5i82] { min-width: 0; display: grid; gap: 3px; }
.publication-main strong[b-kqyy7g5i82],
.publication-channel span[b-kqyy7g5i82] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.publication-main small[b-kqyy7g5i82],
.publication-channel small[b-kqyy7g5i82],
.publication-status small[b-kqyy7g5i82] { color: #64748b; font-size: 11px; }

.publication-values[b-kqyy7g5i82] { display: flex; flex-wrap: wrap; gap: 5px; }
.publication-values span[b-kqyy7g5i82] {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.publication-status[b-kqyy7g5i82] { position: relative; padding-left: 15px; }
.publication-status .status-dot[b-kqyy7g5i82] {
    position: absolute;
    top: 4px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
}
.publication-row.paused .status-dot[b-kqyy7g5i82] { background: #94a3b8; }
.publication-row.pending .status-dot[b-kqyy7g5i82] { background: #3b82f6; animation: status-pulse-b-kqyy7g5i82 1.4s ease-in-out infinite; }
.publication-row.error .status-dot[b-kqyy7g5i82] { background: #ef4444; }
.publication-status small[b-kqyy7g5i82] { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.publication-actions[b-kqyy7g5i82] { display: flex; justify-content: flex-end; gap: 6px; }
.publication-actions button[b-kqyy7g5i82] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}
.publication-actions button span[b-kqyy7g5i82] { font-size: 17px; }
.publication-actions .resume[b-kqyy7g5i82] { border-color: #bbf7d0; color: #166534; }
.publication-actions .remove[b-kqyy7g5i82] { width: 36px; padding: 0; border-color: #fecaca; color: #b91c1c; }
.publication-actions button:disabled[b-kqyy7g5i82] { opacity: .5; cursor: wait; }
.offer-manager-empty.compact[b-kqyy7g5i82] { min-height: 300px; }

/* Keep create and edit modes on the same visual system even when isolation loads late. */
.offer-steps button[b-kqyy7g5i82],
.offer-manager-message[b-kqyy7g5i82],
.batch-choice-card[b-kqyy7g5i82],
.channel-card[b-kqyy7g5i82],
.preflight-summary[b-kqyy7g5i82],
.preflight-list article[b-kqyy7g5i82],
.publication-row[b-kqyy7g5i82] {
    border-radius: 18px;
}

.manager-field select[b-kqyy7g5i82],
.manager-field input[b-kqyy7g5i82],
.auto-batch-button[b-kqyy7g5i82],
.offer-manager-footer button[b-kqyy7g5i82],
.publication-actions button[b-kqyy7g5i82],
.create-more-offers[b-kqyy7g5i82],
.offer-manager-empty button[b-kqyy7g5i82] {
    border-radius: 12px;
}

.offer-manager-page .manager-section[b-kqyy7g5i82] {
    min-width: 0;
    border-radius: 18px;
}

.publication-list[b-kqyy7g5i82],
.batch-choice-list[b-kqyy7g5i82],
.channel-list[b-kqyy7g5i82],
.preflight-list[b-kqyy7g5i82] {
    min-width: 0;
}

@keyframes status-pulse-b-kqyy7g5i82 { 50% { opacity: .35; transform: scale(.75); } }

@media (max-width: 1120px) {
    .batch-choice-card[b-kqyy7g5i82] { grid-template-columns: minmax(220px, 1fr) minmax(250px, 1.2fr); }
    .batch-product[b-kqyy7g5i82] { padding-top: 0; }
    .publication-row[b-kqyy7g5i82] { grid-template-columns: minmax(230px, 1fr) minmax(170px, .8fr) minmax(140px, auto) auto; }
    .publication-values[b-kqyy7g5i82] { display: none; }
}

@media (max-width: 820px) {
    .manager-section-heading[b-kqyy7g5i82] { align-items: flex-start; flex-direction: column; }
    .manager-heading-actions[b-kqyy7g5i82] { width: 100%; justify-content: space-between; }
    .channel-list[b-kqyy7g5i82] { grid-template-columns: 1fr; }
    .publication-row[b-kqyy7g5i82] { grid-template-columns: minmax(0, 1fr) auto; }
    .publication-channel[b-kqyy7g5i82] { grid-column: 1; }
    .publication-status[b-kqyy7g5i82] { grid-column: 1; }
    .publication-actions[b-kqyy7g5i82] { grid-column: 2; grid-row: 1 / span 3; flex-direction: column; }
}

@media (max-width: 720px) {
    .offer-manager-page[b-kqyy7g5i82] { padding: 16px 14px 112px; }
    .offer-steps button[b-kqyy7g5i82] { justify-content: center; padding: 0; }
    .offer-steps strong[b-kqyy7g5i82] { display: none; }
    .batch-choice-card[b-kqyy7g5i82] { grid-template-columns: 1fr; }
    .manager-heading-actions[b-kqyy7g5i82] { align-items: stretch; flex-direction: column; }
    .manager-count[b-kqyy7g5i82] { align-self: flex-start; }
    .auto-batch-button[b-kqyy7g5i82] { width: 100%; }
    .batch-product[b-kqyy7g5i82] { grid-column: auto; }
    .channel-field-grid[b-kqyy7g5i82] { grid-template-columns: 1fr; }
    .offer-manager-footer[b-kqyy7g5i82] { left: 0; }
    .preflight-list article[b-kqyy7g5i82] { grid-template-columns: minmax(0, 1fr) auto; }
    .preflight-list article > b[b-kqyy7g5i82] { grid-column: 2; }
    .close-manager[b-kqyy7g5i82] { width: 42px; padding: 0; font-size: 0; }
    .create-more-offers[b-kqyy7g5i82] { width: 100%; }
    .publication-row[b-kqyy7g5i82] { gap: 10px; padding: 14px; }
    .publication-actions button[b-kqyy7g5i82] { width: 38px; padding: 0; font-size: 0; }
}

@media (max-width: 420px) {
    .price-correction-guide[b-kqyy7g5i82] { grid-template-columns: 1fr; }
    .price-correction-guide > span[b-kqyy7g5i82] { width: 34px; height: 34px; }
    .offer-manager-footer button[b-kqyy7g5i82] { flex: 1 1 0; padding-inline: 10px; }
    .offer-manager-footer .publish[b-kqyy7g5i82] { min-width: 0; flex: 2 1 0; }
}

/* Spójny, odporny układ edytora ofert. */
.offer-manager-page[b-kqyy7g5i82] {
    width: min(1240px, 100%);
    min-height: auto;
    padding: 0 28px 64px;
}

.offer-manager-page .manager-section[b-kqyy7g5i82] {
    padding: 22px;
    border: 1px solid rgba(221, 230, 224, .75);
    background: #fff;
    box-shadow: 0 15px 38px rgba(24, 54, 37, .09), 0 3px 9px rgba(24, 54, 37, .04);
}

.offer-steps[b-kqyy7g5i82] {
    gap: 12px;
    margin: 8px 0 22px;
}

.offer-steps button[b-kqyy7g5i82] {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .07);
    transition: transform .18s ease, box-shadow .18s ease, color .18s ease;
}

.offer-steps button.active[b-kqyy7g5i82] {
    border: 0;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .14);
}

.offer-steps button:not(:disabled):hover[b-kqyy7g5i82],
.batch-choice-card:hover[b-kqyy7g5i82],
.channel-card:hover[b-kqyy7g5i82],
.publication-row:hover[b-kqyy7g5i82] {
    transform: translateY(-2px);
    box-shadow: 0 15px 34px rgba(15, 23, 42, .11);
}

.batch-choice-card[b-kqyy7g5i82],
.channel-card[b-kqyy7g5i82],
.publication-row[b-kqyy7g5i82],
.preflight-list article[b-kqyy7g5i82] {
    border-color: rgba(218, 227, 221, .8);
    box-shadow: 0 8px 24px rgba(24, 54, 37, .065);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.batch-choice-card[b-kqyy7g5i82] {
    grid-template-columns: minmax(190px, 1.05fr) minmax(220px, 1.25fr) minmax(150px, .75fr) minmax(170px, .85fr);
}

.manager-field select[b-kqyy7g5i82],
.manager-field input[b-kqyy7g5i82] {
    min-height: 42px;
    border-color: #d8e2dc;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .025);
}

.manager-field select:focus[b-kqyy7g5i82],
.manager-field input:focus[b-kqyy7g5i82] {
    outline: none;
    border-color: #5b9472;
    box-shadow: 0 0 0 4px rgba(91, 148, 114, .13);
}

.offer-manager-footer[b-kqyy7g5i82] {
    position: sticky;
    left: auto;
    right: auto;
    bottom: 12px;
    z-index: 12;
    width: fit-content;
    max-width: 100%;
    margin: 24px auto 0;
    padding: 10px;
    border: 1px solid rgba(216, 226, 220, .9);
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 46px rgba(15, 23, 42, .14);
}

.publication-actions button[b-kqyy7g5i82],
.create-more-offers[b-kqyy7g5i82],
.auto-batch-button[b-kqyy7g5i82],
.offer-manager-footer button[b-kqyy7g5i82] {
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.publication-actions button:hover:not(:disabled)[b-kqyy7g5i82],
.create-more-offers:hover[b-kqyy7g5i82],
.auto-batch-button:hover[b-kqyy7g5i82],
.offer-manager-footer button:hover:not(:disabled)[b-kqyy7g5i82] {
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(15, 23, 42, .12);
}

@media (max-width: 1120px) {
    .batch-choice-card[b-kqyy7g5i82] {
        grid-template-columns: minmax(210px, 1fr) minmax(230px, 1.15fr);
    }
}

@media (max-width: 720px) {
    .offer-manager-page[b-kqyy7g5i82] { padding: 0 14px 42px; }
    .offer-manager-page .manager-section[b-kqyy7g5i82] { padding: 16px; }
    .offer-manager-footer[b-kqyy7g5i82] {
        width: 100%;
        bottom: 8px;
        border-radius: 16px;
    }
}
/* /Pages/OrderDetails.razor.rz.scp.css */

.details-page-wrapper[b-oxwl4qp4n7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
}

.details-header[b-oxwl4qp4n7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

.header-left[b-oxwl4qp4n7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
}

.btn-back[b-oxwl4qp4n7] {
    background: none;
    border: none;
    color: #64748B;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    transition: color 0.2s;
}
.btn-back:hover[b-oxwl4qp4n7] { color: #0F172A; }

.order-details-back[b-oxwl4qp4n7] {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    flex: 0 0 40px;
    align-self: center;
    overflow: hidden;
}

.order-details-back .material-symbols-rounded[b-oxwl4qp4n7] {
    width: 20px;
    height: 20px;
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.title-group[b-oxwl4qp4n7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.order-id[b-oxwl4qp4n7] {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.03em;
    word-break: break-word;
    line-height: 1.2;
}

.date[b-oxwl4qp4n7] {
    color: #64748B;
    font-size: 14px;
}

.header-actions[b-oxwl4qp4n7] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 0;
    max-width: 100%;
}

.action-buttons-group[b-oxwl4qp4n7] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 0;
    max-width: 100%;
}

.btn-primary[b-oxwl4qp4n7], .btn-secondary[b-oxwl4qp4n7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border: none;
    transition: transform 0.1s;
    white-space: nowrap;
    min-width: 0;
    box-sizing: border-box;
    line-height: 1.2;
}

.btn-primary .material-symbols-rounded[b-oxwl4qp4n7],
.btn-secondary .material-symbols-rounded[b-oxwl4qp4n7] {
    flex: 0 0 auto;
    font-size: 20px;
}

.btn-primary[b-oxwl4qp4n7] {
    background: #0F172A;
    color: #FFFFFF;
}

.btn-secondary[b-oxwl4qp4n7] {
    background: #FFFFFF;
    color: #0F172A;
    border: 1px solid #E2E8F0;
}

.btn-primary:active[b-oxwl4qp4n7], .btn-secondary:active[b-oxwl4qp4n7] { transform: scale(0.98); }

.status-badge[b-oxwl4qp4n7] {
    padding: 6px 12px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    background: #F1F5F9;
    color: #64748B;
    white-space: nowrap;
}

.order-meta-strip[b-oxwl4qp4n7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.order-meta-card[b-oxwl4qp4n7] {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
}

.order-meta-card .meta-icon[b-oxwl4qp4n7] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: #F1F5F9;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.order-meta-card .meta-label[b-oxwl4qp4n7] {
    display: block;
    color: #94A3B8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.order-meta-card strong[b-oxwl4qp4n7] {
    display: block;
    min-width: 0;
    color: #0F172A;
    font-size: 14px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.order-meta-card.source .meta-icon[b-oxwl4qp4n7] {
    background: #EEF2FF;
    color: #4F46E5;
}

.order-meta-card.blacklist[b-oxwl4qp4n7] {
    border-color: #FECACA;
    background: #FFF5F5;
}

.order-meta-card.blacklist .meta-icon[b-oxwl4qp4n7] {
    background: #FEE2E2;
    color: #C92D3B;
}

.order-meta-card.blacklist strong[b-oxwl4qp4n7] {
    color: #A92532;
}

.summary-row.discount[b-oxwl4qp4n7] {
    color: #198754;
}

.summary-row.discount span:last-child[b-oxwl4qp4n7] {
    font-weight: 800;
}

.order-meta-card.realization.future[b-oxwl4qp4n7] {
    border-color: #BFDBFE;
    background: #EFF6FF;
}

.order-meta-card.realization.future .meta-icon[b-oxwl4qp4n7] {
    background: #DBEAFE;
    color: #2563EB;
}

.order-meta-card.realization.tomorrow[b-oxwl4qp4n7] {
    border-color: #FDE68A;
    background: #FFFBEB;
}

.order-meta-card.realization.tomorrow .meta-icon[b-oxwl4qp4n7] {
    background: #FEF3C7;
    color: #D97706;
}

.order-meta-card.realization.overdue[b-oxwl4qp4n7] {
    border-color: #FECACA;
    background: #FEF2F2;
}

.order-meta-card.realization.overdue .meta-icon[b-oxwl4qp4n7] {
    background: #FEE2E2;
    color: #DC2626;
}

.order-meta-card.realization.completed[b-oxwl4qp4n7] {
    border-color: #BBF7D0;
    background: #ECFDF5;
}

.order-meta-card.realization.completed .meta-icon[b-oxwl4qp4n7] {
    background: #D1FAE5;
    color: #047857;
}

.order-meta-card.production[b-oxwl4qp4n7] {
    border-color: #BFDBFE;
    background: #EFF6FF;
}

.order-meta-card.production .meta-icon[b-oxwl4qp4n7] {
    background: #DBEAFE;
    color: #1D4ED8;
}

.details-grid[b-oxwl4qp4n7] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    align-items: start;
    width: 100%;
}

.main-column[b-oxwl4qp4n7], .sidebar-column[b-oxwl4qp4n7] {
    min-width: 0;
    width: 100%;
}

.card[b-oxwl4qp4n7] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    width: 100%;
}

.card-header[b-oxwl4qp4n7] {
    padding: 16px;
    border-bottom: 1px solid #F1F5F9;
    background: #F8FAFC;
}

.card-header h3[b-oxwl4qp4n7] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #334155;
}

.table-responsive[b-oxwl4qp4n7] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* Zapobiega ucinaniu cieni lub nachodzeniu scrollbara */
    padding-bottom: 4px; 
}
/* Stylizacja Scrollbara (Chrome, Edge, Safari) */
.custom-scroll[b-oxwl4qp4n7]::-webkit-scrollbar {
    height: 8px; /* Cieńszy pasek poziomy */
    width: 8px;
}

.custom-scroll[b-oxwl4qp4n7]::-webkit-scrollbar-track {
    background: #F1F5F9;
    border-radius: 4px;
}

.custom-scroll[b-oxwl4qp4n7]::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 4px;
}

.custom-scroll[b-oxwl4qp4n7]::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

.products-table[b-oxwl4qp4n7] {
    width: 100%;
    border-collapse: separate; /* Pozwala na lepsze stylowanie */
    border-spacing: 0;
    min-width: 600px; 
}

.products-table th[b-oxwl4qp4n7] {
    text-align: left;
    padding: 14px 16px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748B;
    background: #F8FAFC; /* Lekkie tło nagłówka */
    border-bottom: 1px solid #E2E8F0;
    white-space: nowrap;
}

.products-table td[b-oxwl4qp4n7] {
    padding: 16px 16px; /* Więcej oddechu */
    border-bottom: 1px solid #F1F5F9;
    vertical-align: middle;
}
.products-table tr:last-child td[b-oxwl4qp4n7] { border-bottom: none; }

.product-info[b-oxwl4qp4n7] { display: flex; flex-direction: column; min-width: 0; }
.order-product-cell[b-oxwl4qp4n7] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.order-product-image[b-oxwl4qp4n7] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 13px;
    overflow: hidden;
    background: #F1F5F9;
    color: #94A3B8;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-product-image img[b-oxwl4qp4n7] { width: 100%; height: 100%; object-fit: cover; display: block; }
.order-product-image .material-symbols-rounded[b-oxwl4qp4n7] { font-size: 23px; }
.p-name[b-oxwl4qp4n7] { 
    font-weight: 600; 
    color: #0F172A; 
    font-size: 14px;
    display: block;
    line-height: 1.4;
}

.product-production-pill[b-oxwl4qp4n7] {
    width: fit-content;
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    padding: 4px 8px;
    background: #EFF6FF;
    color: #1D4ED8;
    border: 1px solid #BFDBFE;
    font-size: 11px;
    font-weight: 900;
}

.product-production-pill .material-symbols-rounded[b-oxwl4qp4n7] {
    font-size: 14px;
}
.p-sku[b-oxwl4qp4n7] { 
    font-size: 12px; 
    color: #94A3B8; 
    display: block;
    margin-top: 2px;
}
.val-price[b-oxwl4qp4n7] { color: #475569; font-size: 14px; }
.val-qty[b-oxwl4qp4n7] { font-weight: 600; color: #334155; background: #F1F5F9; padding: 4px 8px; border-radius: 6px; font-size: 13px; }
.val-sum[b-oxwl4qp4n7] { font-weight: 700; color: #0F172A; font-size: 14px; }
.products-empty[b-oxwl4qp4n7] {
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #94A3B8;
    background: #FFFFFF;
}
.products-empty .material-symbols-rounded[b-oxwl4qp4n7] { font-size: 40px; color: #E2E8F0; }

.text-right[b-oxwl4qp4n7] { text-align: right; }
.text-center[b-oxwl4qp4n7] { text-align: center; }
.fw-bold[b-oxwl4qp4n7] { font-weight: 700; }

.summary-card[b-oxwl4qp4n7] { padding: 16px; }
.summary-row[b-oxwl4qp4n7] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 14px;
    color: #64748B;
    gap: 12px;
}
.summary-row span:last-child[b-oxwl4qp4n7] {
    text-align: right;
    white-space: nowrap;
}

.summary-divider[b-oxwl4qp4n7] {
    height: 1px;
    background: #E2E8F0;
    margin: 16px 0;
}
.summary-total[b-oxwl4qp4n7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 16px;
}
.total-price[b-oxwl4qp4n7] { font-size: 20px; white-space: nowrap; }

.payment-status[b-oxwl4qp4n7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}
.payment-status.paid[b-oxwl4qp4n7] { background: #DCFCE7; color: #166534; }
.payment-status.unpaid[b-oxwl4qp4n7] { background: #FEF3C7; color: #92400E; }
.payment-status .status-content[b-oxwl4qp4n7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.customer-info[b-oxwl4qp4n7] { padding: 16px; display: flex; flex-direction: column; gap: 16px; }
.info-row[b-oxwl4qp4n7] { display: flex; gap: 12px; align-items: flex-start; min-width: 0; }
.info-row .icon[b-oxwl4qp4n7] { color: #94A3B8; font-size: 20px; margin-top: 2px; flex-shrink: 0; }
.info-row .label[b-oxwl4qp4n7] { font-size: 11px; text-transform: uppercase; color: #94A3B8; display: block; margin-bottom: 2px; font-weight: 600; }
.info-row .value[b-oxwl4qp4n7] { font-size: 14px; font-weight: 500; color: #334155; word-break: break-all; overflow-wrap: anywhere; }
.info-row .link[b-oxwl4qp4n7] { color: #3B82F6; text-decoration: none; }
.info-row .link:hover[b-oxwl4qp4n7] { text-decoration: underline; }

.copy-field[b-oxwl4qp4n7] {
    max-width: 100%;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 3px 5px 3px 0;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #334155;
    font-family: inherit;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s, transform 0.12s;
    -webkit-tap-highlight-color: transparent;
}

.copy-field span:first-child[b-oxwl4qp4n7] {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.copy-field:hover[b-oxwl4qp4n7],
.copy-field:focus-visible[b-oxwl4qp4n7] {
    background: #F8FAFC;
    border-color: #E2E8F0;
    color: #1D4ED8;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
    outline: none;
    padding-left: 8px;
}

.copy-field:active[b-oxwl4qp4n7] {
    transform: scale(0.99);
}

.copy-field.copied[b-oxwl4qp4n7] {
    background: #DCFCE7;
    border-color: #86EFAC;
    color: #166534;
    padding-left: 8px;
    box-shadow: 0 6px 16px rgba(22, 163, 74, 0.12);
}

.copy-icon[b-oxwl4qp4n7] {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.72);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    opacity: 0;
    transform: translateX(-2px);
    transition: opacity 0.2s, transform 0.2s;
}

.copy-field:hover .copy-icon[b-oxwl4qp4n7],
.copy-field:focus-visible .copy-icon[b-oxwl4qp4n7],
.copy-field.copied .copy-icon[b-oxwl4qp4n7] {
    opacity: 1;
    transform: translateX(0);
}

.address-content[b-oxwl4qp4n7] { padding: 16px; font-size: 14px; line-height: 1.6; color: #334155; word-break: break-word; }
.address-content p[b-oxwl4qp4n7] { margin: 0; }

.address-copy-grid[b-oxwl4qp4n7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    line-height: 1.35;
}

.address-copy-item[b-oxwl4qp4n7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.address-copy-item.full-width[b-oxwl4qp4n7] {
    grid-column: 1 / -1;
}

.address-copy-item .label[b-oxwl4qp4n7] {
    color: #94A3B8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.address-copy-item .copy-field[b-oxwl4qp4n7] {
    width: 100%;
    justify-content: space-between;
}

.shipments-list[b-oxwl4qp4n7] { padding: 0; }
.shipment-item[b-oxwl4qp4n7] {
    padding: 16px;
    border-bottom: 1px solid #F1F5F9;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}
.shipment-item.created[b-oxwl4qp4n7] { background: #F8FAFC; }
.shipment-item.transit[b-oxwl4qp4n7] { background: #EFF6FF; }
.shipment-item.pickup[b-oxwl4qp4n7] { background: #EEF2FF; }
.shipment-item.delivered[b-oxwl4qp4n7] { background: #ECFDF5; }
.shipment-item.warning[b-oxwl4qp4n7] { background: #FFFBEB; }
.shipment-item.cancelled[b-oxwl4qp4n7] { background: #FEF2F2; }
.shipment-item:last-child[b-oxwl4qp4n7] { border-bottom: none; }
.shipment-icon[b-oxwl4qp4n7] {
    width: 36px; height: 36px;
    background: #F1F5F9;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    color: #64748B;
    flex-shrink: 0;
}
.shipment-item.created .shipment-icon[b-oxwl4qp4n7] { color: #64748B; background: #E2E8F0; }
.shipment-item.transit .shipment-icon[b-oxwl4qp4n7] { color: #1D4ED8; background: #DBEAFE; }
.shipment-item.pickup .shipment-icon[b-oxwl4qp4n7] { color: #4338CA; background: #E0E7FF; }
.shipment-item.delivered .shipment-icon[b-oxwl4qp4n7] { color: #047857; background: #D1FAE5; }
.shipment-item.warning .shipment-icon[b-oxwl4qp4n7] { color: #B45309; background: #FEF3C7; }
.shipment-item.cancelled .shipment-icon[b-oxwl4qp4n7] { color: #B91C1C; background: #FEE2E2; }
.shipment-details[b-oxwl4qp4n7] { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.shipment-topline[b-oxwl4qp4n7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}
.s-provider[b-oxwl4qp4n7] { font-weight: 600; font-size: 14px; }
.s-tracking[b-oxwl4qp4n7] { font-size: 12px; color: #94A3B8; font-family: monospace; word-break: break-all; }
.s-updated[b-oxwl4qp4n7] { font-size: 11px; color: #64748B; margin-top: 3px; }
.shipment-status[b-oxwl4qp4n7] { 
    font-size: 11px; 
    font-weight: 700; 
    color: #0F172A; 
    background: #E2E8F0; 
    padding: 2px 6px; 
    border-radius: 4px; 
    align-self: flex-start;
    margin-top: 2px;
}
.shipment-status.created[b-oxwl4qp4n7] { color: #475569; background: #E2E8F0; }
.shipment-status.transit[b-oxwl4qp4n7] { color: #1D4ED8; background: #DBEAFE; }
.shipment-status.pickup[b-oxwl4qp4n7] { color: #4338CA; background: #E0E7FF; }
.shipment-status.delivered[b-oxwl4qp4n7] { color: #047857; background: #D1FAE5; }
.shipment-status.warning[b-oxwl4qp4n7] { color: #B45309; background: #FEF3C7; }
.shipment-status.cancelled[b-oxwl4qp4n7] { color: #B91C1C; background: #FEE2E2; }

.shipment-print-btn[b-oxwl4qp4n7] {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    color: #2563EB;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.12);
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease;
    flex: 0 0 auto;
}

.shipment-print-btn:hover[b-oxwl4qp4n7] {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.16);
}

.shipment-print-btn .material-symbols-rounded[b-oxwl4qp4n7] {
    font-size: 20px;
}

.notes-content[b-oxwl4qp4n7] { padding: 16px; font-size: 14px; color: #475569; background: #FFFBEB; line-height: 1.5; word-break: break-word; }

.loading-state[b-oxwl4qp4n7], .error-state[b-oxwl4qp4n7] {
    text-align: center;
    padding: 40px 16px;
    color: #64748B;
}
.spinner[b-oxwl4qp4n7] {
    border: 3px solid #E2E8F0;
    border-top: 3px solid #0F172A;
    border-radius: 50%;
    width: 30px; height: 30px;
    animation: spin-b-oxwl4qp4n7 1s linear infinite;
    margin: 0 auto 16px;
}
@keyframes spin-b-oxwl4qp4n7 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

@media (max-width: 900px) {
    .details-page-wrapper[b-oxwl4qp4n7] {
        padding: 12px;
    }

    .details-grid[b-oxwl4qp4n7] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .sidebar-column[b-oxwl4qp4n7] { order: 1; }
    
    .details-header[b-oxwl4qp4n7] {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .header-left[b-oxwl4qp4n7] {
        width: 100%;
    }

    .header-actions[b-oxwl4qp4n7] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .status-badge[b-oxwl4qp4n7] {
        align-self: flex-start;
        margin-bottom: 8px;
    }

    .action-buttons-group[b-oxwl4qp4n7] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    
    .btn-primary[b-oxwl4qp4n7], .btn-secondary[b-oxwl4qp4n7] {
        width: 100%;
        min-height: 44px;
        padding: 11px 12px;
        font-size: 13px;
        overflow: hidden;
    }

    .order-meta-strip[b-oxwl4qp4n7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .action-buttons-group[b-oxwl4qp4n7] {
        grid-template-columns: 1fr;
    }

    .btn-primary[b-oxwl4qp4n7], .btn-secondary[b-oxwl4qp4n7] {
        justify-content: flex-start;
        padding: 12px 14px;
        font-size: 14px;
    }

    .address-copy-grid[b-oxwl4qp4n7] {
        grid-template-columns: 1fr;
    }

    .copy-field[b-oxwl4qp4n7] {
        width: 100%;
        justify-content: space-between;
    }
}

/* --- Style dla modułu przesyłek --- */

/* Stan pusty */
.shipments-empty[b-oxwl4qp4n7] {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #94A3B8;
    font-size: 13px;
    text-align: center;
    background: #F8FAFC;
    margin-bottom: 1px; /* Żeby oddzielić od przycisku */
}

.shipments-empty .material-symbols-rounded[b-oxwl4qp4n7] {
    font-size: 32px;
    color: #CBD5E1;
}

/* Sekcja z przyciskiem na dole karty */
.card-actions[b-oxwl4qp4n7] {
    padding: 12px 16px;
    border-top: 1px solid #F1F5F9;
    background: #FFFFFF;
}

/* Styl przycisku tworzenia przesyłki */
.btn-create-shipment[b-oxwl4qp4n7] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    background-color: #F1F5F9; /* Jasne tło */
    color: #0F172A;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-create-shipment:hover[b-oxwl4qp4n7] {
    background-color: #E2E8F0;
    border-color: #94A3B8;
    color: #000000;
}

.btn-create-shipment:active[b-oxwl4qp4n7] {
    transform: scale(0.99);
}

.btn-create-shipment .material-symbols-rounded[b-oxwl4qp4n7] {
    font-size: 20px;
}

.summary-actions[b-oxwl4qp4n7] {
    margin-top: 12px;
}

.btn-add-payment[b-oxwl4qp4n7] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    background: #FFFFFF;
    color: #0F172A;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.btn-add-payment:hover[b-oxwl4qp4n7] {
    background: #F8FAFC;
    border-color: #CBD5E1;
}

.btn-add-payment:active[b-oxwl4qp4n7] {
    transform: translateY(1px);
    box-shadow: none;
}

.btn-add-payment .material-symbols-rounded[b-oxwl4qp4n7] {
    font-size: 18px;
    color: #64748B;
}

.invoice-card-details .card-header[b-oxwl4qp4n7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 100%);
}

.invoice-card-details .card-header span[b-oxwl4qp4n7] {
    display: block;
    margin-top: 3px;
    color: #64748B;
    font-size: 12px;
    font-weight: 500;
}

.invoice-empty[b-oxwl4qp4n7] {
    padding: 24px 16px;
    display: grid;
    gap: 10px;
    justify-items: center;
    text-align: center;
    color: #64748B;
    background: #FFFFFF;
}

.invoice-empty > .material-symbols-rounded[b-oxwl4qp4n7] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #EFF6FF;
    color: #2563EB;
    font-size: 24px;
}

.invoice-empty p[b-oxwl4qp4n7] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.invoice-empty .btn-primary[b-oxwl4qp4n7] {
    width: 100%;
    margin-top: 4px;
}

.order-invoice-list[b-oxwl4qp4n7] {
    display: grid;
    gap: 10px;
    padding: 12px;
}

.order-invoice-row[b-oxwl4qp4n7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    background: #FFFFFF;
}

.order-invoice-row strong[b-oxwl4qp4n7],
.order-invoice-row span[b-oxwl4qp4n7] {
    display: block;
    min-width: 0;
}

.order-invoice-row strong[b-oxwl4qp4n7] {
    color: #0F172A;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.order-invoice-row span[b-oxwl4qp4n7] {
    margin-top: 3px;
    color: #64748B;
    font-size: 12px;
}

.invoice-actions[b-oxwl4qp4n7] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.btn-secondary.small[b-oxwl4qp4n7] {
    padding: 7px 10px;
    border-radius: 9px;
    font-size: 12px;
}

.btn-secondary.small.danger[b-oxwl4qp4n7] {
    color: #B91C1C;
    border-color: #FECACA;
    background: #FEF2F2;
}

.invoice-action-error[b-oxwl4qp4n7] {
    margin: 12px;
    padding: 12px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: start;
    border: 1px solid #FECACA;
    border-radius: 14px;
    background: #FEF2F2;
    color: #991B1B;
}

.invoice-action-error p[b-oxwl4qp4n7] {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    white-space: pre-line;
}

.invoice-action-error button[b-oxwl4qp4n7] {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    padding: 0;
}

.beta-badge[b-oxwl4qp4n7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    color: #1D4ED8;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .06em;
    vertical-align: middle;
}

@media (max-width: 520px) {
    .order-invoice-row[b-oxwl4qp4n7] {
        grid-template-columns: 1fr;
    }

    .invoice-actions[b-oxwl4qp4n7] {
        justify-content: stretch;
    }

    .invoice-actions .btn-secondary[b-oxwl4qp4n7] {
        flex: 1;
    }
}
/* /Pages/OrderForm.razor.rz.scp.css */
/* --- RESET I BAZA --- */
    .page-container[b-lgqrlqh44a], .page-container *[b-lgqrlqh44a] {
        box-sizing: border-box;
    }

    .page-container[b-lgqrlqh44a] {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 24px 20px 60px 20px; 
        color: #0F172A;
        background-color: transparent;
        overflow-x: hidden;
    }

    /* --- NAGŁÓWEK --- */
    .static-header[b-lgqrlqh44a] {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 24px;
        flex-wrap: wrap;
    }

    .btn-back[b-lgqrlqh44a] {
        width: 40px; height: 40px;
        border-radius: 12px;
        border: none;
        background: #FFFFFF;
        color: #64748B;
        cursor: pointer;
        display: flex; align-items: center; justify-content: center;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        flex-shrink: 0;
    }

    .header-text[b-lgqrlqh44a] { min-width: 0; }

    .header-text h1[b-lgqrlqh44a] {
        font-size: 22px; font-weight: 800; margin: 0;
        letter-spacing: -0.02em; color: #0F172A; line-height: 1.2;
    }

    .date-badge[b-lgqrlqh44a] {
        display: flex; align-items: center; gap: 6px;
        font-size: 13px; color: #64748B; font-weight: 600;
        margin-top: 4px;
    }

    .wholesale-badge[b-lgqrlqh44a] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-top: 8px;
        padding: 6px 10px;
        border-radius: 999px;
        background: #EFF6FF;
        color: #1D4ED8;
        border: 1px solid #BFDBFE;
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
    }

    .wholesale-badge .material-symbols-rounded[b-lgqrlqh44a] {
        font-size: 16px;
    }

    /* --- UKŁAD GRID --- */
    .layout-grid[b-lgqrlqh44a] {
        display: grid;
        grid-template-columns: 1.8fr 1fr;
        gap: 24px;
        align-items: start;
        width: 100%;
    }

    .col-main[b-lgqrlqh44a], .col-sidebar[b-lgqrlqh44a] {
        min-width: 0; width: 100%;
    }

    /* --- KARTY --- */
    .card[b-lgqrlqh44a] {
        background: #FFFFFF;
        border-radius: 20px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.03);
        border: 1px solid #F1F5F9;
        padding: 20px;
        margin-bottom: 24px;
        overflow: visible; 
        position: relative;
        width: 100%;
    }

    .card-header[b-lgqrlqh44a] {
        display: flex; align-items: center; gap: 10px;
        margin-bottom: 20px;
    }
    
    /* Zmiana dla nagłówka karty z AI */
    .spread-header[b-lgqrlqh44a] {
        justify-content: space-between;
    }
    .ch-left[b-lgqrlqh44a] { display: flex; align-items: center; gap: 10px; }

    .card-header h2[b-lgqrlqh44a], .card-header h3[b-lgqrlqh44a] { margin: 0; font-size: 17px; font-weight: 700; color: #1E293B; }
    .card-header .icon[b-lgqrlqh44a] { color: #94A3B8; font-size: 20px; }
    .counter[b-lgqrlqh44a] { background: #F1F5F9; color: #64748B; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 700; }

    .currency-panel[b-lgqrlqh44a] {
        display: grid;
        grid-template-columns: minmax(220px, 1fr) minmax(260px, auto);
        gap: 16px;
        align-items: start;
        margin: -4px 0 20px;
        padding: 16px;
        border: 1px solid #E2E8F0;
        border-radius: 18px;
        background: linear-gradient(135deg, #F8FAFC 0%, #FFFFFF 100%);
        max-width: 100%;
        overflow: hidden;
    }

    .currency-copy[b-lgqrlqh44a] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }

    .currency-eyebrow[b-lgqrlqh44a] {
        font-size: 11px;
        font-weight: 800;
        color: #64748B;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

    .currency-copy strong[b-lgqrlqh44a] {
        font-size: 18px;
        color: #0F172A;
        line-height: 1.2;
    }

    .currency-copy small[b-lgqrlqh44a],
    .currency-note[b-lgqrlqh44a] {
        font-size: 12px;
        color: #64748B;
        line-height: 1.45;
    }

    .currency-controls[b-lgqrlqh44a] {
        display: grid;
        grid-template-columns: minmax(110px, 1fr) minmax(118px, 1fr) 42px auto;
        align-items: stretch;
        gap: 8px;
        justify-content: end;
        min-width: 0;
    }

    .currency-select[b-lgqrlqh44a],
    .currency-rate-field input[b-lgqrlqh44a] {
        height: 42px;
        border: 1px solid #CBD5E1;
        border-radius: 12px;
        background: #FFFFFF;
        color: #0F172A;
        font-weight: 700;
        font-size: 13px;
        outline: none;
    }

    .currency-select[b-lgqrlqh44a] {
        min-width: 0;
        width: 100%;
        padding: 0 34px 0 12px;
    }

    .currency-rate-field[b-lgqrlqh44a] {
        position: relative;
        min-width: 0;
        width: 100%;
    }

    .currency-rate-field label[b-lgqrlqh44a] {
        position: absolute;
        top: -8px;
        left: 10px;
        padding: 0 5px;
        background: #FFFFFF;
        color: #64748B;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .currency-rate-field input[b-lgqrlqh44a] {
        width: 100%;
        padding: 0 10px;
        text-align: right;
    }

    .btn-rate-refresh[b-lgqrlqh44a],
    .btn-currency-apply[b-lgqrlqh44a] {
        height: 42px;
        border: none;
        border-radius: 12px;
        cursor: pointer;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .btn-rate-refresh[b-lgqrlqh44a] {
        width: 42px;
        color: #2563EB;
        background: #EFF6FF;
    }

    .btn-currency-apply[b-lgqrlqh44a] {
        padding: 0 16px;
        color: #FFFFFF;
        background: #0F172A;
    }

    .currency-note[b-lgqrlqh44a] {
        grid-column: 1 / -1;
        padding-top: 2px;
    }

    /* --- LISTA PRODUKTÓW --- */
    .products-list[b-lgqrlqh44a] { display: flex; flex-direction: column; width: 100%; }

    .empty-placeholder[b-lgqrlqh44a] {
        text-align: center; padding: 32px 16px;
        border: 0; border-radius: 18px; background: transparent;
        cursor: pointer;
    }
    .placeholder-icon[b-lgqrlqh44a] { font-size: 32px; color: #94A3B8; margin-bottom: 8px; }
    .empty-placeholder span[b-lgqrlqh44a] { font-weight: 600; color: #334155; display: block; }
    .empty-placeholder small[b-lgqrlqh44a] { color: #94A3B8; font-size: 13px; }

    .product-item[b-lgqrlqh44a] {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        align-items: center;
        padding: 16px 0;
        border-bottom: 1px solid #F1F5F9;
        gap: 16px;
    }
    .product-item:last-child[b-lgqrlqh44a] { border-bottom: none; }

    .pi-image[b-lgqrlqh44a] {
        width: 52px;
        height: 52px;
        border-radius: 14px;
        overflow: hidden;
        background: #F1F5F9;
        color: #94A3B8;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }

    .pi-image img[b-lgqrlqh44a] { width: 100%; height: 100%; object-fit: cover; display: block; }
    .pi-image .material-symbols-rounded[b-lgqrlqh44a] { font-size: 24px; }

    .pi-content[b-lgqrlqh44a] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
    .pi-name[b-lgqrlqh44a] { font-weight: 700; font-size: 16px; color: #0F172A; margin-bottom: 5px; line-height: 1.4; word-wrap: break-word; }
    
    .pi-meta[b-lgqrlqh44a] { display: flex; flex-wrap: wrap; gap: 6px; }
    .pi-badge[b-lgqrlqh44a] {
        font-size: 11px; font-weight: 600; padding: 3px 6px; border-radius: 4px;
        letter-spacing: 0.02em;  white-space: nowrap;
    }
    .badge-sku[b-lgqrlqh44a] { background: #F8FAFC; color: #64748B; border: 1px solid #E2E8F0; }
    .badge-batch[b-lgqrlqh44a] { background: #EFF6FF; color: #3B82F6; border: 1px solid #DBEAFE; }

    .pi-controls[b-lgqrlqh44a] { display: flex; align-items: center; gap: 16px; }

    /* --- ZMIENIONY INPUT ILOŚCI --- */
    .qty-control[b-lgqrlqh44a] {
        display: flex; align-items: center;
        background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 10px;
        padding: 2px; height: 34px;
    }
    .qty-control button[b-lgqrlqh44a] {
        width: 26px; height: 100%; border: none; background: transparent;
        color: #64748B; cursor: pointer; font-size: 16px; border-radius: 6px;
    }
    .qty-control input[b-lgqrlqh44a] {
        width: 40px; 
        text-align: center; font-size: 13px; font-weight: 700; color: #0F172A;
        border: none; background: transparent; outline: none;
        padding: 0; 
        -moz-appearance: textfield;
    }
    .qty-control input[b-lgqrlqh44a]::-webkit-outer-spin-button,
    .qty-control input[b-lgqrlqh44a]::-webkit-inner-spin-button {
        -webkit-appearance: none; margin: 0;
    }

    .price-group[b-lgqrlqh44a] { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
    
    .price-input-wrapper[b-lgqrlqh44a] { position: relative; width: 85px; }
    .price-input-wrapper input[b-lgqrlqh44a] {
        width: 100%; border: 1px solid transparent; background: transparent;
        text-align: right; font-weight: 600; font-size: 14px; color: #334155;
        padding: 4px 18px 4px 4px; border-radius: 6px;
    }
    .price-input-wrapper input:focus[b-lgqrlqh44a] { background: #F8FAFC; border-color: #E2E8F0; outline: none; }
    .price-input-wrapper .currency[b-lgqrlqh44a] { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 11px; color: #94A3B8; }
    .total-price-hint[b-lgqrlqh44a] { font-size: 10px; color: #94A3B8; font-weight: 500; }

    .btn-remove[b-lgqrlqh44a] {
        width: 32px; height: 32px; border-radius: 10px; border: none;
        background: #FFF1F2; color: #F43F5E;
        display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0;
    }

    .add-section[b-lgqrlqh44a] { margin-top: 20px; display: flex; justify-content: center; }
    .btn-add-small[b-lgqrlqh44a] {
        background: #F1F5F9; color: #475569; border: none;
        padding: 10px 20px; border-radius: 20px;
        font-size: 13px; font-weight: 600; cursor: pointer;
        display: flex; align-items: center; gap: 6px;
    }

    .notes-section[b-lgqrlqh44a] { margin-top: 32px; padding-top: 24px; border-top: 1px solid #F1F5F9; }
    .notes-section label[b-lgqrlqh44a] { font-size: 12px; font-weight: 600; color: #94A3B8; display: block; margin-bottom: 8px; text-transform: uppercase; }
    .notes-section textarea[b-lgqrlqh44a] {
        width: 100%; border: none; background: #F8FAFC; border-radius: 12px;
        padding: 12px; font-family: inherit; font-size: 14px; min-height: 80px;
    }

    /* --- SIDEBAR --- */
    .summary-card[b-lgqrlqh44a] { background: #1E293B; color: #FFFFFF; border: none; }
    .summary-row[b-lgqrlqh44a] { display: flex; justify-content: space-between; margin-bottom: 12px; font-size: 14px; color: #94A3B8; }
    .summary-row strong[b-lgqrlqh44a] { color: #E2E8F0; }
    .summary-divider[b-lgqrlqh44a] { height: 1px; background: rgba(255,255,255,0.1); margin: 16px 0; }
    .summary-total[b-lgqrlqh44a] { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
    .big-price[b-lgqrlqh44a] { font-size: 26px; font-weight: 800; color: #FFFFFF; line-height: 1; }

    .discount-input-row[b-lgqrlqh44a] {
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 4px;
        padding: 8px 10px 8px 12px;
        border: 1px solid rgba(92, 207, 148, .34);
        border-radius: 12px;
        background: #132D27;
    }
    .discount-input-row > div[b-lgqrlqh44a] { display: grid; gap: 2px; color: #E9F7F0; font-size: 13px; font-weight: 700; }
    .discount-input-row small[b-lgqrlqh44a] { color: #83E0AC; font-size: 10px; }
    .discount-input-row label[b-lgqrlqh44a] {
        width: 94px;
        min-height: 34px;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 5px;
        padding: 0 10px;
        border-radius: 9px;
        border: 1px solid rgba(132, 224, 174, .22);
        background: #0D211C;
    }
    .discount-input-row input[b-lgqrlqh44a] {
        min-width: 0;
        width: 100%;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #FFFFFF !important;
        font: inherit;
        font-size: 14px;
        font-weight: 750;
        text-align: right;
    }
    .discount-input-row label span[b-lgqrlqh44a] { color: #83E0AC; font-size: 12px; font-weight: 800; }

    .payment-input-row[b-lgqrlqh44a] {
        background: rgba(255,255,255,0.05); padding: 12px; border-radius: 12px;
        display: flex; align-items: center; gap: 10px; margin-bottom: 20px;
    }
    .payment-input-row input[b-lgqrlqh44a] {
        background: transparent; border: none; color: #FFFFFF; font-weight: 700; font-size: 15px;
        text-align: right; flex: 1; outline: none; width: 100%;
    }
    .currency-suffix[b-lgqrlqh44a] { font-size: 13px; color: #94A3B8; font-weight: 600; }

    .realization-field[b-lgqrlqh44a] {
        margin-bottom: 20px;
    }

    .realization-field label[b-lgqrlqh44a] {
        display: block;
        color: #CBD5E1;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .realization-date-shell[b-lgqrlqh44a] {
        min-height: 48px;
        position: relative;
        display: grid;
        grid-template-columns: 24px 1fr auto;
        align-items: center;
        gap: 10px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.06);
        color: #E2E8F0;
    }

    .realization-date-shell.has-date[b-lgqrlqh44a] {
        border-color: rgba(125, 211, 252, 0.42);
        background: rgba(14, 165, 233, 0.12);
    }

    .realization-date-shell > .material-symbols-rounded[b-lgqrlqh44a] {
        color: #93C5FD;
        font-size: 20px;
    }

    .realization-date-shell input[type="date"][b-lgqrlqh44a] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        color-scheme: dark;
    }

    .realization-display[b-lgqrlqh44a] {
        min-width: 0;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 700;
        pointer-events: none;
    }

    .clear-realization-date[b-lgqrlqh44a] {
        width: 30px;
        height: 30px;
        position: relative;
        z-index: 2;
        border: 0;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.12);
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .clear-realization-date:hover[b-lgqrlqh44a] {
        background: rgba(248, 113, 113, 0.28);
    }

    .clear-realization-date .material-symbols-rounded[b-lgqrlqh44a] {
        font-size: 18px;
    }

    .btn-save[b-lgqrlqh44a] {
        width: 100%; padding: 16px; border-radius: 16px;
        background: #FFFFFF; color: #0F172A; border: none;
        font-weight: 700; font-size: 15px; cursor: pointer;
        display: flex; justify-content: center; align-items: center; gap: 8px;
    }

    /* Podsumowanie ma wlasny kontrast i nie dziedziczy bialej karty z app.css. */
    .order-editor-summary[b-lgqrlqh44a] {
        background: #172033 !important;
        color: #FFFFFF !important;
        border: 1px solid #26334A !important;
        box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18) !important;
    }

    .order-editor-summary .summary-row[b-lgqrlqh44a] {
        color: #AEBBD0 !important;
    }

    .order-editor-summary .summary-row strong[b-lgqrlqh44a],
    .order-editor-summary .summary-total[b-lgqrlqh44a],
    .order-editor-summary .big-price[b-lgqrlqh44a],
    .order-editor-summary .realization-display[b-lgqrlqh44a] {
        color: #FFFFFF !important;
    }

    .order-editor-summary .summary-divider[b-lgqrlqh44a] {
        background: rgba(255, 255, 255, 0.14) !important;
    }

    .order-editor-summary .payment-input-row[b-lgqrlqh44a] {
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.07) !important;
    }

    .order-editor-summary .payment-input-row input[b-lgqrlqh44a] {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #FFFFFF !important;
    }

    .order-editor-summary .payment-input-row span[b-lgqrlqh44a],
    .order-editor-summary .currency-suffix[b-lgqrlqh44a] {
        color: #C7D2E3 !important;
    }

    .order-editor-summary .realization-field label[b-lgqrlqh44a] {
        color: #C7D2E3 !important;
    }

    .order-editor-summary .realization-date-shell[b-lgqrlqh44a] {
        border-color: rgba(255, 255, 255, 0.14) !important;
        background: rgba(255, 255, 255, 0.07) !important;
    }

    .order-editor-summary .btn-save[b-lgqrlqh44a] {
        min-height: 50px;
        background: #FFFFFF !important;
        color: #172033 !important;
        box-shadow: 0 10px 24px rgba(3, 7, 18, 0.22);
    }

    .order-editor-summary .btn-save:hover:not(:disabled)[b-lgqrlqh44a] {
        background: #F1F5F9 !important;
    }
    .spinner-small[b-lgqrlqh44a] { width: 20px; height: 20px; border: 2px solid #E2E8F0; border-top-color: #0F172A; border-radius: 50%; animation: spin-b-lgqrlqh44a 0.8s linear infinite; }

    /* --- FORMULARZE I AI --- */
    .form-stack[b-lgqrlqh44a] { display: flex; flex-direction: column; gap: 16px; }

    .customer-picker[b-lgqrlqh44a] {
        position: relative;
        display: grid;
        gap: 8px;
        margin: -4px 0 18px;
        padding-bottom: 16px;
        border-bottom: 1px solid #EEF2F6;
        z-index: 5;
    }
    .customer-picker-search[b-lgqrlqh44a] {
        min-height: 44px;
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 0 11px;
        border: 1px solid #DCE4EB;
        border-radius: 12px;
        background: #FFFFFF;
        transition: .18s ease;
    }
    .customer-picker-search:focus-within[b-lgqrlqh44a] { border-color: #32805B; box-shadow: 0 0 0 3px rgba(45,128,89,.09); }
    .customer-picker-search > .material-symbols-rounded[b-lgqrlqh44a] { color: #7E8A9A; font-size: 20px; }
    .customer-picker-search input[b-lgqrlqh44a] { min-width:0!important; width:100%!important; min-height:0!important; padding:0!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; color:#263246!important; font:inherit; font-size:13px!important; }
    .customer-search-spinner[b-lgqrlqh44a] { width: 16px; height: 16px; flex: 0 0 auto; border: 2px solid #DCE7E1; border-top-color: #2D8059; border-radius: 50%; animation: spin-b-lgqrlqh44a .7s linear infinite; }
    .customer-picker-hint[b-lgqrlqh44a] { color: #8B96A5; font-size: 10px; line-height: 1.4; }
    .selected-customer[b-lgqrlqh44a] {
        min-height: 48px;
        display: grid;
        grid-template-columns: 34px 1fr 32px;
        align-items: center;
        gap: 10px;
        padding: 7px 8px 7px 10px;
        border: 1px solid #CFE5D8;
        border-radius: 13px;
        background: #F2F9F5;
        color: #1D714C;
    }
    .selected-customer.blacklisted[b-lgqrlqh44a] { border-color: #FFD0D4; background: #FFF4F5; color: #BF303D; }
    .selected-customer > .material-symbols-rounded[b-lgqrlqh44a] { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.82); font-size: 19px; }
    .selected-customer > div[b-lgqrlqh44a] { min-width: 0; display: grid; gap: 2px; }
    .selected-customer strong[b-lgqrlqh44a] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #1D2A3D; font-size: 12px; }
    .selected-customer small[b-lgqrlqh44a] { color: currentColor; font-size: 10px; }
    .selected-customer button[b-lgqrlqh44a] { width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 9px; background: rgba(255,255,255,.75); color: #667387; cursor: pointer; }
    .selected-customer button span[b-lgqrlqh44a] { font-size: 17px; }
    .customer-picker-results[b-lgqrlqh44a] {
        position: absolute;
        top: 48px;
        left: 0;
        right: 0;
        max-height: 300px;
        overflow-y: auto;
        padding: 6px;
        border: 1px solid #DFE5EB;
        border-radius: 13px;
        background: #FFFFFF;
        box-shadow: 0 18px 38px rgba(20,31,47,.15);
        z-index: 20;
    }
    .customer-picker-results button[b-lgqrlqh44a] {
        width: 100%;
        min-height: 52px;
        display: grid;
        grid-template-columns: 34px 1fr auto;
        align-items: center;
        gap: 9px;
        padding: 7px 9px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: #29364A;
        text-align: left;
        cursor: pointer;
    }
    .customer-picker-results button:hover[b-lgqrlqh44a] { background: #F4F8F6; }
    .customer-picker-results button.blacklisted[b-lgqrlqh44a] { color: #B72C39; }
    .customer-result-icon[b-lgqrlqh44a] { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #EEF5F1; color: #2B7856; font-size: 18px; }
    .customer-picker-results button.blacklisted .customer-result-icon[b-lgqrlqh44a] { background: #FFF0F1; color: #C02C39; }
    .customer-picker-results button > span:nth-child(2)[b-lgqrlqh44a] { min-width: 0; display: grid; gap: 2px; }
    .customer-picker-results strong[b-lgqrlqh44a], .customer-picker-results small[b-lgqrlqh44a] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .customer-picker-results strong[b-lgqrlqh44a] { color: #243146; font-size: 11px; }
    .customer-picker-results small[b-lgqrlqh44a] { color: #8691A0; font-size: 9px; }
    .customer-picker-results b[b-lgqrlqh44a] { padding: 4px 7px; border-radius: 999px; background: #EAF6EF; color: #1F764D; font-size: 9px; }
    .customer-picker-empty[b-lgqrlqh44a] { padding: 14px; color: #8290A0; font-size: 11px; text-align: center; }
    
    .input-light[b-lgqrlqh44a] {
        width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid transparent;
        background: #F8FAFC; color: #334155; font-size: 14px; font-weight: 500;
        transition: all 0.3s ease;
    }

    /* Animacja AI na inputach */
    .input-light.ai-scanning[b-lgqrlqh44a] {
        background: linear-gradient(90deg, #F8FAFC 0%, #E0E7FF 50%, #F8FAFC 100%);
        background-size: 200% 100%;
        animation: shimmer-b-lgqrlqh44a 1.5s infinite linear;
        border-color: #818CF8;
        color: #4338CA;
    }
    
    @keyframes shimmer-b-lgqrlqh44a {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
    }

    .row-2[b-lgqrlqh44a] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .row-address[b-lgqrlqh44a] { display: flex; gap: 12px; }
    .street[b-lgqrlqh44a] { flex: 1; min-width: 0; }
    .house[b-lgqrlqh44a] { width: 70px; }

    .field-group[b-lgqrlqh44a] { margin-bottom: 16px; }
    .field-group:last-child[b-lgqrlqh44a] { margin-bottom: 0; }
    .field-group label[b-lgqrlqh44a] { display: block; font-size: 11px; font-weight: 700; color: #94A3B8; margin-bottom: 6px; text-transform: uppercase; }

    .select-value[b-lgqrlqh44a] { display: flex; align-items: center; gap: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .status-dot[b-lgqrlqh44a] { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
    .spread-item[b-lgqrlqh44a] { display: flex; justify-content: space-between; width: 100%; gap: 10px; }
    .spread-item b[b-lgqrlqh44a] { white-space: nowrap; }

    /* --- PRZYCISK AI (MAGIC) --- */
    .ai-magic-btn[b-lgqrlqh44a] {
        background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
        color: #FFFFFF;
        border: none;
        border-radius: 12px;
        padding: 6px 12px;
        font-size: 12px; font-weight: 700;
        cursor: pointer;
        display: flex; align-items: center; gap: 6px;
        transition: all 0.2s;
        box-shadow: 0 2px 10px rgba(79, 70, 229, 0.2);
    }
    .ai-magic-btn:hover[b-lgqrlqh44a] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
    }
    .ai-magic-btn:active[b-lgqrlqh44a] { transform: translateY(0); }
    .ai-magic-btn.working[b-lgqrlqh44a] {
        cursor: wait; opacity: 0.9;
    }
    .spinner-mini-white[b-lgqrlqh44a] {
        width: 14px; height: 14px;
        border: 2px solid rgba(255,255,255,0.3); border-top-color: #FFFFFF;
        border-radius: 50%; animation: spin-b-lgqrlqh44a 0.8s linear infinite;
    }

    @keyframes spin-b-lgqrlqh44a { to { transform: rotate(360deg); } }
    @keyframes animate-fade-in-b-lgqrlqh44a { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
    .animate-fade-in[b-lgqrlqh44a] { animation: animate-fade-in-b-lgqrlqh44a 0.3s ease-out; }

    /* --- RESPONSYWNOŚĆ (MOBILE) --- */
    @media (max-width: 960px) {
        .page-container[b-lgqrlqh44a] {
            padding: 16px 16px 40px 16px;
            width: 100%;
        }

        .layout-grid[b-lgqrlqh44a] {
            grid-template-columns: 100%;
            gap: 20px;
        }

        .col-sidebar[b-lgqrlqh44a] {
            order: 2; 
        }
        
        .product-item[b-lgqrlqh44a] {
            grid-template-columns: 44px minmax(0, 1fr);
            gap: 12px;
            padding: 16px 0;
        }

        .pi-controls[b-lgqrlqh44a] {
            grid-column: 1 / -1;
            width: 100%;
            justify-content: space-between;
        }

        .pi-image[b-lgqrlqh44a] { width: 44px; height: 44px; border-radius: 12px; }

        .currency-panel[b-lgqrlqh44a] {
            grid-template-columns: 1fr;
            padding: 14px;
            gap: 12px;
        }

        .currency-controls[b-lgqrlqh44a] {
            grid-template-columns: 1fr 1fr;
            justify-content: stretch;
            width: 100%;
        }

        .currency-select[b-lgqrlqh44a],
        .currency-rate-field[b-lgqrlqh44a],
        .btn-currency-apply[b-lgqrlqh44a] {
            min-width: 0;
            width: 100%;
        }

        .btn-rate-refresh[b-lgqrlqh44a] {
            width: 100%;
        }

        .btn-currency-apply[b-lgqrlqh44a] {
            grid-column: span 2;
        }

        .input-light[b-lgqrlqh44a], .card[b-lgqrlqh44a] {
            max-width: 100%;
        }
    }
.form-limit-alert[b-lgqrlqh44a] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #FEF2F2;
    color: #B91C1C;
    border: 1px solid #FECACA;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 700;
}

.form-limit-alert .material-symbols-rounded[b-lgqrlqh44a] {
    font-size: 20px;
    flex: 0 0 auto;
}

@media (max-width: 520px) {
    .currency-controls[b-lgqrlqh44a] {
        grid-template-columns: 1fr;
    }

    .btn-currency-apply[b-lgqrlqh44a] {
        grid-column: auto;
    }
}
.order-editor-loading[b-lgqrlqh44a] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(248, 250, 252, .88);
    backdrop-filter: blur(10px);
}

.order-editor-loading-card[b-lgqrlqh44a] {
    width: min(360px, 100%);
    display: grid;
    justify-items: center;
    gap: 9px;
    padding: 28px;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .12);
    text-align: center;
}

.order-editor-loading-card strong[b-lgqrlqh44a] { color: #0f172a; font-size: 15px; }
.order-editor-loading-card small[b-lgqrlqh44a] { color: #64748b; line-height: 1.45; }
.order-editor-spinner[b-lgqrlqh44a] { width: 34px; height: 34px; border: 3px solid #dbeafe; border-top-color: #2563eb; border-radius: 50%; animation: orderEditorSpin-b-lgqrlqh44a .75s linear infinite; }
@keyframes orderEditorSpin-b-lgqrlqh44a { to { transform: rotate(360deg); } }
/* /Pages/OrdersList.razor.rz.scp.css */
    /* =========================================
       REVOLUT / CLEAN FINTECH THEME - NO ROOT
       =========================================
    */

    .app-container[b-h72pwj8sn8] {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        color: #191c1f;
        min-height: 100vh;
        max-width: 1200px;
        margin: 0 auto;
        padding: 32px 20px;
        box-sizing: border-box;
    }

    /* --- TOP BAR --- */
    .top-bar[b-h72pwj8sn8] { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
    .bar-left h1[b-h72pwj8sn8] { font-size: 28px; font-weight: 800; margin: 0; letter-spacing: -0.5px; }
    .bar-left p[b-h72pwj8sn8] { color: #8e959b; font-size: 14px; margin: 4px 0 0 0; }
    
    .bar-right[b-h72pwj8sn8] { display: flex; gap: 12px; }
    .action-btn[b-h72pwj8sn8] {
        height: 40px; padding: 0 20px; border-radius: 10px;
        font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 6px; cursor: pointer; transition: 0.2s; border: none;
    }
    .action-btn.secondary[b-h72pwj8sn8] { background: #fff; color: #191c1f; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
    .action-btn.secondary:hover[b-h72pwj8sn8], .action-btn.secondary.active[b-h72pwj8sn8] { background: #f0f2f5; }
    .action-btn.primary[b-h72pwj8sn8] { background: #191c1f; color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
    .action-btn.primary:hover[b-h72pwj8sn8] { transform: translateY(-1px); }

    /* --- FILTERS DRAWER --- */
    .filters-section[b-h72pwj8sn8] {
        background: #fff; border-radius: 16px; padding: 0; 
        max-height: 0; overflow: hidden; opacity: 0; transition: all 0.3s ease; margin-bottom: 0;
    }
    .filters-section.visible[b-h72pwj8sn8] { padding: 24px; margin-bottom: 24px; max-height: 600px; opacity: 1; box-shadow: 0 4px 20px rgba(0,0,0,0.03); }

    .filters-grid[b-h72pwj8sn8] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 16px;
    }
    .full-width[b-h72pwj8sn8] { grid-column: 1 / -1; }

    /* Modern "Pill" Inputs */
    .input-pill[b-h72pwj8sn8], .select-pill[b-h72pwj8sn8], .date-range-pill[b-h72pwj8sn8] {
        background: #f3f4f6;
        border-radius: 12px;
        height: 48px;
        display: flex; align-items: center; padding: 0 16px;
        position: relative; transition: 0.2s;
    }
    .input-pill:focus-within[b-h72pwj8sn8], .select-pill:focus-within[b-h72pwj8sn8], .date-range-pill:focus-within[b-h72pwj8sn8] {
        background: #fff; box-shadow: 0 0 0 2px #191c1f;
    }

    .input-pill input[b-h72pwj8sn8], .select-pill select[b-h72pwj8sn8], .date-range-pill input[b-h72pwj8sn8] {
        border: none; background: transparent; width: 100%; height: 100%; outline: none; 
        font-size: 14px; color: #191c1f; font-weight: 500; font-family: inherit;
    }
    .select-pill select[b-h72pwj8sn8] { appearance: none; cursor: pointer; z-index: 2; }
    
    .input-pill .icon[b-h72pwj8sn8] { color: #8e959b; margin-right: 12px; font-size: 20px; }
    .select-pill .chevron[b-h72pwj8sn8] { position: absolute; right: 16px; color: #8e959b; pointer-events: none; }
    
    .date-range-pill input[b-h72pwj8sn8] { text-align: center; }
    .date-range-pill .arrow[b-h72pwj8sn8] { color: #8e959b; margin: 0 8px; font-weight: bold; }

    .filter-actions[b-h72pwj8sn8] { display: flex; justify-content: flex-end; align-items: center; gap: 16px; margin-top: 8px; }
    .reset-link[b-h72pwj8sn8] { background: none; border: none; color: #8e959b; font-size: 13px; font-weight: 600; cursor: pointer; }
    .reset-link:hover[b-h72pwj8sn8] { color: #191c1f; }
    .apply-btn[b-h72pwj8sn8] {
        background: #191c1f; color: #fff; border: none; padding: 0 24px; height: 40px; border-radius: 20px;
        font-weight: 600; cursor: pointer; font-size: 13px;
    }

    /* --- LIST CONTAINER --- */
    .list-container[b-h72pwj8sn8] { display: flex; flex-direction: column; gap: 12px; }

    .list-headers[b-h72pwj8sn8] {
        display: grid;
        grid-template-columns: 50px 2.5fr 1.5fr 1.2fr 1.2fr;
        padding: 0 24px; margin-bottom: -4px;
        font-size: 11px; font-weight: 700; text-transform: uppercase; color: #8e959b; letter-spacing: 0.5px;
    }

    /* --- LIST ITEM --- */
    .list-item[b-h72pwj8sn8] {
        background: #fff;
        border-radius: 16px;
        padding: 16px 24px;
        display: grid;
        grid-template-columns: 50px 2.5fr 1.5fr 1.2fr 1.2fr;
        align-items: center;
        margin-top: 20px;
        transition: transform 0.2s, box-shadow 0.2s;
        cursor: pointer;
        border: 1px solid transparent;
        box-shadow: 0 2px 4px rgba(0,0,0,0.01);
    }
    .list-item:hover[b-h72pwj8sn8] {
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.06);
        z-index: 10;
    }
    .list-item.selected[b-h72pwj8sn8] {
        background: #f4f6fc;
        border-color: #dbe4ff;
    }

    .list-item.overdue[b-h72pwj8sn8] {
        border-color: #fecaca;
        box-shadow: 0 8px 24px rgba(220, 38, 38, 0.08);
    }

    .list-item.tomorrow[b-h72pwj8sn8] {
        border-color: #fde68a;
        box-shadow: 0 8px 24px rgba(217, 119, 6, 0.08);
    }

    /* Columns */
    .check-circle[b-h72pwj8sn8] { position: relative; width: 22px; height: 22px; cursor: pointer; display: block; }
    .check-circle input[b-h72pwj8sn8] { opacity: 0; position: absolute; }
    .check-circle .checkmark[b-h72pwj8sn8] {
        position: absolute; inset: 0; border: 2px solid #e0e0e0; border-radius: 50%; transition: 0.2s; background: #fff;
    }
    .check-circle input:checked ~ .checkmark[b-h72pwj8sn8] { background: #191c1f; border-color: #191c1f; }
    .check-circle input:checked ~ .checkmark[b-h72pwj8sn8]::after {
        content: ""; position: absolute; left: 7px; top: 3px; width: 4px; height: 9px;
        border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);
    }

    .col-main[b-h72pwj8sn8] { display: flex; align-items: center; gap: 12px; }
    .avatar-circle[b-h72pwj8sn8] {
        width: 44px; height: 44px; border-radius: 50%;
        background: #f0f2f5; color: #191c1f;
        display: flex; align-items: center; justify-content: center;
        font-weight: 700; font-size: 16px; flex-shrink: 0;
    }
    .text-group[b-h72pwj8sn8] { display: flex; flex-direction: column; }
    .primary-text[b-h72pwj8sn8] { font-weight: 700; font-size: 15px; color: #191c1f; }
    .customer-with-country[b-h72pwj8sn8] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-width: 0;
    }
    .customer-with-country > span:first-child[b-h72pwj8sn8] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .order-country-flag[b-h72pwj8sn8] {
        flex: 0 0 auto;
        font-size: 16px;
        line-height: 1;
        filter: saturate(1.08);
    }
    .order-blacklist-flag[b-h72pwj8sn8] {
        flex: 0 0 auto;
        color: #be2635;
        font-size: 17px;
        font-weight: 400;
        line-height: 1;
    }
    .sub-line[b-h72pwj8sn8] { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #8e959b; margin-top: 2px; }
    .order-id[b-h72pwj8sn8] { font-family: monospace; font-weight: 600; color: #191c1f; }
    .dot-sep[b-h72pwj8sn8] { font-size: 8px; opacity: 0.5; }
    .realization-chip[b-h72pwj8sn8] {
        width: fit-content;
        max-width: 100%;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 7px;
        padding: 5px 9px;
        border-radius: 999px;
        background: #f8fafc;
        color: #475569;
        border: 1px solid #e2e8f0;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
    }
    .realization-chip .material-symbols-rounded[b-h72pwj8sn8] {
        font-size: 14px;
        flex: 0 0 auto;
    }
    .realization-chip.future[b-h72pwj8sn8] {
        background: #eff6ff;
        color: #1d4ed8;
        border-color: #bfdbfe;
    }
    .realization-chip.tomorrow[b-h72pwj8sn8] {
        background: #fffbeb;
        color: #b45309;
        border-color: #fde68a;
    }
    .realization-chip.overdue[b-h72pwj8sn8] {
        background: #fef2f2;
        color: #dc2626;
        border-color: #fecaca;
    }
    .realization-chip.completed[b-h72pwj8sn8] {
        background: #ecfdf5;
        color: #047857;
        border-color: #bbf7d0;
    }
    .production-order-chip[b-h72pwj8sn8] {
        width: fit-content;
        max-width: 100%;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 7px;
        padding: 5px 9px;
        border-radius: 999px;
        background: #eff6ff;
        color: #1d4ed8;
        border: 1px solid #bfdbfe;
        font-size: 11px;
        font-weight: 900;
        line-height: 1.2;
    }
    .production-order-chip .material-symbols-rounded[b-h72pwj8sn8] {
        font-size: 14px;
    }
    .origin-chip[b-h72pwj8sn8] {
        width: fit-content;
        max-width: 100%;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-top: 8px;
        padding: 5px 9px;
        border-radius: 999px;
        background: #eef6ff;
        color: #1d4ed8;
        border: 1px solid #bfdbfe;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
    }

    .open-order-confirm[b-h72pwj8sn8] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
        padding: 8px 4px 2px;
    }

    .open-order-confirm .confirm-icon[b-h72pwj8sn8] {
        width: 52px;
        height: 52px;
        border-radius: 18px;
        background: #eef2ff;
        color: #4f46e5;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .open-order-confirm .confirm-icon span[b-h72pwj8sn8] {
        font-size: 26px;
    }

    .open-order-confirm h3[b-h72pwj8sn8] {
        margin: 0;
        color: #0f172a;
        font-size: 18px;
        font-weight: 800;
    }

    .open-order-confirm p[b-h72pwj8sn8] {
        margin: 0;
        max-width: 420px;
        color: #64748b;
        font-size: 14px;
        line-height: 1.45;
    }

    .confirm-order-line[b-h72pwj8sn8] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 12px;
        border-radius: 14px;
        background: #f8fafc;
        color: #475569;
        font-size: 13px;
        text-align: left;
    }

    .confirm-order-line strong[b-h72pwj8sn8] {
        min-width: 0;
        color: #0f172a;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .confirm-actions[b-h72pwj8sn8] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 4px;
    }

    .confirm-secondary[b-h72pwj8sn8],
    .confirm-primary[b-h72pwj8sn8] {
        min-height: 44px;
        border: 0;
        border-radius: 13px;
        font-family: inherit;
        font-size: 13px;
        font-weight: 800;
        cursor: pointer;
    }

    .confirm-secondary[b-h72pwj8sn8] {
        background: #f1f5f9;
        color: #334155;
    }

    .confirm-primary[b-h72pwj8sn8] {
        background: #0f172a;
        color: #ffffff;
    }
    .origin-chip .material-symbols-rounded[b-h72pwj8sn8] {
        font-size: 14px;
        flex: 0 0 auto;
    }
    .origin-chip span:last-child[b-h72pwj8sn8] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .col-logistics[b-h72pwj8sn8] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
    .tag-group[b-h72pwj8sn8] { display: flex; flex-wrap: wrap; gap: 6px; }
    .mini-tag[b-h72pwj8sn8] {
        display: inline-flex; align-items: center; gap: 4px;
         padding: 4px 8px; border-radius: 6px;
        font-size: 11px; color: #525866; font-weight: 500;
    }
    .mini-tag span.material-symbols-rounded[b-h72pwj8sn8] { font-size: 14px; color: #9ca3af; }

    .shipment-mini-chip[b-h72pwj8sn8] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 5px 9px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 800;
        max-width: 100%;
        color: #2563eb;
        background: #eff6ff;
        border: 1px solid #bfdbfe;
    }

    .shipment-mini-chip .material-symbols-rounded[b-h72pwj8sn8] {
        font-size: 15px;
        flex: 0 0 auto;
    }

    .shipment-mini-chip span:last-child[b-h72pwj8sn8] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .shipment-mini-chip.delivered[b-h72pwj8sn8] {
        color: #047857;
        background: #ecfdf5;
        border-color: #bbf7d0;
    }

    .shipment-mini-chip.sent[b-h72pwj8sn8] {
        color: #0369a1;
        background: #e0f2fe;
        border-color: #bae6fd;
    }

    .shipment-mini-chip.problem[b-h72pwj8sn8] {
        color: #b91c1c;
        background: #fef2f2;
        border-color: #fecaca;
    }

    .status-badge[b-h72pwj8sn8] {
        padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 600;
        display: inline-block; white-space: nowrap;
    }

    .col-price[b-h72pwj8sn8] { text-align: right; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
    .amount[b-h72pwj8sn8] { font-weight: 800; font-size: 16px; color: #191c1f; }
    .payment-status[b-h72pwj8sn8] { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #8e959b; font-weight: 500; margin-top: 2px; }
    .status-dot[b-h72pwj8sn8] { width: 6px; height: 6px; border-radius: 50%; }

    .pagination-bar[b-h72pwj8sn8] { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
    .page-size-control[b-h72pwj8sn8] { display: inline-flex; align-items: center; gap: 8px; color: #667085; font-size: 0.78rem; }
    .page-size-control select[b-h72pwj8sn8] { min-width: 76px; height: 38px; padding: 0 30px 0 12px; border: 1px solid #dfe3e8; border-radius: 10px; background: #fff; color: #191c1f; font: inherit; font-weight: 700; }
    .pg-arrow[b-h72pwj8sn8] { background: #fff; border: 1px solid #e0e0e0; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #191c1f; transition: 0.2s; }
    .pg-arrow:hover:not(:disabled)[b-h72pwj8sn8] { border-color: #191c1f; background: #191c1f; color: #fff; }
    .pg-arrow:disabled[b-h72pwj8sn8] { opacity: 0.4; cursor: not-allowed; }
    .pg-label[b-h72pwj8sn8] { font-size: 13px; font-weight: 600; color: #8e959b; }

    .center-state[b-h72pwj8sn8] { text-align: center; padding: 60px; color: #8e959b; }
    .icon-big[b-h72pwj8sn8] { font-size: 48px; opacity: 0.3; margin-bottom: 8px; }

    @media (max-width: 900px) {
        .app-container[b-h72pwj8sn8] { padding: 16px; max-width: 100%; }
        
        /* --- ZMIANA: PRZYCISKI POD TEKST GŁÓWNY --- */
        .top-bar[b-h72pwj8sn8] { 
            flex-direction: column; 
            align-items: flex-start; 
            gap: 16px; 
        }
        .bar-right[b-h72pwj8sn8] {
            width: 100%;
            justify-content: flex-start; /* lub space-between jeśli wolisz rozciągnięte */
        }
        /* ------------------------------------------ */
        .avatar-circle[b-h72pwj8sn8] { width: 40px; height: 40px; flex: 0 0 40px; }

        .list-headers[b-h72pwj8sn8] { display: none; }
        .filters-grid[b-h72pwj8sn8] { grid-template-columns: 1fr; } 

        .list-item[b-h72pwj8sn8] {
            display: flex; flex-direction: column; align-items: stretch;
            gap: 16px; padding: 20px; position: relative;
        }

        .col-main[b-h72pwj8sn8] { margin-left: 36px; }
        .text-group[b-h72pwj8sn8] {
            min-width: 0;
            padding-right: 116px;
        }
        .origin-chip[b-h72pwj8sn8] {
            max-width: 100%;
        }
        .realization-chip[b-h72pwj8sn8] {
            max-width: 100%;
        }
        .li-col.col-check[b-h72pwj8sn8] { position: absolute; top: 24px; left: 20px; z-index: 5; }

        .col-price[b-h72pwj8sn8] { position: absolute; top: 24px; right: 20px; align-items: flex-end; }
        .amount[b-h72pwj8sn8] { font-size: 17px; }

        .col-logistics[b-h72pwj8sn8] { 
            border-top: 1px solid #f0f2f5; padding-top: 16px; 
            flex-direction: row; justify-content: space-between; align-items: center;
        }
        .status-badge[b-h72pwj8sn8] { width: 100%; text-align: center; }

        .col-status[b-h72pwj8sn8] { 
        order: 10; 
        margin-top: 4px; 
        align-items: center; /* Na telefonie wyśrodkowane lub rozciągnięte */
        width: 100%;
    }

    /* Transformacja kółka w "pastylkę" z tekstem na telefonie */
    .notes-wrapper[b-h72pwj8sn8] {
        width: auto;
        height: auto;
        border-radius: 8px;
        padding: 6px 12px;
        gap: 6px;
        margin-top: 4px;
        width: 100%; /* Rozciąga na całą szerokość, podobnie jak status */
        background-color: #fdfae3; 
    }

    .notes-label[b-h72pwj8sn8] {
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
    }


    }
    @media (max-width: 400px)
    {
        .text-group[b-h72pwj8sn8] { padding-right: 96px; }
        .primary-text[b-h72pwj8sn8] {  max-width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .origin-chip[b-h72pwj8sn8] { max-width: 100%; }
        .realization-chip[b-h72pwj8sn8] { max-width: 100%; }
        .confirm-actions[b-h72pwj8sn8] { grid-template-columns: 1fr; }
    }

    /* --- UWAGI DO ZAMÓWIENIA (DESKTOP) --- */
.col-status[b-h72pwj8sn8] {
    display: flex;
    flex-direction: column;
    align-items: center; /* Środkuje status i ikonkę w poziomie */
    justify-content: center; /* Środkuje całość w pionie wiersza */
    gap: 8px;
}

.notes-wrapper[b-h72pwj8sn8] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #fdfae3; /* Delikatny, pastelowy żółty */
    color: #d9a01c; /* Ciemniejszy, ostrzegawczy żółty dla ikony */
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s;
}

.notes-wrapper:hover[b-h72pwj8sn8] {
    background-color: #fcf4cb;
}

.notes-icon[b-h72pwj8sn8] {
    font-size: 16px;
}

.notes-label[b-h72pwj8sn8] {
    display: none; /* Ukryte na desktopie (tylko kółko) */
}

/* Tooltip (Hover) */
.notes-tooltip[b-h72pwj8sn8] {
    position: absolute;
    bottom: 115%; /* Wysuwa się nad ikonę */
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: #191c1f;
    color: #fff;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    width: max-content;
    max-width: 280px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 100;
    pointer-events: none; /* Nie blokuje kliknięć, zapobiega migotaniu kursora */
    text-align: left;
}

/* Strzałka w dół dla tooltipa */
.notes-tooltip[b-h72pwj8sn8]::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #191c1f transparent transparent transparent;
}

/* Pokazywanie tooltipa na desktopie */

    .notes-wrapper:hover .notes-tooltip[b-h72pwj8sn8] {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }


.notes-tooltip strong[b-h72pwj8sn8] {
    display: block;
    margin-bottom: 4px;
    color: #8e959b;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.notes-tooltip p[b-h72pwj8sn8] {
    margin: 0;
    line-height: 1.4;
    white-space: normal;
    font-weight: 500;
}

/* --- TOOLTIP PŁATNOŚCI (DESKTOP) --- */
.payment-status[b-h72pwj8sn8] {
    position: relative; /* Wymagane, by tooltip trzymał się tego miejsca */
    transition: color 0.2s;
}

.payment-status.has-tooltip[b-h72pwj8sn8] {
    cursor: pointer;
}

/* --- ZMIANY DLA ALARMÓW PŁATNOŚCI --- */
.payment-status[b-h72pwj8sn8] {
    position: relative;
    transition: filter 0.2s, transform 0.2s;
}

.payment-status.has-tooltip[b-h72pwj8sn8] {
    cursor: pointer;
}

/* Zamiast zmieniać kolor tekstu na czarny, delikatnie przyciemniamy całą pastylkę */
.payment-status.has-tooltip:hover[b-h72pwj8sn8] {
    filter: brightness(0.92);
}

/* Nowy styl pastylki (Badge) dla nadpłat i niedopłat */
.payment-status.alert-badge[b-h72pwj8sn8] {
    padding: 4px 10px;
    border-radius: 8px;
    font-weight: 700;
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.2px;
}



.payment-tooltip[b-h72pwj8sn8] {
    position: absolute;
    bottom: 135%; /* Wysunięcie w górę nad napis */
    right: 0; /* Równa do prawej krawędzi tekstu */
    background: #191c1f;
    color: #fff;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    width: max-content;
    min-width: 150px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease;
    z-index: 100;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
}

/* Strzałka w dół dla tooltipa płatności */
.payment-tooltip[b-h72pwj8sn8]::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 20px; /* Strzałka po prawej stronie dymka */
    border-width: 6px;
    border-style: solid;
    border-color: #191c1f transparent transparent transparent;
}

/* Wiersze wewnątrz dymka (np. "Wpłacono: 100 zł") */
.pt-row[b-h72pwj8sn8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.pt-row span[b-h72pwj8sn8] {
    color: #8e959b;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.pt-row strong[b-h72pwj8sn8] {
    font-size: 13px;
    font-weight: 700;
}


    .payment-status.has-tooltip:hover .payment-tooltip[b-h72pwj8sn8] {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }




    /* --- WYRÓWNANIE KWOTY I IKONY --- */
.amount-wrapper[b-h72pwj8sn8] {
    display: flex;
    align-items: center;
    gap: 6px; /* Odstęp między kwotą a zielonym kółkiem */
}

/* --- ZIELONE KÓŁKO Z CHECKIEM --- */
.success-circle[b-h72pwj8sn8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #34c759; /* Żywy, apple'owy zielony */
    color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(52, 199, 89, 0.2); /* Lekka poświata dodająca głębi */
}

.success-circle .material-symbols-rounded[b-h72pwj8sn8] {
    font-size: 14px; /* Mniejsza ikona, by zmieściła się w kółku */
    font-weight: 800; /* Mocniejsze pogrubienie dla lepszej czytelności */
}

    .product-pills[b-h72pwj8sn8] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        margin-top: 8px;
        width: 100%;
    }

    .prod-pill[b-h72pwj8sn8] {
        display: inline-flex;
        align-items: center;
        background-color: #f4f6fc;
        border: 1px solid #dbe4ff;
        border-radius: 8px;
        padding: 4px 8px;
        font-size: 11px;
        white-space: nowrap;
        transition: transform 0.2s, background-color 0.2s;
    }

    .prod-pill:hover[b-h72pwj8sn8] {
        background-color: #e5edff;
        transform: translateY(-1px);
    }

    .prod-pill.in-production[b-h72pwj8sn8] {
        background: #eff6ff;
        border-color: #93c5fd;
        color: #1d4ed8;
    }

    .prod-production-date[b-h72pwj8sn8] {
        margin-left: 6px;
        font-weight: 900;
        color: #1d4ed8;
    }

    .prod-qty[b-h72pwj8sn8] {
        font-weight: 800;
        color: #191c1f;
        margin-right: 6px;
        background-color: #fff;
        padding: 2px 6px;
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    }

    .prod-name[b-h72pwj8sn8] {
        font-weight: 500;
        color: #525866;
    }

.orders-action-message[b-h72pwj8sn8] {
    display: grid;
    gap: 12px;
    justify-items: center;
    text-align: center;
    padding: 10px 4px 4px;
}

.orders-action-message > .material-symbols-rounded[b-h72pwj8sn8] {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #2563eb;
    font-size: 26px;
}

.orders-action-message.error > .material-symbols-rounded[b-h72pwj8sn8] {
    background: #fef2f2;
    color: #dc2626;
}

.orders-action-message p[b-h72pwj8sn8] {
    margin: 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-line;
}

.bulk-shipment-sheet[b-h72pwj8sn8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 2px 0 4px;
}

.bulk-shipment-settings[b-h72pwj8sn8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: min(76vh, 760px);
}

.bulk-shipment-hero[b-h72pwj8sn8],
.bulk-result-summary[b-h72pwj8sn8],
.bulk-settings-intro[b-h72pwj8sn8] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(135deg, #eff6ff, #f8fafc);
    border: 1px solid #dbeafe;
}

.bulk-shipment-hero > .material-symbols-rounded[b-h72pwj8sn8],
.bulk-result-summary > .material-symbols-rounded[b-h72pwj8sn8],
.bulk-settings-intro > .material-symbols-rounded[b-h72pwj8sn8] {
    width: 44px;
    height: 44px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2563eb;
    color: white;
    font-size: 24px;
    flex: 0 0 auto;
}

.bulk-shipment-hero h3[b-h72pwj8sn8],
.bulk-result-summary h3[b-h72pwj8sn8],
.bulk-settings-intro h3[b-h72pwj8sn8] {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 900;
    color: #0f172a;
}

.bulk-shipment-hero p[b-h72pwj8sn8],
.bulk-result-summary p[b-h72pwj8sn8],
.bulk-settings-intro p[b-h72pwj8sn8] {
    margin: 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.45;
}

.bulk-settings-intro[b-h72pwj8sn8] {
    background: linear-gradient(135deg, #f0fdf4, #f8fafc);
    border-color: #bbf7d0;
}

.bulk-settings-intro > .material-symbols-rounded[b-h72pwj8sn8] {
    background: #16a34a;
}

.bulk-loading[b-h72pwj8sn8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}

.spinner.small[b-h72pwj8sn8] {
    width: 18px;
    height: 18px;
    border-width: 2px;
}

.loading-icon[b-h72pwj8sn8] {
    animation: shipment-spin-b-h72pwj8sn8 0.9s linear infinite;
}

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

.courier-choice-list[b-h72pwj8sn8],
.shipment-result-list[b-h72pwj8sn8],
.shipment-error-list[b-h72pwj8sn8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.courier-choice-card[b-h72pwj8sn8],
.shipment-result-row[b-h72pwj8sn8],
.shipment-error-row[b-h72pwj8sn8] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 13px 14px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #0f172a;
    text-align: left;
}

.courier-choice-card[b-h72pwj8sn8] {
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.courier-choice-card:hover[b-h72pwj8sn8] {
    transform: translateY(-1px);
    border-color: #bfdbfe;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .08);
}

.courier-choice-card > .material-symbols-rounded:first-child[b-h72pwj8sn8] {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eff6ff;
}

.courier-choice-card div[b-h72pwj8sn8],
.shipment-result-row div[b-h72pwj8sn8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.courier-choice-card strong[b-h72pwj8sn8],
.shipment-result-row strong[b-h72pwj8sn8],
.shipment-error-row strong[b-h72pwj8sn8] {
    font-size: 13px;
    font-weight: 900;
}

.courier-choice-card small[b-h72pwj8sn8],
.shipment-result-row small[b-h72pwj8sn8] {
    color: #64748b;
    font-size: 12px;
}

.courier-choice-card .arrow[b-h72pwj8sn8] {
    color: #94a3b8;
}

.print-all-labels[b-h72pwj8sn8] {
    min-height: 46px;
    border: none;
    border-radius: 15px;
    background: #0f172a;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.label-print-btn[b-h72pwj8sn8] {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #2563eb;
    cursor: pointer;
    flex: 0 0 auto;
}

.shipment-error-list[b-h72pwj8sn8] {
    padding-top: 4px;
}

.shipment-error-list h4[b-h72pwj8sn8] {
    margin: 0;
    color: #991b1b;
    font-size: 13px;
    font-weight: 900;
}

.shipment-error-row[b-h72pwj8sn8] {
    align-items: flex-start;
    border-color: #fecaca;
    background: #fef2f2;
}

.shipment-error-row span[b-h72pwj8sn8] {
    color: #7f1d1d;
    font-size: 12px;
    line-height: 1.45;
}

@media (max-width: 520px) {
    .bulk-shipment-hero[b-h72pwj8sn8],
    .bulk-result-summary[b-h72pwj8sn8] {
        padding: 14px;
    }

    .bulk-shipment-hero > .material-symbols-rounded[b-h72pwj8sn8],
    .bulk-result-summary > .material-symbols-rounded[b-h72pwj8sn8] {
        width: 38px;
        height: 38px;
        border-radius: 13px;
        font-size: 21px;
    }

    .shipment-result-row[b-h72pwj8sn8],
    .shipment-error-row[b-h72pwj8sn8],
    .courier-choice-card[b-h72pwj8sn8] {
        padding: 12px;
    }
}
/* /Pages/PMGarden.razor.rz.scp.css */
*[b-m4py6mxwi8] { box-sizing: border-box; }
.dashboard-container[b-m4py6mxwi8] { padding: 16px; font-family: 'Inter', sans-serif; color: #0F172A; max-width: 1400px; margin: 0 auto; position: relative; }

@media (min-width: 768px) {
    .dashboard-container[b-m4py6mxwi8] { padding: 24px; }
}

.top-action-bar[b-m4py6mxwi8] { display: flex; justify-content: flex-end; margin-bottom: 24px; }
@media (max-width: 640px) { .top-action-bar[b-m4py6mxwi8] { justify-content: stretch; } .top-action-bar .btn-outline-pill[b-m4py6mxwi8] { width: 100%; justify-content: center; } }
.btn-outline-pill[b-m4py6mxwi8] { background: white; border: 1px solid #E2E8F0; padding: 10px 20px; border-radius: 50px; font-weight: 600; font-size: 13px; color: #0F172A; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.btn-outline-pill:hover[b-m4py6mxwi8] { background: #F8FAFC; border-color: #CBD5E1; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }

.settings-grid[b-m4py6mxwi8] { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 1024px) { .settings-grid[b-m4py6mxwi8] { grid-template-columns: 1.5fr 1fr; } }
.grid-column[b-m4py6mxwi8] { display: flex; flex-direction: column; gap: 24px; }

.panel-card[b-m4py6mxwi8] { background: white; border-radius: 20px; border: 1px solid #E2E8F0; box-shadow: 0 2px 8px -2px rgba(0,0,0,0.05); overflow: hidden; display: flex; flex-direction: column; transition: transform 0.2s, box-shadow 0.2s; position: relative; }
.panel-card.overflow-visible[b-m4py6mxwi8] { overflow: visible !important; }
.hover-scale:hover[b-m4py6mxwi8] { transform: translateY(-2px); box-shadow: 0 6px 12px -2px rgba(0,0,0,0.08); }

.panel-header[b-m4py6mxwi8] { padding: 16px 20px; display: flex; align-items: center; justify-content: flex-start; gap: 16px; border-bottom: 1px solid #F1F5F9; }
.clickable-header[b-m4py6mxwi8] { cursor: pointer; transition: background 0.2s; }
.clickable-header:hover[b-m4py6mxwi8] { background: #F8FAFC; }

.panel-body[b-m4py6mxwi8] { padding: 20px; }
.panel-body.no-padding[b-m4py6mxwi8] { padding: 0; }

.icon-box[b-m4py6mxwi8] { width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.icon-box span[b-m4py6mxwi8] { font-size: 22px; }
.icon-box.green[b-m4py6mxwi8] { background: #ECFDF5; color: #059669; }
.icon-box.blue[b-m4py6mxwi8] { background: #EFF6FF; color: #2563EB; }
.icon-box.teal[b-m4py6mxwi8] { background: #F0FDFA; color: #0F766E; }
.icon-box.red[b-m4py6mxwi8] { background: #FEF2F2; color: #DC2626; }
.icon-box.purple[b-m4py6mxwi8] { background: #F5F3FF; color: #7C3AED; }
.icon-box.orange[b-m4py6mxwi8] { background: #FFF7ED; color: #EA580C; }
.icon-box.slate[b-m4py6mxwi8] { background: #F1F5F9; color: #64748B; }

.header-text[b-m4py6mxwi8] { flex-grow: 1; }
.header-text h3[b-m4py6mxwi8] { margin: 0; font-size: 15px; font-weight: 700; color: #0F172A; }
.header-text p[b-m4py6mxwi8] { margin: 2px 0 0 0; font-size: 12px; color: #64748B; }

.beta-badge[b-m4py6mxwi8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    color: #1D4ED8;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .06em;
    vertical-align: middle;
}

.beta-badge.inline[b-m4py6mxwi8] {
    margin-left: 4px;
    padding: 2px 6px;
    font-size: 8px;
}

.btn-icon-back[b-m4py6mxwi8] { background: transparent; border: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; cursor: pointer; color: #0F172A; transition: 0.2s; }
.btn-icon-back:hover[b-m4py6mxwi8] { background: #F1F5F9; }

.focus-view-container[b-m4py6mxwi8] { width: 100%; animation: slideUp-b-m4py6mxwi8 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.full-height[b-m4py6mxwi8] { min-height: calc(100vh - 100px); height: 100%; }
.focus-header[b-m4py6mxwi8] { padding: 20px; border-bottom: 1px solid #E2E8F0; display: flex; flex-direction: column; gap: 16px; }
@media (min-width: 768px) { .focus-header[b-m4py6mxwi8] { flex-direction: row; justify-content: space-between; align-items: center; } }
.focus-title-row[b-m4py6mxwi8] { display: flex; align-items: center; gap: 12px; }
.focus-filters[b-m4py6mxwi8] { display: flex; align-items: center; gap: 12px; width: 100%; overflow-x: auto; padding-bottom: 4px; }
@media (min-width: 768px) { .focus-filters[b-m4py6mxwi8] { width: auto; overflow-x: visible; padding-bottom: 0; } }

.date-pill-group[b-m4py6mxwi8] { display: flex; background: #F1F5F9; padding: 4px; border-radius: 50px; border: 1px solid #E2E8F0; white-space: nowrap; }
.date-pill[b-m4py6mxwi8] { display: flex; align-items: center; padding: 0 12px; border-right: 1px solid #E2E8F0; }
.date-pill:last-child[b-m4py6mxwi8] { border-right: none; }
.date-pill .label[b-m4py6mxwi8] { font-size: 11px; font-weight: 700; color: #64748B; margin-right: 6px; text-transform: uppercase; }
.date-pill input[b-m4py6mxwi8] { background: transparent; border: none; font-size: 13px; font-weight: 500; color: #0F172A; outline: none; width: 110px; font-family: inherit; }

.list-wrapper[b-m4py6mxwi8] { flex: 1; background: #FAFAFA; display: flex; flex-direction: column; position: relative; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; min-height: 400px;}
.list-scroll-area[b-m4py6mxwi8] { flex: 1; overflow-y: auto; display: flex; flex-direction: column; padding: 20px; }

.list-scroll-area.table-mode[b-m4py6mxwi8] { padding: 12px; gap: 4px; background: #FAFAFA; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.list-scroll-area.table-mode .table-row[b-m4py6mxwi8] { background: white; border: 1px solid #F1F5F9; border-radius: 16px; padding: 14px 20px; display: flex; align-items: center; gap: 16px; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; }
.list-scroll-area.table-mode .table-row:hover[b-m4py6mxwi8] { transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }

.list-container-mini[b-m4py6mxwi8] { display: flex; flex-direction: column; gap: 4px; padding: 8px; }
.complex-row[b-m4py6mxwi8] { padding: 12px 16px; border-radius: 16px; display: flex; align-items: center; gap: 16px; cursor: pointer; transition: 0.2s; background: white; }
.complex-row.compact[b-m4py6mxwi8] { padding: 10px 14px; gap: 12px; }
.complex-row:hover[b-m4py6mxwi8] { background: #F8FAFC; }
.empty-mini[b-m4py6mxwi8] { padding: 20px; text-align: center; color: #94A3B8; font-size: 12px; }

.row-indicator[b-m4py6mxwi8] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.bg-green[b-m4py6mxwi8] { background: #10B981; }
.bg-blue[b-m4py6mxwi8] { background: #3B82F6; }
.bg-teal[b-m4py6mxwi8] { background: #14B8A6; }
.bg-red[b-m4py6mxwi8] { background: #EF4444; }

.row-content[b-m4py6mxwi8] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.row-title[b-m4py6mxwi8] { font-size: 14px; font-weight: 600; color: #0F172A; white-space: normal; line-height: 1.3; word-break: break-word; }
.row-sub[b-m4py6mxwi8] { font-size: 12px; color: #64748B; white-space: normal; line-height: 1.4; word-break: break-word; display: block; }
.row-sub.monospace[b-m4py6mxwi8] { font-family: monospace; letter-spacing: -0.03em; }
.highlight-val[b-m4py6mxwi8] { color: #2563EB; font-weight: 600; display: inline-block; }

.row-meta-right[b-m4py6mxwi8] { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; align-self: center; }
.meta-date[b-m4py6mxwi8] { font-size: 11px; color: #94A3B8; font-weight: 500; }
.meta-date.big[b-m4py6mxwi8] { font-size: 13px; font-weight: 700; color: #0F172A; }
.meta-year[b-m4py6mxwi8] { font-size: 10px; color: #CBD5E1; }
.loss-amount[b-m4py6mxwi8] { color: #DC2626; font-weight: 700; font-size: 13px; }
.info-tag[b-m4py6mxwi8] { font-size: 11px; background: #F1F5F9; padding: 2px 6px; border-radius: 4px; color: #475569; border: 1px solid #E2E8F0; }

.status-badge[b-m4py6mxwi8] { display: flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 6px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
.badge-icon[b-m4py6mxwi8] { font-size: 14px; }
.status-success[b-m4py6mxwi8] { background: #ECFDF5; color: #059669; }
.status-warning[b-m4py6mxwi8] { background: #FFFBEB; color: #B45309; }
.status-danger[b-m4py6mxwi8] { background: #FEF2F2; color: #DC2626; }
.status-neutral[b-m4py6mxwi8] { background: #F1F5F9; color: #64748B; }

.passport-grid[b-m4py6mxwi8] { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 640px) { .passport-grid[b-m4py6mxwi8] { grid-template-columns: 1fr 1fr; } }
.span-full[b-m4py6mxwi8] { grid-column: 1 / -1; }
.form-group[b-m4py6mxwi8] { display: flex; flex-direction: column; position: relative; }
.form-group label[b-m4py6mxwi8] { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #64748B; margin-bottom: 6px; }

.form-group-row[b-m4py6mxwi8] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }

.input-wrapper[b-m4py6mxwi8] { position: relative; display: flex; align-items: center; }
.input-wrapper input[b-m4py6mxwi8] { width: 100%; padding: 12px; border: 1px solid #CBD5E1; border-radius: 10px; font-size: 14px; outline: none; height: 44px; color: #0F172A; transition: 0.2s; }
.input-wrapper input:focus[b-m4py6mxwi8] { border-color: #7C3AED; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1); }
.input-wrapper input[readonly][b-m4py6mxwi8] { background: #F8FAFC; color: #334155; cursor: default; }
.input-icon[b-m4py6mxwi8] { position: absolute; left: 12px; color: #94A3B8; font-size: 20px; pointer-events: none; }
.input-wrapper:has(.input-icon) input[b-m4py6mxwi8] { padding-left: 42px; }
.settings-inline-link[b-m4py6mxwi8] { margin-top: 7px; border: none; background: transparent; color: #2563EB; padding: 0; font-size: 12px; font-weight: 800; cursor: pointer; }
.settings-inline-link:hover[b-m4py6mxwi8] { color: #1D4ED8; text-decoration: underline; }

.input-action-btn[b-m4py6mxwi8] { position: absolute; right: 6px; width: 32px; height: 32px; border: none; background: #F1F5F9; border-radius: 8px; color: #475569; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
.input-action-btn:hover[b-m4py6mxwi8] { background: #E2E8F0; color: #0F172A; }
.input-action-btn.choose-batch[b-m4py6mxwi8] { width: auto; min-width: 88px; padding: 0 10px; gap: 4px; font-size: 12px; font-weight: 700; }
.input-action-btn.choose-batch .material-symbols-rounded[b-m4py6mxwi8] { font-size: 18px; }
.input-action-btn.danger[b-m4py6mxwi8] { background: #FEF2F2; color: #DC2626; }
.input-action-btn.danger:hover[b-m4py6mxwi8] { background: #FEE2E2; color: #991B1B; }
.input-wrapper.has-action input[b-m4py6mxwi8] { padding-right: 110px; }
.input-wrapper.has-action:has(.danger) input[b-m4py6mxwi8] { padding-right: 44px; }

.selected-batch-chip[b-m4py6mxwi8] { margin-top: 8px; display: flex; align-items: center; gap: 8px; color: #475569; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 10px; padding: 8px 10px; font-size: 12px; font-weight: 600; line-height: 1.35; }
.selected-batch-chip .material-symbols-rounded[b-m4py6mxwi8] { font-size: 18px; color: #7C3AED; flex-shrink: 0; }

.light-suggestion[b-m4py6mxwi8] { margin-top: 8px; background: #F8FAFC; padding: 8px 12px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #E2E8F0; }
.suggestion-text[b-m4py6mxwi8] { font-size: 12px; color: #64748B; }
.suggestion-text strong[b-m4py6mxwi8] { color: #0F172A; font-weight: 600; }
.btn-use-light[b-m4py6mxwi8] { background: transparent; color: #7C3AED; border: none; font-size: 12px; font-weight: 700; cursor: pointer; padding: 4px 8px; border-radius: 6px; transition: 0.2s; }
.btn-use-light:hover[b-m4py6mxwi8] { background: #F3E8FF; }

.section-label[b-m4py6mxwi8] { display: block; font-size: 12px; font-weight: 700; color: #0F172A; margin-bottom: 12px; margin-top: 8px; }
.checkbox-group[b-m4py6mxwi8] { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.custom-checkbox[b-m4py6mxwi8] { display: flex; align-items: center; position: relative; padding-left: 28px; cursor: pointer; font-size: 13px; font-weight: 500; color: #334155; user-select: none; }
.custom-checkbox input[b-m4py6mxwi8] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark[b-m4py6mxwi8] { position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 20px; width: 20px; background-color: #F1F5F9; border: 1px solid #CBD5E1; border-radius: 6px; transition: 0.2s; }
.custom-checkbox:hover input ~ .checkmark[b-m4py6mxwi8] { background-color: #E2E8F0; }
.custom-checkbox input:checked ~ .checkmark[b-m4py6mxwi8] { background-color: #EA580C; border-color: #EA580C; }
.checkmark[b-m4py6mxwi8]:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.custom-checkbox input:checked ~ .checkmark[b-m4py6mxwi8]:after { display: block; }

.btn-save-primary[b-m4py6mxwi8] { width: 100%; margin-top: 24px; padding: 14px; border-radius: 12px; background: #0F172A; color: white; border: none; font-weight: 600; font-size: 15px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: 0.2s; }
.btn-save-primary:hover[b-m4py6mxwi8] { background: #1E293B; }

.btn-secondary-action[b-m4py6mxwi8] { width: 100%; padding: 14px; background: white; border: 1px solid #E2E8F0; border-radius: 12px; color: #0F172A; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.02); }
.btn-secondary-action:hover[b-m4py6mxwi8] { background: #F8FAFC; border-color: #CBD5E1; }

.empty-state-center[b-m4py6mxwi8] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; text-align: center; margin: auto; }
.empty-icon[b-m4py6mxwi8] { width: 64px; height: 64px; background: #F1F5F9; color: #94A3B8; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.empty-icon span[b-m4py6mxwi8] { font-size: 32px; }
.empty-state-center h4[b-m4py6mxwi8] { margin: 0 0 8px 0; font-size: 18px; color: #0F172A; }
.empty-state-center p[b-m4py6mxwi8] { margin: 0 0 24px 0; font-size: 14px; color: #64748B; max-width: 300px; }
.add-center-btn[b-m4py6mxwi8] { width: auto; margin-top: 0; padding: 12px 24px; border-radius: 50px; }

.fab-add[b-m4py6mxwi8] { position: absolute; bottom: 24px; right: 24px; width: 56px; height: 56px; border-radius: 18px; background: #0F172A; color: white; border: none; box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.4); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 50; }
.fab-add:hover[b-m4py6mxwi8] { transform: scale(1.1) rotate(90deg); background: #1E293B; }
.fab-add span[b-m4py6mxwi8] { font-size: 28px; }

.refresh-indicator[b-m4py6mxwi8] { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); background: #0F172A; color: white; padding: 10px 20px; border-radius: 50px; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; z-index: 9999; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.3); animation: slideUp-b-m4py6mxwi8 0.3s; }
.spinner-small[b-m4py6mxwi8] { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.3); border-top-color: white; border-radius: 50%; animation: spin-b-m4py6mxwi8 0.8s linear infinite; }

.animate-fade-in[b-m4py6mxwi8] { animation: fadeIn-b-m4py6mxwi8 0.4s ease-out; }
.animate-slide-up[b-m4py6mxwi8] { animation: slideUp-b-m4py6mxwi8 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@keyframes fadeIn-b-m4py6mxwi8 { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp-b-m4py6mxwi8 { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes spin-b-m4py6mxwi8 { 100% { transform: rotate(360deg); } }
.quick-passport-anchor[b-m4py6mxwi8] {
    scroll-margin-top: 24px;
    outline: none;
}
/* /Pages/PMMapper.razor.rz.scp.css */
.mapper-page[b-bh1zn25hng] {
    display: grid;
    gap: 18px;
    padding: 18px;
    color: #0f172a;
}

.mapper-hero[b-bh1zn25hng] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .06);
}

.eyebrow[b-bh1zn25hng] {
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2563eb;
    margin-bottom: 8px;
}

.mapper-hero h1[b-bh1zn25hng] {
    margin: 0;
    font-size: clamp(1.7rem, 3vw, 2.5rem);
    letter-spacing: 0;
}

.mapper-hero p[b-bh1zn25hng] {
    margin: 8px 0 0;
    max-width: 760px;
    color: #64748b;
    line-height: 1.55;
}

.source-pill[b-bh1zn25hng] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    padding: 10px 12px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 800;
}

.beta[b-bh1zn25hng] {
    padding: 3px 7px;
    border-radius: 999px;
    background: #dbeafe;
    font-size: 10px;
    letter-spacing: .08em;
}

.mapper-toolbar[b-bh1zn25hng] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .82);
    border: 1px solid #e2e8f0;
}

.tabs[b-bh1zn25hng] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.tab[b-bh1zn25hng],
.save-btn[b-bh1zn25hng] {
    border: none;
    border-radius: 14px;
    min-height: 42px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 800;
    cursor: pointer;
}

.tab[b-bh1zn25hng] {
    background: #f8fafc;
    color: #475569;
    border: 1px solid transparent;
}

.tab.active[b-bh1zn25hng] {
    background: #e0f2fe;
    color: #0369a1;
    border-color: #bae6fd;
}

.save-btn[b-bh1zn25hng] {
    background: #111827;
    color: #fff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .18);
}

.save-btn:disabled[b-bh1zn25hng] {
    opacity: .65;
    cursor: progress;
}

.mapper-message[b-bh1zn25hng] {
    padding: 12px 14px;
    border-radius: 14px;
    font-weight: 700;
}

.mapper-message.success[b-bh1zn25hng] {
    background: #dcfce7;
    color: #166534;
}

.mapper-message.error[b-bh1zn25hng] {
    background: #fee2e2;
    color: #991b1b;
}

.mapper-loading[b-bh1zn25hng],
.mapper-empty[b-bh1zn25hng] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    border-radius: 22px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
}

.mapper-empty .material-symbols-rounded[b-bh1zn25hng] {
    font-size: 44px;
    color: #94a3b8;
}

.spinner[b-bh1zn25hng] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 3px solid #dbeafe;
    border-top-color: #2563eb;
    animation: spin-b-bh1zn25hng .8s linear infinite;
}

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

.mapper-list[b-bh1zn25hng] {
    display: grid;
    gap: 12px;
}

.mapper-card[b-bh1zn25hng] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1.1fr);
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .04);
}

.external-side[b-bh1zn25hng],
.pm-side[b-bh1zn25hng] {
    min-width: 0;
}

.source-label[b-bh1zn25hng],
.pm-side label[b-bh1zn25hng] {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.external-side h3[b-bh1zn25hng] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.3;
}

.meta-line[b-bh1zn25hng] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
}

.meta-line span[b-bh1zn25hng] {
    padding: 5px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
}

.map-arrow[b-bh1zn25hng] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #eff6ff;
    color: #2563eb;
}

.selected-target[b-bh1zn25hng] {
    width: 100%;
    min-height: 58px;
    border-radius: 16px;
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #0f172a;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.selected-target.empty[b-bh1zn25hng] {
    border-color: #e2e8f0;
    background: #f8fafc;
}

.selected-target > .material-symbols-rounded[b-bh1zn25hng] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #dcfce7;
    color: #15803d;
    font-size: 19px;
}

.selected-target.empty > .material-symbols-rounded[b-bh1zn25hng] {
    background: #e2e8f0;
    color: #64748b;
}

.selected-target strong[b-bh1zn25hng],
.selected-target small[b-bh1zn25hng] {
    display: block;
    min-width: 0;
}

.selected-target strong[b-bh1zn25hng] {
    font-size: 14px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selected-target small[b-bh1zn25hng] {
    margin-top: 3px;
    font-size: 12px;
    color: #64748b;
    line-height: 1.35;
}

.mini-clear[b-bh1zn25hng] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 10px;
    background: #fff;
    color: #64748b;
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
}

.mini-clear:hover[b-bh1zn25hng] {
    color: #dc2626;
}

.suggestions[b-bh1zn25hng] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.suggestion-chip[b-bh1zn25hng] {
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    cursor: pointer;
    max-width: 100%;
}

.suggestion-chip span[b-bh1zn25hng] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 280px;
    font-weight: 800;
}

.suggestion-chip small[b-bh1zn25hng] {
    color: #3b82f6;
    font-weight: 800;
}

.no-suggestions[b-bh1zn25hng] {
    margin-top: 10px;
    color: #94a3b8;
    font-size: 13px;
    font-weight: 700;
}

.choose-full-btn[b-bh1zn25hng] {
    width: 100%;
    min-height: 42px;
    margin-top: 10px;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #fff;
    color: #1d4ed8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 900;
    cursor: pointer;
}

.choose-full-btn:hover[b-bh1zn25hng] {
    background: #eff6ff;
}

.mapper-option-sheet[b-bh1zn25hng] {
    display: grid;
    gap: 14px;
    min-height: 58vh;
    padding: 4px 0 12px;
}

.mapper-option-search[b-bh1zn25hng] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: 0 18px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.mapper-option-search input[b-bh1zn25hng] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    min-width: 0;
}

.mapper-option-search button[b-bh1zn25hng] {
    border: none;
    background: transparent;
    color: #64748b;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.mapper-option-list[b-bh1zn25hng] {
    display: grid;
    gap: 10px;
    padding: 0 18px 12px;
    overflow-y: auto;
}

.mapper-option-card[b-bh1zn25hng] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    padding: 14px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    text-align: left;
    cursor: pointer;
}

.mapper-option-card:hover[b-bh1zn25hng] {
    border-color: #bfdbfe;
    background: #f8fbff;
}

.mapper-option-card > .material-symbols-rounded[b-bh1zn25hng] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: #eff6ff;
    color: #2563eb;
}

.mapper-option-card strong[b-bh1zn25hng],
.mapper-option-card small[b-bh1zn25hng] {
    display: block;
}

.mapper-option-card strong[b-bh1zn25hng] {
    font-size: 14px;
    color: #0f172a;
}

.mapper-option-card small[b-bh1zn25hng] {
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 820px) {
    .mapper-hero[b-bh1zn25hng],
    .mapper-toolbar[b-bh1zn25hng] {
        flex-direction: column;
        align-items: stretch;
    }

    .save-btn[b-bh1zn25hng] {
        width: 100%;
    }

    .mapper-card[b-bh1zn25hng] {
        grid-template-columns: 1fr;
    }

    .map-arrow[b-bh1zn25hng] {
        transform: rotate(90deg);
        justify-self: center;
    }
}

@media (max-width: 520px) {
    .mapper-page[b-bh1zn25hng] {
        padding: 12px;
    }

    .mapper-hero[b-bh1zn25hng],
    .mapper-card[b-bh1zn25hng] {
        border-radius: 18px;
        padding: 14px;
    }

    .tab[b-bh1zn25hng] {
        flex: 1 1 100%;
    }
}
/* /Pages/Pracownicy.razor.rz.scp.css */
.app-container[b-f1xck0x0dm] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #191c1f;
    min-height: 100vh;
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 20px;
    box-sizing: border-box;
}

.top-bar[b-f1xck0x0dm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 32px;
}

.bar-left h1[b-f1xck0x0dm] {
    font-size: 28px;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.5px;
}

.bar-left p[b-f1xck0x0dm] {
    color: #8e959b;
    font-size: 14px;
    margin: 4px 0 0 0;
}

.bar-right[b-f1xck0x0dm] {
    position: relative;
    display: flex;
    gap: 12px;
}

.action-btn[b-f1xck0x0dm] {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    transition: 0.2s;
    border: none;
    z-index: 2;
}

.action-btn:disabled[b-f1xck0x0dm] {
    opacity: 0.6;
    cursor: not-allowed;
}

.action-btn.primary[b-f1xck0x0dm] {
    background: #191c1f;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.action-btn.primary:not(:disabled):hover[b-f1xck0x0dm] {
    transform: translateY(-1px);
}

.full-width[b-f1xck0x0dm] {
    width: 100%;
}

.mt-4[b-f1xck0x0dm] {
    margin-top: 20px;
}

.popover-panel[b-f1xck0x0dm] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 320px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.04);
    z-index: 100;
    padding: 24px;
    clip-path: circle(0% at 100% 0%);
    transition: clip-path 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    border: 1px solid #f0f2f5;
}

.popover-panel.open[b-f1xck0x0dm] {
    clip-path: circle(150% at 100% 0%);
    pointer-events: auto;
}

.popover-header h3[b-f1xck0x0dm] {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 700;
}

.input-label[b-f1xck0x0dm] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #525866;
    margin-bottom: 8px;
}

.form-input[b-f1xck0x0dm] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.invite-error[b-f1xck0x0dm] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    padding: 11px 12px;
    border-radius: 12px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    color: #075985;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
}

.invite-error .material-symbols-rounded[b-f1xck0x0dm] {
    font-size: 18px;
    color: #0284c7;
}

.form-input:focus[b-f1xck0x0dm] {
    border-color: #191c1f;
    box-shadow: 0 0 0 3px rgba(25, 28, 31, 0.1);
}

.form-input:disabled[b-f1xck0x0dm] {
    background-color: #f3f4f6;
    color: #9ca3af;
}

.transparent-click-catcher[b-f1xck0x0dm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    background: transparent;
}

.spinner[b-f1xck0x0dm] {
    width: 32px;
    height: 32px;
    border: 3px solid #f0f2f5;
    border-top-color: #191c1f;
    border-radius: 50%;
    animation: spin-b-f1xck0x0dm 1s linear infinite;
}

.spinner-small[b-f1xck0x0dm] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-f1xck0x0dm 0.8s linear infinite;
}

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

.employee-grid[b-f1xck0x0dm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 24px;
}

.emp-card[b-f1xck0x0dm] {
    background: #fff;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    transition: transform 0.2s, box-shadow 0.2s;
}

.emp-card:hover[b-f1xck0x0dm] {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(0,0,0,0.08);
    border-color: #f0f2f5;
}

.emp-header[b-f1xck0x0dm] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.emp-avatar[b-f1xck0x0dm] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #f4f6fc;
    color: #191c1f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

.emp-titles[b-f1xck0x0dm] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
}

.emp-name[b-f1xck0x0dm] {
    font-weight: 700;
    font-size: 16px;
    color: #191c1f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emp-email[b-f1xck0x0dm] {
    font-size: 13px;
    color: #8e959b;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emp-role[b-f1xck0x0dm] {
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.role-owner[b-f1xck0x0dm] {
    background-color: #fdfae3;
    color: #d9a01c;
}

.role-worker[b-f1xck0x0dm] {
    background-color: #e5edff;
    color: #3b66f5;
}

.role-pending[b-f1xck0x0dm] {
    background-color: #f3f4f6;
    color: #8e959b;
}

.emp-body[b-f1xck0x0dm] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-grow: 1;
}

.emp-contact[b-f1xck0x0dm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #525866;
    font-weight: 500;
}

.emp-contact .material-symbols-rounded[b-f1xck0x0dm] {
    font-size: 16px;
    color: #9ca3af;
}

.emp-perms-container[b-f1xck0x0dm] {
    background: #fcfcfd;
    border-radius: 12px;
    padding: 12px;
    border: 1px solid #f0f2f5;
}

.perms-label[b-f1xck0x0dm] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #8e959b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.perms-tags[b-f1xck0x0dm] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.perm-tag[b-f1xck0x0dm] {
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #525866;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
}

.perm-tag.all-access[b-f1xck0x0dm] {
    background: #eafff0;
    border-color: #a7f3d0;
    color: #059669;
    font-weight: 600;
}

.perm-tag.no-access[b-f1xck0x0dm] {
    background: transparent;
    border: none;
    color: #9ca3af;
    padding: 0;
}

.perm-tag.extra[b-f1xck0x0dm] {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #191c1f;
    font-weight: 600;
}

.emp-footer[b-f1xck0x0dm] {
    margin-top: 24px;
    border-top: 1px solid #f0f2f5;
    padding-top: 16px;
    display: flex;
    justify-content: flex-end;
}

.emp-action-btn[b-f1xck0x0dm] {
    background: none;
    border: none;
    color: #191c1f;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 8px;
    transition: 0.2s;
}

.emp-action-btn:hover[b-f1xck0x0dm] {
    background: #f4f6fc;
    color: #3b66f5;
}

.center-state[b-f1xck0x0dm] {
    text-align: center;
    padding: 60px;
    color: #8e959b;
}

.icon-big[b-f1xck0x0dm] {
    font-size: 48px;
    opacity: 0.3;
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .top-bar[b-f1xck0x0dm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .bar-right[b-f1xck0x0dm] {
        width: 100%;
        justify-content: flex-end;
    }
    .action-btn[b-f1xck0x0dm] {
        width: 100%;
        justify-content: center;
    }
    .popover-panel[b-f1xck0x0dm] {
        width: 100%;
        right: 0;
        left: 0;
    }
    .employee-grid[b-f1xck0x0dm] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PracownikPanel.razor.rz.scp.css */
.app-container[b-62plcm6d5k] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #191c1f;
    min-height: 100vh;
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 20px;
    box-sizing: border-box;
}

.top-bar[b-62plcm6d5k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.bar-left[b-62plcm6d5k] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.back-btn[b-62plcm6d5k] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e5e7eb;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
    color: #191c1f;
}

.back-btn:hover[b-62plcm6d5k] {
    background: #f4f6fc;
    border-color: #dbe4ff;
}

.title-group h1[b-62plcm6d5k] {
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 4px 0;
    letter-spacing: -0.5px;
}

.role-badge[b-62plcm6d5k] {
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
}

.role-owner[b-62plcm6d5k] {
    background-color: #fdfae3;
    color: #d9a01c;
}

.role-worker[b-62plcm6d5k] {
    background-color: #e5edff;
    color: #3b66f5;
}

.action-btn[b-62plcm6d5k] {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: 0.2s;
    border: none;
}

.action-btn.primary[b-62plcm6d5k] {
    background: #191c1f;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.action-btn.primary:hover[b-62plcm6d5k] {
    transform: translateY(-1px);
}

.profile-grid[b-62plcm6d5k] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    align-items: start;
}

.content-card[b-62plcm6d5k] {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
    margin-bottom: 24px;
    border: 1px solid #f0f2f5;
}

.card-header[b-62plcm6d5k] {
    margin-bottom: 24px;
}

.card-header.split[b-62plcm6d5k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-header h2[b-62plcm6d5k] {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.icon-btn[b-62plcm6d5k] {
    background: #f4f6fc;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #3b66f5;
    transition: 0.2s;
}

.icon-btn:hover[b-62plcm6d5k] {
    background: #dbe4ff;
}

.settings-group[b-62plcm6d5k] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.role-management-card[b-62plcm6d5k] { margin-bottom: 0; }
.role-control-row[b-62plcm6d5k] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.role-control-row > div[b-62plcm6d5k] { display: flex; min-width: 0; flex-direction: column; }
.role-select[b-62plcm6d5k] {
    width: min(220px, 100%);
    min-height: 44px;
    padding: 0 38px 0 13px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    background: #fff;
    color: #0f172a;
    font-size: 13px;
    font-weight: 750;
}
.role-select:focus[b-62plcm6d5k] { outline: none; border-color: #93c5fd; box-shadow: 0 0 0 4px #dbeafe; }

.setting-item[b-62plcm6d5k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f2f5;
}

.setting-item:last-child[b-62plcm6d5k] {
    border-bottom: none;
    padding-bottom: 0;
}

.employee-shops-panel[b-62plcm6d5k] {
    padding-top: 2px;
}

.employee-shops-head[b-62plcm6d5k] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: end;
}

.shop-add-row[b-62plcm6d5k] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.shop-add-row select[b-62plcm6d5k] {
    min-width: 210px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: #fff;
    padding: 0 12px;
    color: #191c1f;
    font-weight: 600;
    outline: none;
}

.shop-add-btn[b-62plcm6d5k],
.shop-remove-btn[b-62plcm6d5k] {
    border: none;
    cursor: pointer;
    transition: 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.shop-add-btn[b-62plcm6d5k] {
    height: 40px;
    border-radius: 10px;
    padding: 0 14px;
    gap: 5px;
    background: #191c1f;
    color: #fff;
    font-weight: 700;
}

.shop-add-btn:disabled[b-62plcm6d5k] {
    opacity: 0.45;
    cursor: not-allowed;
}

.employee-shops-list[b-62plcm6d5k] {
    margin-top: 16px;
    display: grid;
    gap: 10px;
}

.employee-shop-item[b-62plcm6d5k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #f9fafb;
    border: 1px solid #f0f2f5;
    border-radius: 12px;
}

.employee-shop-item strong[b-62plcm6d5k],
.employee-shop-item span[b-62plcm6d5k] {
    display: block;
}

.employee-shop-item strong[b-62plcm6d5k] {
    font-size: 13px;
    color: #191c1f;
}

.employee-shop-item span[b-62plcm6d5k] {
    margin-top: 3px;
    font-size: 12px;
    color: #8e959b;
}

.shop-remove-btn[b-62plcm6d5k] {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: #fee2e2;
    color: #dc2626;
}

.shop-remove-btn:hover[b-62plcm6d5k] {
    background: #fecaca;
}

.shops-empty[b-62plcm6d5k] {
    margin-top: 16px;
    padding: 14px;
    border-radius: 18px;
    background: transparent;
    border: 0;
    color: #8e959b;
    font-size: 13px;
    text-align: center;
}

.setting-info[b-62plcm6d5k] {
    display: flex;
    flex-direction: column;
}

.setting-title[b-62plcm6d5k] {
    font-weight: 600;
    font-size: 14px;
    color: #191c1f;
}

.setting-desc[b-62plcm6d5k] {
    font-size: 12px;
    color: #8e959b;
    margin-top: 4px;
}

.input-with-suffix[b-62plcm6d5k] {
    position: relative;
    width: 100px;
}

.input-with-suffix input[b-62plcm6d5k] {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    padding: 0 32px 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #191c1f;
    outline: none;
    transition: 0.2s;
    box-sizing: border-box;
    text-align: right;
}

.input-with-suffix input:focus[b-62plcm6d5k] {
    border-color: #191c1f;
}

.input-with-suffix .suffix[b-62plcm6d5k] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #8e959b;
    font-weight: 600;
    font-size: 14px;
    pointer-events: none;
}

.toggle-switch[b-62plcm6d5k] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.toggle-switch.small[b-62plcm6d5k] {
    width: 36px;
    height: 20px;
}

.toggle-switch input[b-62plcm6d5k] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-62plcm6d5k] {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #e5e7eb;
    transition: .3s;
    border-radius: 24px;
}

.slider[b-62plcm6d5k]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .3s;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.toggle-switch.small .slider[b-62plcm6d5k]:before {
    height: 14px;
    width: 14px;
}

input:checked + .slider[b-62plcm6d5k] {
    background-color: #191c1f;
}

input:checked + .slider[b-62plcm6d5k]:before {
    transform: translateX(20px);
}

.toggle-switch.small input:checked + .slider[b-62plcm6d5k]:before {
    transform: translateX(16px);
}

.permissions-grid[b-62plcm6d5k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.perm-item[b-62plcm6d5k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 0;
    min-height: 58px;
    gap: 14px;
    background: #f8fafc;
    padding: 11px 12px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.perm-item:hover[b-62plcm6d5k] { background: #fff; border-color: #cbd5e1; box-shadow: 0 8px 20px rgba(15,23,42,.05); }

.perm-name[b-62plcm6d5k] { display: inline-flex; align-items: center; gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #191c1f;
}
.perm-icon[b-62plcm6d5k] { width: 30px; height: 30px; border-radius: 9px; background: #eff6ff; color: #2563eb; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex: 0 0 30px; }

.perm-item .toggle-switch.small[b-62plcm6d5k] { flex: 0 0 44px; width: 44px; height: 26px; }
.perm-item .toggle-switch.small .slider[b-62plcm6d5k] { border-radius: 999px; }
.perm-item .toggle-switch.small .slider[b-62plcm6d5k]:before { width: 20px; height: 20px; left: 3px; bottom: 3px; }
.perm-item .toggle-switch.small input:checked + .slider[b-62plcm6d5k]:before { transform: translateX(18px); }

@media (max-width: 560px) {
    .permissions-grid[b-62plcm6d5k] { grid-template-columns: 1fr; gap: 9px; }
    .perm-item[b-62plcm6d5k] { min-height: 56px; padding: 10px 12px; }
    .perm-name[b-62plcm6d5k] { min-width: 0; overflow-wrap: anywhere; }
    .role-control-row[b-62plcm6d5k] { align-items: stretch; flex-direction: column; }
    .role-select[b-62plcm6d5k] { width: 100%; }
}

.balance-card[b-62plcm6d5k] {
    background: linear-gradient(135deg, #191c1f 0%, #2d3238 100%);
    border-radius: 20px;
    padding: 24px;
    color: #fff;
    margin-bottom: 24px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
}

.balance-label[b-62plcm6d5k] {
    font-size: 13px;
    font-weight: 500;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.balance-amount[b-62plcm6d5k] {
    font-size: 32px;
    font-weight: 800;
    margin-top: 8px;
    letter-spacing: -1px;
}

.balance-settled[b-62plcm6d5k] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #34c759;
    font-weight: 700;
    font-size: 16px;
    background: rgba(52, 199, 89, 0.1);
    padding: 8px 12px;
    border-radius: 10px;
    width: fit-content;
}

.balance-settled .material-symbols-rounded[b-62plcm6d5k] {
    font-size: 20px;
}

.payouts-list[b-62plcm6d5k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.payout-item[b-62plcm6d5k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f2f5;
}

.payout-item:last-child[b-62plcm6d5k] {
    border-bottom: none;
    padding-bottom: 0;
}

.pi-left[b-62plcm6d5k] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pi-icon[b-62plcm6d5k] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #fdfae3;
    color: #d9a01c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pi-icon .material-symbols-rounded[b-62plcm6d5k] {
    font-size: 18px;
}

.pi-details[b-62plcm6d5k] {
    display: flex;
    flex-direction: column;
}

.pi-date[b-62plcm6d5k] {
    font-size: 13px;
    font-weight: 600;
    color: #191c1f;
}

.pi-note[b-62plcm6d5k] {
    font-size: 11px;
    color: #8e959b;
    margin-top: 2px;
}

.pi-amount[b-62plcm6d5k] {
    font-weight: 700;
    font-size: 14px;
    color: #191c1f;
}

.empty-state[b-62plcm6d5k] {
    text-align: center;
    padding: 32px 0;
    color: #8e959b;
}

.empty-state .material-symbols-rounded[b-62plcm6d5k] {
    font-size: 32px;
    opacity: 0.5;
    margin-bottom: 8px;
}

.skeleton-box[b-62plcm6d5k] {
    background: #f0f2f5;
    background-image: linear-gradient(90deg, #f0f2f5 0px, #f9fafb 40px, #f0f2f5 80px);
    background-size: 200% 100%;
    animation: shimmer-b-62plcm6d5k 1.5s infinite;
    border-radius: 12px;
}

.skeleton-box.dark[b-62plcm6d5k] {
    background: #2d3238;
    background-image: linear-gradient(90deg, #2d3238 0px, #3a4047 40px, #2d3238 80px);
}

@keyframes shimmer-b-62plcm6d5k {
    0% { background-position: -100% 0; }
    100% { background-position: 100% 0; }
}

@media (max-width: 900px) {
    .profile-grid[b-62plcm6d5k] {
        grid-template-columns: 1fr;
    }

    .side-column[b-62plcm6d5k] {
        order: -1;
    }

    .employee-shops-head[b-62plcm6d5k] {
        grid-template-columns: 1fr;
    }

    .shop-add-row[b-62plcm6d5k] {
        flex-direction: column;
        align-items: stretch;
    }

    .shop-add-row select[b-62plcm6d5k],
    .shop-add-btn[b-62plcm6d5k] {
        width: 100%;
    }
}
/* /Pages/ProductDetails.razor.rz.scp.css */
    /* STYLE */
    .details-page-wrapper[b-tqvhirwamo] { max-width: 1200px; margin: 0 auto; padding: 24px; font-family: 'Inter', sans-serif; color: #0f172a; }
    .details-header[b-tqvhirwamo] { display: flex; justify-content: space-between; margin-bottom: 32px; }
    .header-left[b-tqvhirwamo] { display: flex; flex-direction: column; gap: 12px; }
    .product-back-link[b-tqvhirwamo] {
        flex: 0 0 auto;
        min-width: 0;
        height: 40px;
        padding: 0 14px;
        white-space: nowrap;
    }

    .product-back-link .material-symbols-rounded[b-tqvhirwamo] {
        font-size: 19px;
        flex: 0 0 auto;
    }
    .title-group[b-tqvhirwamo] { display: flex; flex-direction: column; }
    .order-id[b-tqvhirwamo] { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }
    .date[b-tqvhirwamo] { color: #64748b; font-size: 14px; }
    .header-actions[b-tqvhirwamo] { display: flex; gap: 10px; } /* Uzupełniono "flex" */
    
    .btn-primary[b-tqvhirwamo] { 
        background: #0f172a; 
        color: #fff; 
        display: inline-flex; /* Zmieniono z flex na inline-flex dla lepszego zachowania */
        align-items: center; 
        gap: 8px; 
        padding: 12px 16px; /* ZMNIEJSZONO z 10px 20px */
        border-radius: 6px; /* ZMNIEJSZONO z 10px (mniej "bąbelkowe") */
        font-weight: 500; /* ZMNIEJSZONO z 600 (lżejszy tekst) */
        font-size: 14px; /* DODANO: konkretny, mniejszy rozmiar tekstu */
        border: none; 
        cursor: pointer; 
        max-height: 45px;

    }

    .btn-secondary[b-tqvhirwamo] { 
        background: #fff; 
        color: #0f172a; 
        border: 1px solid #e2e8f0; 
        display: inline-flex; 
        align-items: center; 
        gap: 8px; 
        padding: 12px 16px; /* ZMNIEJSZONO */
        border-radius: 6px; /* ZMNIEJSZONO */
        font-weight: 500; 
        font-size: 14px; /* DODANO */
        cursor: pointer; 
        max-height: 45px;

    }
    .card[b-tqvhirwamo] { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.02); }
    .card-header[b-tqvhirwamo] { padding: 16px 24px; border-bottom: 1px solid #f1f5f9; background: #f8fafc; }
    
    .products-table[b-tqvhirwamo] { width: 100%; border-collapse: collapse; }
    .products-table th[b-tqvhirwamo] { text-align: left; padding: 12px 24px; font-size: 12px; text-transform: uppercase; color: #64748b; background: #fff; border-bottom: 1px solid #f1f5f9; }
    .products-table td[b-tqvhirwamo] { padding: 16px 24px; border-bottom: 1px solid #f1f5f9; font-size: 14px; vertical-align: middle; }
    .products-table tr:hover td[b-tqvhirwamo] { background: #fcfcfc; cursor: pointer; }

    /* STANY WIZUALNE */
    .row-processing[b-tqvhirwamo] { background-color: #f8fafc !important; color: #94a3b8; cursor: wait !important; }
    .processing-tag[b-tqvhirwamo] { font-size: 10px; background: #e2e8f0; color: #475569; padding: 2px 6px; border-radius: 4px; margin-left: 8px; }
    .mini-spinner[b-tqvhirwamo] { width: 18px; height: 18px; border: 2px solid #e2e8f0; border-top-color: #3b82f6; border-radius: 50%; animation: spin-b-tqvhirwamo 0.8s linear infinite; margin: 0 auto; }
    .status-badge[b-tqvhirwamo] { padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700; }
    .action-icon[b-tqvhirwamo] { width: 32px; height: 32px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: #94a3b8; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
    .action-icon:hover[b-tqvhirwamo] { background: #fff; border-color: #cbd5e1; color: #6366f1; }
    .text-right[b-tqvhirwamo] { text-align: right; }
    .text-center[b-tqvhirwamo] { text-align: center; }

    @keyframes spin-b-tqvhirwamo { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

    .loading-container[b-tqvhirwamo], .error-state[b-tqvhirwamo] { text-align: center; padding: 40px; color: #64748b; }


.table-responsive[b-tqvhirwamo] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.stock-pill[b-tqvhirwamo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    white-space: nowrap;
    line-height: 1;
}

@media (max-width: 680px) {
    .details-page-wrapper[b-tqvhirwamo] {
        padding: 16px;
    }

    .details-header[b-tqvhirwamo] {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 20px;
    }

    .header-actions[b-tqvhirwamo] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .header-actions .btn-primary[b-tqvhirwamo],
    .header-actions .btn-secondary[b-tqvhirwamo] {
        width: 100%;
        justify-content: center;
    }

    .products-table[b-tqvhirwamo] {
        min-width: 560px;
    }

    .products-table th[b-tqvhirwamo],
    .products-table td[b-tqvhirwamo] {
        padding: 12px 14px;
    }

    .status-badge.stock-pill[b-tqvhirwamo] {
        min-width: 74px;
    }
}
/* /Pages/ProductsList.razor.rz.scp.css */
.orders-page-wrapper[b-5dnyo4t9jz] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 24px 40px;
    font-family: 'Inter', sans-serif;
    color: #0f172a;
}

.top-header[b-5dnyo4t9jz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

.page-title[b-5dnyo4t9jz] {
    font-size: 26px; font-weight: 800; margin: 0; color: #0f172a;
    letter-spacing: -0.03em;
}
.page-subtitle[b-5dnyo4t9jz] { margin: 4px 0 0 0; color: #64748b; font-size: 14px; }

.limit-alert[b-5dnyo4t9jz] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 18px;
    padding: 13px 16px;
    border-radius: 14px;
    border: 1px solid #bae6fd;
    background: #f0f9ff;
    color: #075985;
    font-size: 14px;
    font-weight: 650;
    box-shadow: 0 10px 24px rgba(14, 165, 233, 0.08);
}

.limit-alert .material-symbols-rounded[b-5dnyo4t9jz] {
    font-size: 20px;
    color: #0284c7;
}

.limit-alert.success[b-5dnyo4t9jz] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
    box-shadow: 0 10px 24px rgba(34, 197, 94, 0.08);
}

.limit-alert.success .material-symbols-rounded[b-5dnyo4t9jz] {
    color: #16a34a;
}

.eoptimo-import-panel[b-5dnyo4t9jz] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    border-color: #dbe4ee;
    background: #ffffff;
    color: #1e293b;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.eoptimo-import-panel > span:nth-child(2)[b-5dnyo4t9jz] {
    display: grid;
    gap: 3px;
}

.eoptimo-import-panel strong[b-5dnyo4t9jz] {
    color: #0f172a;
    font-size: 14px;
}

.eoptimo-import-panel small[b-5dnyo4t9jz] {
    color: #64748b;
    font-size: 12px;
    line-height: 1.35;
}

.eoptimo-import-panel button[b-5dnyo4t9jz] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 13px;
    border: 0;
    border-radius: 10px;
    background: #0f172a;
    color: #ffffff;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.eoptimo-import-panel button:disabled[b-5dnyo4t9jz] {
    opacity: .62;
    cursor: wait;
}

.btn-primary[b-5dnyo4t9jz] {
    background: #0f172a; color: #ffffff; border: none;
    padding: 10px 20px; border-radius: 10px;
    font-weight: 600; font-size: 14px;
    display: flex; align-items: center; gap: 8px;
    cursor: pointer; transition: 0.2s;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
}
.btn-primary:hover[b-5dnyo4t9jz] { background: #334155; transform: translateY(-1px); }
.product-header-actions[b-5dnyo4t9jz] { display: flex; flex-wrap: wrap; gap: 8px; }
.btn-actions[b-5dnyo4t9jz] { min-height: 42px; display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; color: #1d4ed8; font-weight: 750; cursor: pointer; }.btn-actions strong[b-5dnyo4t9jz] { display: grid; place-items: center; min-width: 22px; height: 22px; border-radius: 999px; background: #1d4ed8; color: #fff; font-size: 11px; }

.product-search-bar[b-5dnyo4t9jz] { margin: 0 0 24px; max-width: 760px; }
.product-search-field[b-5dnyo4t9jz] { position: relative; width: 100%; }
.product-search-field input[b-5dnyo4t9jz] {
    width: 100%;
    min-height: 48px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    padding: 11px 48px 11px 46px;
    border-radius: 14px;
    font-size: 14px;
    outline: none;
    transition: 0.2s;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.product-search-field input:focus[b-5dnyo4t9jz] { border-color: #64748b; box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.1); }
.product-search-field .search-icon[b-5dnyo4t9jz] {
    position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
    color: #94a3b8; font-size: 20px;
    pointer-events: none;
}

.btn-clear-search[b-5dnyo4t9jz] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 8px;
    background: #E2E8F0;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    touch-action: manipulation;
}

.btn-clear-search:hover[b-5dnyo4t9jz] {
    background: #CBD5E1;
    color: #0F172A;
}

.data-container[b-5dnyo4t9jz] {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    overflow: hidden;
}

.table-header[b-5dnyo4t9jz] {
    display: flex;
    align-items: center;
    min-height: 48px;
    box-sizing: border-box;
    padding: 14px 24px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-size: 12px; font-weight: 700; color: #64748b;
    text-transform: uppercase; letter-spacing: 0.05em;
    gap: 16px;
}
.table-header .th[b-5dnyo4t9jz] { min-height: 20px; display: flex; align-items: center; }
.table-header .col-select[b-5dnyo4t9jz] { justify-content: center; }
.col-select[b-5dnyo4t9jz] { width: 28px; flex: 0 0 28px; overflow: visible; }.col-select input[b-5dnyo4t9jz] { width: 18px; height: 18px; margin: 0; accent-color: #0f172a; cursor: pointer; }.table-row.selected[b-5dnyo4t9jz] { background: #f0f9ff; box-shadow: inset 3px 0 #2563eb; }

.table-row[b-5dnyo4t9jz] {
    display: flex;
    padding: 18px 24px;
    background: #ffffff;
    border-bottom: 1px solid #f1f5f9;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    transition: background 0.15s;
}
.table-row:last-child[b-5dnyo4t9jz] { border-bottom: none; }
.table-row:hover[b-5dnyo4t9jz] { background: #f8fafc; }

.col-photo[b-5dnyo4t9jz] { width: 72px; flex-shrink: 0; }
.col-nazwa[b-5dnyo4t9jz] { flex: 1.25; min-width: 200px; }
.col-partie[b-5dnyo4t9jz] { flex: 1.4; min-width: 260px; }
.col-akcje[b-5dnyo4t9jz] { width: 80px; flex-shrink: 0; display: flex; justify-content: flex-end; }

.th[b-5dnyo4t9jz], .td[b-5dnyo4t9jz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td.col-partie[b-5dnyo4t9jz] {
    overflow: visible;
    white-space: normal;
}

.text-right[b-5dnyo4t9jz] { text-align: right; justify-content: flex-end; display: flex; }

.product-name[b-5dnyo4t9jz] { font-weight: 600; color: #334155; }
.col-nazwa[b-5dnyo4t9jz] { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }.offer-counters[b-5dnyo4t9jz] { display: flex; flex-wrap: wrap; gap: 5px; }.offer-counters > span[b-5dnyo4t9jz] { min-height: 22px; display: inline-flex; align-items: center; gap: 3px; padding: 0 7px; border-radius: 999px; background: #ecfdf5; color: #047857; font-size: 10px; font-weight: 750; white-space: nowrap; }.offer-counters .paused[b-5dnyo4t9jz] { background: #f1f5f9; color: #64748b; }.offer-counters .error[b-5dnyo4t9jz] { background: #fef2f2; color: #b91c1c; }.offer-counters .material-symbols-rounded[b-5dnyo4t9jz] { font-size: 13px; }

.batch-list[b-5dnyo4t9jz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.batch-pill[b-5dnyo4t9jz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: min(100%, 340px);
    min-height: 34px;
    padding: 6px 8px 6px 10px;
    border-radius: 18px;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #065f46;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    flex-wrap: wrap;
}

.batch-pill.empty[b-5dnyo4t9jz] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #64748b;
}

.batch-name[b-5dnyo4t9jz] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
}

.batch-stat[b-5dnyo4t9jz],
.batch-price[b-5dnyo4t9jz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.batch-price[b-5dnyo4t9jz] {
    color: #075985;
    background: #f0f9ff;
}

.batch-more[b-5dnyo4t9jz],
.batch-empty[b-5dnyo4t9jz] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.batch-more[b-5dnyo4t9jz] {
    padding: 6px 9px;
    border-radius: 999px;
    background: #f1f5f9;
}

.empty-state[b-5dnyo4t9jz] {
    padding: 40px; text-align: center; color: #64748b;
}

.product-thumbnail[b-5dnyo4t9jz] {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}
.product-thumbnail.placeholder[b-5dnyo4t9jz] {
    color: #64748b;
    font-size: 25px;
    background: #f1f5f9;
}

.action-icon[b-5dnyo4t9jz] {
    width: 32px; height: 32px; border-radius: 8px; border: 1px solid transparent;
    background: transparent; color: #94a3b8; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}
.action-icon:hover[b-5dnyo4t9jz] { background: #fff; border-color: #cbd5e1; color: #6366f1; }
.small-icon[b-5dnyo4t9jz] { font-size: 18px; color: #cbd5e1; margin-right: 6px; vertical-align: middle; }

.pagination-wrapper[b-5dnyo4t9jz] {
    display: flex; justify-content: space-between; align-items: center;
    margin-top: 24px;
    flex-wrap: wrap;
    gap: 16px;
}
.pagination-info[b-5dnyo4t9jz] { font-size: 14px; color: #64748b; }
.pagination-meta[b-5dnyo4t9jz] { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }.pagination-meta label[b-5dnyo4t9jz] { display: flex; align-items: center; gap: 7px; color: #64748b; font-size: 12px; }.pagination-meta select[b-5dnyo4t9jz] { min-height: 34px; padding: 0 28px 0 9px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; }
.product-actions-sheet[b-5dnyo4t9jz] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; padding: 8px 20px 24px; }.product-actions-sheet button[b-5dnyo4t9jz] { min-height: 92px; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; padding: 14px; text-align: left; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; color: #334155; cursor: pointer; }.product-actions-sheet button > .material-symbols-rounded[b-5dnyo4t9jz] { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #f1f5f9; }.product-actions-sheet button > span:last-child[b-5dnyo4t9jz] { display: grid; gap: 3px; }.product-actions-sheet strong[b-5dnyo4t9jz] { color: #0f172a; font-size: 13px; }.product-actions-sheet small[b-5dnyo4t9jz] { color: #64748b; font-size: 11px; line-height: 1.4; }.product-actions-sheet .offer[b-5dnyo4t9jz] { border-color: #bfdbfe; background: #f8fbff; }.product-actions-sheet .offer > .material-symbols-rounded[b-5dnyo4t9jz] { background: #dbeafe; color: #1d4ed8; }.product-actions-sheet .offer.edit[b-5dnyo4t9jz] { border-color: #c7d2fe; background: #fafaff; }.product-actions-sheet .offer.edit > .material-symbols-rounded[b-5dnyo4t9jz] { background: #e0e7ff; color: #4338ca; }.product-actions-sheet .danger[b-5dnyo4t9jz] { border-color: #fecaca; }.product-actions-sheet .danger > .material-symbols-rounded[b-5dnyo4t9jz] { background: #fef2f2; color: #b91c1c; }
.pagination-btns[b-5dnyo4t9jz] { display: flex; gap: 8px; }
.pg-btn[b-5dnyo4t9jz] {
    width: 36px; height: 36px; border-radius: 8px; background: #fff; border: 1px solid #cbd5e1;
    display: flex; align-items: center; justify-content: center; cursor: pointer; color: #334155;
}
.pg-btn:hover:not(:disabled)[b-5dnyo4t9jz] { background: #f1f5f9; }
.pg-btn:disabled[b-5dnyo4t9jz] { opacity: 0.5; cursor: not-allowed; }

@media (max-width: 768px) {
    .orders-page-wrapper[b-5dnyo4t9jz] { padding: 16px; }
    
    .table-header[b-5dnyo4t9jz] { display: none; }
    
    .table-row[b-5dnyo4t9jz] {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 12px;
        position: relative;
    }
    .col-select[b-5dnyo4t9jz] { position: absolute; top: 16px; right: 14px; width: 22px; z-index: 2; }.col-akcje[b-5dnyo4t9jz] { right: 43px; }.col-nazwa[b-5dnyo4t9jz] { padding-right: 32px; }
    
    .col-photo[b-5dnyo4t9jz], .col-nazwa[b-5dnyo4t9jz], .col-partie[b-5dnyo4t9jz], .col-akcje[b-5dnyo4t9jz] {
        width: 100%;
        min-width: 0;
        justify-content: flex-start;
        text-align: left;
        white-space: normal;
    }

    .col-akcje[b-5dnyo4t9jz] {
        position: absolute;
        top: 12px;
        right: 12px;
        width: auto;
    }
    
    .col-photo[b-5dnyo4t9jz] { width: 58px; position: absolute; top: 14px; left: 16px; }
    .col-photo .product-thumbnail[b-5dnyo4t9jz] { width: 48px; height: 48px; border-radius: 11px; }
    .col-nazwa[b-5dnyo4t9jz] { padding-left: 62px; min-height: 50px; display: flex; align-items: center; }
    .col-nazwa[b-5dnyo4t9jz] { font-size: 16px; white-space: normal; line-height: 1.4; margin-bottom: 8px; }
    
    .td.col-partie[b-5dnyo4t9jz]::before {
        display: block;
        content: attr(data-label) ": ";
        font-weight: 600;
        color: #64748b;
        margin: 0 0 8px;
        font-size: 13px;
    }

    .batch-pill[b-5dnyo4t9jz] {
        max-width: 100%;
        width: 100%;
    }

    .batch-name[b-5dnyo4t9jz] {
        flex: 1 1 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    
    .product-search-bar[b-5dnyo4t9jz] { margin-bottom: 18px; max-width: none; }
    .product-actions-sheet[b-5dnyo4t9jz] { grid-template-columns: 1fr; }.product-actions-sheet button[b-5dnyo4t9jz] { min-height: 82px; }
}
/* /Pages/ProdukcjaEdit.razor.rz.scp.css */
.production-edit-page[b-8rt4niji88] {
    max-width: 1220px;
    margin: 0 auto;
    padding: 24px;
    color: #0f172a;
}

.edit-hero[b-8rt4niji88] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    margin-bottom: 18px;
    padding: 18px;
    border-radius: 26px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .06);
}

.hero-copy h1[b-8rt4niji88] {
    margin: 4px 0;
    font-size: 28px;
}

.hero-copy p[b-8rt4niji88] {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.hero-actions[b-8rt4niji88] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.eyebrow[b-8rt4niji88] {
    color: #64748b;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
}

.btn-primary[b-8rt4niji88],
.btn-secondary[b-8rt4niji88],
.btn-icon[b-8rt4niji88],
.btn-production-start[b-8rt4niji88],
.btn-production-finish[b-8rt4niji88] {
    border-radius: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 15px;
    font-weight: 800;
    border: 1px solid transparent;
}

.btn-primary[b-8rt4niji88] {
    background: #0f172a;
    color: #fff;
}

.btn-secondary[b-8rt4niji88],
.btn-icon[b-8rt4niji88] {
    background: #fff;
    color: #334155;
    border-color: #e2e8f0;
}

.btn-production-start[b-8rt4niji88] {
    background: #eff6ff;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.btn-production-start:hover[b-8rt4niji88] {
    background: #dbeafe;
}

.btn-production-finish[b-8rt4niji88] {
    background: #ecfdf5;
    color: #047857;
    border-color: #bbf7d0;
}

.btn-production-finish:hover[b-8rt4niji88] {
    background: #d1fae5;
}

.btn-icon[b-8rt4niji88] {
    width: 42px;
    padding: 0;
}

.btn-icon.danger[b-8rt4niji88] {
    color: #be123c;
}

.btn-primary:disabled[b-8rt4niji88],
.btn-secondary:disabled[b-8rt4niji88],
.btn-production-start:disabled[b-8rt4niji88],
.btn-production-finish:disabled[b-8rt4niji88] {
    opacity: .55;
    cursor: not-allowed;
}

.full[b-8rt4niji88] {
    width: 100%;
}

.add-panel .btn-primary.full[b-8rt4niji88] {
    margin-top: 18px;
}

.production-confirm-sheet[b-8rt4niji88] {
    display: grid;
    gap: 14px;
    text-align: center;
    padding: 4px 0 2px;
}

.production-confirm-sheet h3[b-8rt4niji88] {
    margin: 0;
    color: #0f172a;
    font-size: 20px;
}

.production-confirm-sheet p[b-8rt4niji88] {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.confirm-icon[b-8rt4niji88] {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2px;
}

.confirm-icon.start[b-8rt4niji88] {
    background: #eff6ff;
    color: #1d4ed8;
}

.confirm-icon.finish[b-8rt4niji88] {
    background: #ecfdf5;
    color: #047857;
}

.confirm-icon .material-symbols-rounded[b-8rt4niji88] {
    font-size: 30px;
}

.confirm-summary[b-8rt4niji88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
    background: #f8fafc;
    text-align: left;
}

.confirm-summary span[b-8rt4niji88] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.confirm-summary strong[b-8rt4niji88] {
    color: #0f172a;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.confirm-actions[b-8rt4niji88] {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 10px;
    margin-top: 2px;
}

.confirm-secondary[b-8rt4niji88],
.confirm-primary[b-8rt4niji88] {
    border-radius: 10px;
    min-height: 44px;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: 900;
    padding: 10px 14px;
}

.confirm-secondary[b-8rt4niji88] {
    background: #fff;
    color: #334155;
    border-color: #cbd5e1;
}

.confirm-primary.start[b-8rt4niji88] {
    background: #1d4ed8;
    color: #fff;
}

.confirm-primary.finish[b-8rt4niji88] {
    background: #047857;
    color: #fff;
}

.progress-card[b-8rt4niji88],
.editor-panel[b-8rt4niji88],
.production-loading[b-8rt4niji88],
.production-empty[b-8rt4niji88] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .06);
}

.progress-card[b-8rt4niji88] {
    display: grid;
    grid-template-columns: minmax(150px, auto) 1fr minmax(150px, auto) 1fr minmax(150px, auto);
    align-items: center;
    padding: 16px;
    margin-bottom: 18px;
}

.stage[b-8rt4niji88] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #94a3b8;
}

.stage.done[b-8rt4niji88] {
    color: #166534;
}

.stage > span[b-8rt4niji88] {
    width: 38px;
    height: 38px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
}

.stage.done > span[b-8rt4niji88] {
    background: #dcfce7;
}

.stage strong[b-8rt4niji88],
.stage small[b-8rt4niji88] {
    display: block;
}

.stage strong[b-8rt4niji88] {
    color: #0f172a;
    font-size: 13px;
}

.stage small[b-8rt4niji88] {
    font-size: 12px;
}

.stage-line[b-8rt4niji88] {
    height: 3px;
    margin: 0 12px;
    background: #e2e8f0;
    border-radius: 999px;
}

.stage-line.done[b-8rt4niji88] {
    background: #22c55e;
}

.edit-grid[b-8rt4niji88] {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(340px, .75fr);
    gap: 18px;
}

.editor-panel[b-8rt4niji88] {
    padding: 24px;
}

.positions-panel[b-8rt4niji88] {
    grid-column: 1 / -1;
}

.panel-heading[b-8rt4niji88] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.panel-heading h2[b-8rt4niji88] {
    margin: 0;
    font-size: 18px;
}

.panel-heading p[b-8rt4niji88] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
}

.count-pill[b-8rt4niji88] {
    white-space: nowrap;
    border-radius: 999px;
    padding: 6px 10px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 800;
    font-size: 12px;
}

label[b-8rt4niji88] {
    display: block;
    margin: 14px 0 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.app-input[b-8rt4niji88] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 15px;
    padding: 12px 13px;
    font-size: 14px;
    color: #0f172a;
    background: #fff;
    box-sizing: border-box;
}

.app-input:focus[b-8rt4niji88] {
    outline: 3px solid #dbeafe;
    border-color: #3b82f6;
}

.batch-picker-button[b-8rt4niji88] {
    width: 100%;
    min-height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 15px;
    background: #fff;
    color: #0f172a;
    padding: 10px 13px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
    font-weight: 800;
    text-align: left;
}

.batch-picker-button:hover:not(:disabled)[b-8rt4niji88] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px #dbeafe;
}

.batch-picker-button:disabled[b-8rt4niji88] {
    opacity: .62;
    cursor: not-allowed;
}

.field-helper[b-8rt4niji88] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
}

.product-picker-sheet[b-8rt4niji88] {
    display: grid;
    gap: 14px;
}

.product-picker-search[b-8rt4niji88] {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 0 12px;
    background: #fff;
}

.product-picker-search input[b-8rt4niji88] {
    border: 0;
    outline: 0;
    min-height: 46px;
    width: 100%;
    font-size: 15px;
    color: #0f172a;
}

.product-picker-list[b-8rt4niji88] {
    display: grid;
    gap: 10px;
    max-height: min(60vh, 520px);
    overflow: auto;
}

.product-picker-row[b-8rt4niji88] {
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 12px;
    padding: 13px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    cursor: pointer;
}

.product-picker-row:hover[b-8rt4niji88] {
    border-color: #3b82f6;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .1);
}

.product-picker-row > .material-symbols-rounded[b-8rt4niji88] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #1d4ed8;
}

.product-picker-row strong[b-8rt4niji88],
.product-picker-row small[b-8rt4niji88] {
    display: block;
}

.product-picker-row small[b-8rt4niji88] {
    color: #64748b;
    margin-top: 3px;
}

.form-row[b-8rt4niji88] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) 150px;
    gap: 12px;
}

.positions-list[b-8rt4niji88] {
    display: grid;
    gap: 10px;
}

.position-card[b-8rt4niji88] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}

.position-card.created[b-8rt4niji88] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.position-main[b-8rt4niji88] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.position-icon[b-8rt4niji88] {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: linear-gradient(145deg, #ffffff, #f0fdf4);
    color: #047857;
    display: grid;
    place-items: center;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid #bbf7d0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 8px 18px rgba(15, 23, 42, .06);
    line-height: 1;
    overflow: hidden;
}

.position-icon .material-symbols-rounded[b-8rt4niji88] {
    font-size: 25px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    text-align: center;
}

.position-card.planned .position-icon[b-8rt4niji88] {
    background: linear-gradient(145deg, #ffffff, #eff6ff);
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.position-main strong[b-8rt4niji88],
.position-main span[b-8rt4niji88],
.position-main small[b-8rt4niji88],
.position-side b[b-8rt4niji88],
.position-side span[b-8rt4niji88] {
    display: block;
}

.position-main strong[b-8rt4niji88] {
    font-size: 14px;
}

.position-main span[b-8rt4niji88],
.position-main small[b-8rt4niji88],
.position-side span[b-8rt4niji88] {
    color: #64748b;
    font-size: 12px;
}

.position-main small[b-8rt4niji88] {
    margin-top: 4px;
    color: #1d4ed8;
    font-weight: 800;
}

.position-side[b-8rt4niji88] {
    text-align: right;
    white-space: nowrap;
}

.position-side b[b-8rt4niji88] {
    font-size: 14px;
}

.empty-positions[b-8rt4niji88],
.production-loading[b-8rt4niji88],
.production-empty[b-8rt4niji88] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    color: #64748b;
    padding: 24px;
}

.empty-positions[b-8rt4niji88] {
    border: 0;
    border-radius: 18px;
    background: transparent;
}

.spinner[b-8rt4niji88] {
    width: 22px;
    height: 22px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f172a;
    border-radius: 50%;
    animation: spin-b-8rt4niji88 .8s linear infinite;
}

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

@media (max-width: 900px) {
    .production-edit-page[b-8rt4niji88] {
        padding: 14px;
    }

    .edit-hero[b-8rt4niji88],
    .edit-grid[b-8rt4niji88],
    .progress-card[b-8rt4niji88],
    .position-card[b-8rt4niji88],
    .form-row[b-8rt4niji88] {
        grid-template-columns: 1fr;
    }

    .hero-actions[b-8rt4niji88] {
        justify-content: stretch;
    }

    .hero-actions button[b-8rt4niji88],
    .position-card .btn-icon[b-8rt4niji88] {
        width: 100%;
    }

    .stage-line[b-8rt4niji88] {
        height: 18px;
        width: 3px;
        margin: 4px 0 4px 18px;
    }

    .position-side[b-8rt4niji88] {
        text-align: left;
    }
}
/* /Pages/Produkcje.razor.rz.scp.css */
.production-page[b-3r5fw57y11] {
    max-width: 1220px;
    margin: 0 auto;
    padding: 24px;
    color: #0f172a;
}

.production-header[b-3r5fw57y11] {
    max-width: 1220px;
}

.production-header h1[b-3r5fw57y11],
.sheet-header h2[b-3r5fw57y11] {
    margin: 4px 0;
}

.production-header p[b-3r5fw57y11] {
    margin: 0;
    color: #64748b;
}

.eyebrow[b-3r5fw57y11] {
    color: #64748b;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
}

.btn-primary[b-3r5fw57y11],
.btn-secondary[b-3r5fw57y11],
.icon-button[b-3r5fw57y11] {
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 10px 14px;
    font-weight: 800;
}

.btn-primary[b-3r5fw57y11] {
    background: #0f172a;
    color: #fff;
}

.btn-secondary[b-3r5fw57y11],
.icon-button[b-3r5fw57y11] {
    background: #fff;
    color: #334155;
    border: 1px solid #e2e8f0;
}

.icon-button[b-3r5fw57y11] {
    width: 40px;
    padding: 0;
}

.icon-button.danger[b-3r5fw57y11] {
    color: #be123c;
}

.full[b-3r5fw57y11] {
    width: 100%;
}

.production-grid[b-3r5fw57y11] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 18px;
}

.production-section[b-3r5fw57y11] { display: grid; gap: 14px; margin-bottom: 34px; }
.production-section-heading[b-3r5fw57y11] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 4px; color: #334155; }
.production-section-heading > div[b-3r5fw57y11] { display: flex; align-items: center; gap: 9px; }
.production-section-heading > span[b-3r5fw57y11] { min-width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: 12px; font-weight: 800; }
.completed-section[b-3r5fw57y11] { padding-top: 24px; border-top: 1px solid #e2e8f0; }
.completed-section .production-grid[b-3r5fw57y11] { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.completed-section .production-card[b-3r5fw57y11] { opacity: .68; box-shadow: none; cursor: pointer; background: #f8fafc; }
.completed-section .production-card:hover[b-3r5fw57y11] { opacity: .9; background: #fff; }
.completed-section .production-orb[b-3r5fw57y11] { background: #e2e8f0; color: #64748b; }
.completed-meta[b-3r5fw57y11] { margin: 18px 0 0; }

.production-card[b-3r5fw57y11],
.empty-state[b-3r5fw57y11],
.production-sheet[b-3r5fw57y11] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
}

.production-card[b-3r5fw57y11] {
    padding: 20px;
    position: relative;
    overflow: hidden;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.production-card:hover[b-3r5fw57y11] {
    transform: translateY(-2px);
    border-color: #cbd5e1;
    box-shadow: 0 24px 56px rgba(15, 23, 42, .09);
}

.card-top[b-3r5fw57y11],
.sheet-header[b-3r5fw57y11],
.position-row[b-3r5fw57y11] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
}

.card-top > div:nth-child(2)[b-3r5fw57y11] {
    min-width: 0;
    flex: 1;
}

.production-orb[b-3r5fw57y11] {
    width: 46px;
    height: 46px;
    border-radius: 17px;
    background: #ecfdf5;
    color: #047857;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.production-orb .material-symbols-rounded[b-3r5fw57y11] {
    font-size: 24px;
}

.production-card-actions[b-3r5fw57y11] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.pm-icon-button.danger[b-3r5fw57y11] {
    color: #be123c;
    background: #fff1f2;
    border-color: #ffe4e6;
}

.pm-icon-button.danger:hover[b-3r5fw57y11] {
    background: #ffe4e6;
    color: #9f1239;
}

.production-card h2[b-3r5fw57y11] {
    margin: 8px 0 0;
    font-size: 18px;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.status-pill[b-3r5fw57y11] {
    display: inline-flex;
    border-radius: 999px;
    padding: 5px 9px;
    background: #e0f2fe;
    color: #075985;
    font-size: 11px;
    font-weight: 900;
}

.production-card.done .status-pill[b-3r5fw57y11] {
    background: #f1f5f9;
    color: #475569;
}

.production-card.active .status-pill[b-3r5fw57y11] {
    background: #dbeafe;
    color: #1d4ed8;
}

.timeline[b-3r5fw57y11] {
    display: grid;
    grid-template-columns: 14px 1fr 14px 1fr 14px;
    align-items: center;
    margin: 18px 0;
}

.dot[b-3r5fw57y11] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #cbd5e1;
}

.dot.done[b-3r5fw57y11],
.line.done[b-3r5fw57y11] {
    background: #2563eb;
}

.line[b-3r5fw57y11] {
    height: 3px;
    background: #e2e8f0;
}

.production-meta[b-3r5fw57y11],
.batch-row[b-3r5fw57y11],
.more-row[b-3r5fw57y11] {
    color: #64748b;
    font-size: 13px;
}

.production-meta[b-3r5fw57y11] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-bottom: 14px;
}

.batch-list[b-3r5fw57y11],
.positions-list[b-3r5fw57y11] {
    display: grid;
    gap: 8px;
}

.batch-row[b-3r5fw57y11],
.position-row[b-3r5fw57y11] {
    padding: 11px 12px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}

.batch-row[b-3r5fw57y11] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.empty-state[b-3r5fw57y11] {
    min-height: 240px;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 28px;
    color: #64748b;
}

.production-delete-sheet[b-3r5fw57y11] {
    display: grid;
    gap: 16px;
    padding: 4px 2px 2px;
}

.delete-sheet-icon[b-3r5fw57y11] {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff1f2;
    color: #be123c;
}

.delete-sheet-icon .material-symbols-rounded[b-3r5fw57y11] {
    font-size: 28px;
}

.production-delete-sheet h3[b-3r5fw57y11] {
    margin: 0;
    color: #0f172a;
    font-size: 20px;
}

.production-delete-sheet p[b-3r5fw57y11] {
    margin: 0;
    color: #64748b;
    line-height: 1.55;
}

.delete-sheet-actions[b-3r5fw57y11] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.btn-danger[b-3r5fw57y11] {
    border: 0;
    border-radius: 12px;
    min-height: 42px;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #be123c;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

.btn-danger:hover[b-3r5fw57y11] {
    background: #9f1239;
}

@media (max-width: 720px) {
    .production-page[b-3r5fw57y11] {
        padding: 18px 14px;
    }

    .production-grid[b-3r5fw57y11] {
        grid-template-columns: 1fr;
    }
}

.sheet-backdrop[b-3r5fw57y11] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .24);
    z-index: 80;
}

.production-sheet[b-3r5fw57y11] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(520px, 100vw);
    z-index: 81;
    padding: 22px;
    overflow-y: auto;
}

.production-sheet label[b-3r5fw57y11] {
    display: block;
    margin: 14px 0 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.app-input[b-3r5fw57y11] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 11px 12px;
    font-size: 14px;
    color: #0f172a;
    background: #fff;
    box-sizing: border-box;
}

.add-position[b-3r5fw57y11],
.positions-list[b-3r5fw57y11],
.sheet-actions[b-3r5fw57y11] {
    margin-top: 20px;
}

.add-position[b-3r5fw57y11] {
    display: grid;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid #e2e8f0;
}

.add-position h3[b-3r5fw57y11] {
    margin: 0;
    font-size: 15px;
}

.position-row strong[b-3r5fw57y11],
.position-row span[b-3r5fw57y11] {
    display: block;
}

.position-row span[b-3r5fw57y11] {
    color: #64748b;
    font-size: 12px;
}

.position-row .care-line[b-3r5fw57y11] {
    margin-top: 5px;
    color: #1d4ed8;
    font-weight: 800;
}

@media (max-width: 720px) {
    .production-page[b-3r5fw57y11] {
        padding: 14px;
    }

    .production-header[b-3r5fw57y11] {
        flex-direction: column;
    }

    .production-grid[b-3r5fw57y11] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/RaportySprzedazy.razor.rz.scp.css */
*[b-h9e1jslgvm] {
    box-sizing: border-box;
}

.dashboard-container[b-h9e1jslgvm] {
    padding: 24px;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    min-height: 80vh;
}

/* HEADER */
.dashboard-header[b-h9e1jslgvm] {
    margin-bottom: 32px;
}

.header-content[b-h9e1jslgvm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.store-identity[b-h9e1jslgvm] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.module-avatar[b-h9e1jslgvm] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 4px 10px rgba(99, 102, 241, 0.3);
    flex-shrink: 0;
}

.module-avatar span[b-h9e1jslgvm] {
    font-size: 28px;
}

.store-name[b-h9e1jslgvm] {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: #0F172A;
}

.store-meta[b-h9e1jslgvm] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.meta-tag[b-h9e1jslgvm] {
    background: #F1F5F9;
    color: #64748B;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 600;
    text-transform: uppercase;
}

.header-actions[b-h9e1jslgvm] {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.btn-header-action[b-h9e1jslgvm] {
    background: white;
    border: 1px solid #E2E8F0;
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    color: #0F172A;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.2s;
}

.btn-header-action:hover[b-h9e1jslgvm] {
    background: #F8FAFC;
    border-color: #CBD5E1;
}

@media (max-width: 640px) {
    .desktop-only[b-h9e1jslgvm] {
        display: none;
    }
}

/* KARTY I LAYOUT */
.panel-card[b-h9e1jslgvm] {
    background: white;
    border-radius: 20px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    position: relative;
}

.panel-card.overflow-visible[b-h9e1jslgvm] {
    overflow: visible !important;
}

.panel-body[b-h9e1jslgvm] {
    padding: 20px;
}

.panel-body.no-padding[b-h9e1jslgvm] {
    padding: 0;
}

/* LISTA TABELARYCZNA */
.list-scroll-area.table-mode[b-h9e1jslgvm] {
    padding: 0;
    gap: 0;
    background: white;
    border-radius: 20px 20px 0 0;
}

.table-row[b-h9e1jslgvm] {
    border-bottom: 1px solid #F1F5F9;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: background 0.2s;
}

.table-row:hover[b-h9e1jslgvm] {
    background: #F8FAFC;
    cursor: pointer;
}

.table-row:first-child[b-h9e1jslgvm] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.table-row:last-child[b-h9e1jslgvm] {
    border-bottom: none;
}

.empty-mini[b-h9e1jslgvm] {
    padding: 40px;
    text-align: center;
    color: #94A3B8;
    font-size: 14px;
}

/* WIERSZE I IKONY */
.row-icon[b-h9e1jslgvm] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.row-icon span[b-h9e1jslgvm] {
    font-size: 20px;
}

/* Kolory ikon tła */
.row-icon.passport[b-h9e1jslgvm] { background: #F0FDF4; color: #16A34A; } /* Gotowe */
.row-icon.loss[b-h9e1jslgvm] { background: #FEF2F2; color: #DC2626; }     /* Błąd */
.row-icon.treatment[b-h9e1jslgvm] { background: #EFF6FF; color: #2563EB; } /* W trakcie */

.row-content[b-h9e1jslgvm] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.row-title[b-h9e1jslgvm] {
    font-size: 14px;
    font-weight: 600;
    color: #0F172A;
    line-height: 1.3;
}

.row-sub[b-h9e1jslgvm] {
    font-size: 12px;
    color: #64748B;
    display: block;
}

.row-meta-right[b-h9e1jslgvm] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.info-tag[b-h9e1jslgvm] {
    font-size: 10px;
    background: #F0FDF4;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
    border: 1px solid transparent;
}

.text-danger[b-h9e1jslgvm] {
    color: #DC2626;
    font-weight: 600;
}

/* STATUS BADGES */
.status-badge[b-h9e1jslgvm] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status-success[b-h9e1jslgvm] { background: #ECFDF5; color: #059669; }
.status-warning[b-h9e1jslgvm] { background: #FFFBEB; color: #B45309; }
.status-danger[b-h9e1jslgvm] { background: #FEF2F2; color: #DC2626; }
.status-neutral[b-h9e1jslgvm] { background: #F1F5F9; color: #64748B; }

/* PAGINACJA (Nowe Style) */
.pagination-footer[b-h9e1jslgvm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-top: 1px solid #F1F5F9;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.pagination-info[b-h9e1jslgvm] {
    font-size: 13px;
    color: #64748B;
}

.pagination-info strong[b-h9e1jslgvm] {
    color: #0F172A;
    font-weight: 600;
}

.pagination-controls[b-h9e1jslgvm] {
    display: flex;
    gap: 8px;
}

.btn-pager[b-h9e1jslgvm] {
    min-width: 36px;
    height: 36px;
    border: 1px solid #E2E8F0;
    background: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #64748B;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s;
    padding: 0 6px;
}

.btn-pager:hover:not(:disabled)[b-h9e1jslgvm] {
    background: #F8FAFC;
    color: #0F172A;
    border-color: #CBD5E1;
}

.btn-pager.active[b-h9e1jslgvm] {
    background: #0F172A;
    color: white;
    border-color: #0F172A;
}

.btn-pager:disabled[b-h9e1jslgvm] {
    opacity: 0.5;
    cursor: not-allowed;
    background: #F1F5F9;
}

/* ANIMACJE I LOADING */
.animate-fade-in[b-h9e1jslgvm] {
    animation: fadeIn-b-h9e1jslgvm 0.4s ease-out;
}

@keyframes fadeIn-b-h9e1jslgvm {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.refresh-indicator[b-h9e1jslgvm] {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    background: #0F172A;
    color: white;
    padding: 10px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    z-index: 9999;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.3);
    animation: slideUp-b-h9e1jslgvm 0.3s;
}

.spinner-small[b-h9e1jslgvm] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-h9e1jslgvm 0.8s linear infinite;
}

@keyframes spin-b-h9e1jslgvm {
    100% { transform: rotate(360deg); }
}

@keyframes slideUp-b-h9e1jslgvm {
    from { opacity: 0; transform: translate(-50%, 20px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}

.report-preview-sheet[b-h9e1jslgvm] {
    display: grid;
    gap: 16px;
}

.preview-head[b-h9e1jslgvm] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.preview-head > .material-symbols-rounded[b-h9e1jslgvm] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #EFF6FF;
    color: #2563EB;
}

.preview-head h3[b-h9e1jslgvm],
.preview-head p[b-h9e1jslgvm] {
    margin: 0;
}

.preview-head p[b-h9e1jslgvm] {
    color: #64748B;
    font-size: 13px;
    margin-top: 3px;
}

.preview-grid[b-h9e1jslgvm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.preview-grid > div[b-h9e1jslgvm],
.vat-breakdown > div[b-h9e1jslgvm] {
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #F8FAFC;
    padding: 13px;
}

.preview-grid span[b-h9e1jslgvm],
.vat-breakdown span[b-h9e1jslgvm] {
    display: block;
    color: #64748B;
    font-size: 12px;
    font-weight: 800;
}

.preview-grid strong[b-h9e1jslgvm] {
    display: block;
    margin-top: 5px;
    font-size: 18px;
}

.vat-breakdown[b-h9e1jslgvm] {
    display: grid;
    gap: 8px;
}

.vat-breakdown > div[b-h9e1jslgvm] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

@media (max-width: 640px) {
    .preview-grid[b-h9e1jslgvm] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/ShopDeliveryEditor.razor.rz.scp.css */
/* --- Główne kontenery --- */
.details-page-wrapper[b-lbbwfmuk7r] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #0F172A;
}

.details-grid.single-column[b-lbbwfmuk7r] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 720px; /* Optymalna szerokość do czytania */
    margin: 0 auto;
}

/* --- Nagłówek --- */
.details-header[b-lbbwfmuk7r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    gap: 20px;
}

.header-left[b-lbbwfmuk7r] { display: flex; flex-direction: column; gap: 8px; }

.page-title[b-lbbwfmuk7r] {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0F172A;
}

.page-subtitle[b-lbbwfmuk7r] { font-size: 14px; color: #64748B; font-weight: 500; }

.header-actions[b-lbbwfmuk7r] { display: flex; gap: 12px; }

/* --- Revolut Style Buttons --- */
.btn-primary[b-lbbwfmuk7r], .btn-secondary[b-lbbwfmuk7r], .btn-back[b-lbbwfmuk7r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 10px; /* Pill shape */
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
    border: none;
    outline: none;
}

.btn-primary[b-lbbwfmuk7r] {
    background-color: #0F172A; /* Głęboka czerń/granat */
    color: #FFFFFF;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
}

.btn-primary:hover[b-lbbwfmuk7r] {
    background-color: #1E293B;
    transform: translateY(-1px);
    box-shadow: 0 6px 8px -1px rgba(15, 23, 42, 0.15);
}

.btn-primary:active[b-lbbwfmuk7r] { transform: translateY(0); }

.btn-secondary[b-lbbwfmuk7r] {
    background-color: #ffffff;
    color: #334155;
    border: 1px solid #E2E8F0;
}

.btn-secondary:hover[b-lbbwfmuk7r] {
    background-color: #E2E8F0;
    color: #0F172A;
}

.btn-back[b-lbbwfmuk7r] {
    background: transparent;
    padding: 0;
    color: #64748B;
    width: fit-content;
    border-radius: 6px;
}
.btn-back:hover[b-lbbwfmuk7r] { color: #0F172A; }
.btn-back .material-symbols-rounded[b-lbbwfmuk7r] { font-size: 18px; }

/* --- Karty --- */
.card[b-lbbwfmuk7r] {
    background: #FFFFFF;
    border-radius: 20px; /* Mocniejsze zaokrąglenie */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
    border: 1px solid #F1F5F9;
    overflow: visible; /* Ważne dla popupów */
}

.card-header[b-lbbwfmuk7r] {
    padding: 20px 24px;
    border-bottom: 1px solid #F8FAFC;
}

.card-header h3[b-lbbwfmuk7r] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1E293B;
}

.form-content[b-lbbwfmuk7r] { padding: 24px; display: flex; flex-direction: column; gap: 24px; }

.form-row[b-lbbwfmuk7r] {
    display: flex;
    gap: 20px;
}
.form-group[b-lbbwfmuk7r] { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.form-group.half-width[b-lbbwfmuk7r] { flex: 1; }

.form-group label[b-lbbwfmuk7r] {
    font-size: 12px;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* --- Inputy i Pickery --- */
.input-with-icon[b-lbbwfmuk7r] { position: relative; width: 100%; }
.icon-left[b-lbbwfmuk7r] { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #94A3B8; font-size: 20px; pointer-events: none; }
.icon-right[b-lbbwfmuk7r] { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #94A3B8; pointer-events: none; }

.form-input[b-lbbwfmuk7r] {
    width: 100%;
    padding: 12px 14px 12px 44px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-size: 14px;
    color: #0F172A;
    background: #FFFFFF;
    transition: all 0.2s;
    font-family: inherit;
}

.form-input:focus[b-lbbwfmuk7r] {
    border-color: #0F172A;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05);
    outline: none;
}

.clickable[b-lbbwfmuk7r] { cursor: pointer; }
.pointer-events-none[b-lbbwfmuk7r] { pointer-events: none; }

.custom-select-wrapper[b-lbbwfmuk7r] { position: relative; }

.picker-dropdown[b-lbbwfmuk7r] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
    z-index: 100;
    overflow: hidden;
    animation: fadeIn-b-lbbwfmuk7r 0.15s ease-out;
}

.picker-search[b-lbbwfmuk7r] { padding: 12px; border-bottom: 1px solid #F1F5F9; display: flex; gap: 8px; align-items: center; }
.picker-search input[b-lbbwfmuk7r] { border: none; outline: none; width: 100%; font-size: 14px; }
.picker-list[b-lbbwfmuk7r] { max-height: 240px; overflow-y: auto; }
.picker-item[b-lbbwfmuk7r] { padding: 12px 16px; cursor: pointer; border-bottom: 1px solid #F8FAFC; transition: background 0.1s; }
.picker-item:hover[b-lbbwfmuk7r] { background: #F8FAFC; }
.pi-name[b-lbbwfmuk7r] { font-weight: 600; font-size: 14px; color: #1E293B; }
.pi-integration[b-lbbwfmuk7r] { font-size: 11px; color: #64748B; margin-top: 2px; text-transform: uppercase; font-weight: 600; background: #F1F5F9; display: inline-block; padding: 2px 6px; border-radius: 4px; }

/* --- Editor & Live Preview --- */
.section-desc[b-lbbwfmuk7r] { margin: 0; font-size: 14px; color: #64748B; line-height: 1.5; }

.editor-wrapper[b-lbbwfmuk7r] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.textarea-container[b-lbbwfmuk7r] { position: relative; }

.smart-textarea[b-lbbwfmuk7r] {
    width: 100%;
    min-height: 120px;
    padding: 16px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-family: 'Inter', sans-serif; /* Spójny font */
    font-size: 14px;
    line-height: 1.6;
    color: #334155;
    resize: vertical;
    outline: none;
    transition: border 0.2s;
    background: #fff;
}
.smart-textarea:focus[b-lbbwfmuk7r] { border-color: #0F172A; }

/* Popup ze zmiennymi */
.variables-popover[b-lbbwfmuk7r] {
    position: absolute;
    width: 300px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    z-index: 200;
    display: flex;
    flex-direction: column;
}

.popover-title[b-lbbwfmuk7r] {
    padding: 8px 12px;
    background: #F8FAFC;
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    border-bottom: 1px solid #F1F5F9;
}

.popover-list[b-lbbwfmuk7r] { max-height: 200px; overflow-y: auto; }
.variable-item[b-lbbwfmuk7r] {
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-bottom: 1px solid #F8FAFC;
}
.variable-item:hover[b-lbbwfmuk7r] { background: #EFF6FF; }
.v-code[b-lbbwfmuk7r] { font-family: monospace; font-weight: 700; color: #2563EB; font-size: 12px; }
.v-desc[b-lbbwfmuk7r] { font-size: 12px; color: #475569; }

/* --- Live Preview & Tooltips --- */
.live-preview[b-lbbwfmuk7r] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    margin-top: 24px;
}

.preview-label[b-lbbwfmuk7r] {
    position: absolute;
    top: -10px;
    left: 16px;
    background: #FFFFFF;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 700;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.preview-content[b-lbbwfmuk7r] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #334155;
    
    /* TO JEST KLUCZOWE: */
    white-space: pre-wrap;       /* Zachowuje entery użytkownika */
    word-break: break-word;      /* Łamie długie słowa */
}

.empty-preview[b-lbbwfmuk7r] {
    color: #CBD5E1;
    font-style: italic;
    font-size: 14px;
}

/* CHIP STYLING */
[b-lbbwfmuk7r] .var-chip {
    display: inline;             /* WAŻNE: Traktuje to jak zwykły tekst, nie blok */
    
    font-family: 'JetBrains Mono', 'Fira Code', monospace; /* Wyróżnienie fontem */
    font-size: 0.9em;            /* Odrobinę mniejszy, żeby nie rozpychał linii */
    font-weight: 500;
    
    background-color: #EFF6FF;   /* Tło: Ice Blue */
    color: #2563EB;              /* Tekst: Royal Blue */
    
    padding: 2px 4px;            /* Minimalny padding */
    border-radius: 4px;
    margin: 0 1px;               /* Minimalny margines boczny */
    
    border: 1px solid rgba(37, 99, 235, 0.15);
    position: relative;          /* Punkt odniesienia dla tooltipa */
    cursor: default;
    
    box-decoration-break: clone; /* Jeśli zmienna jakimś cudem się złamie w linii */
    -webkit-box-decoration-break: clone;
}
[b-lbbwfmuk7r] .var-chip:hover {
    background-color: #DBEAFE;
    border-color: rgba(37, 99, 235, 0.2);
}

/* Tooltip Logic */
[b-lbbwfmuk7r] .tooltip-box {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 100%;                /* Nad tekstem */
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    
    background: #1E293B;         /* Ciemne tło */
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 6px;
    width: max-content;
    max-width: 250px;
    
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    
    z-index: 1000;
    pointer-events: none;        /* Myszka nie reaguje na tooltip */
    transition: all 0.15s ease-out;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    
    margin-bottom: 6px;          /* Odstęp od słowa */
}

/* Strzałka tooltipa */
[b-lbbwfmuk7r] .tooltip-box::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1E293B transparent transparent transparent;
}

[b-lbbwfmuk7r] .var-chip:hover .tooltip-box {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

[b-lbbwfmuk7r] .tt-header {
    display: block;
    font-weight: 700;
    margin-bottom: 2px;
    color: #F8FAFC;
}

[b-lbbwfmuk7r] .tt-val {
    display: block;
    color: #94A3B8;
}

@media (max-width: 600px) {
    .form-row[b-lbbwfmuk7r] { flex-direction: column; gap: 16px; }
    .details-header[b-lbbwfmuk7r] { flex-direction: column; align-items: stretch; }
    .header-actions[b-lbbwfmuk7r] { justify-content: stretch; }
    .btn-primary[b-lbbwfmuk7r], .btn-secondary[b-lbbwfmuk7r] { flex: 1; }
    .variables-popover[b-lbbwfmuk7r] { position: fixed; bottom: 0; left: 0!important; top: auto!important; width: 100%; border-radius: 16px 16px 0 0; border-bottom: none; box-shadow: 0 -4px 10px rgba(0,0,0,0.1); }
}

@keyframes fadeIn-b-lbbwfmuk7r { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
/* /Pages/ShopFormyDostawy.razor.rz.scp.css */
.page-wrapper[b-75xckf18np] {
    min-height: 100vh;
    width: 100%;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    padding: 24px;
    box-sizing: border-box;
}

.content-container[b-75xckf18np] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.page-header[b-75xckf18np] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 24px;
}

.header-text h1[b-75xckf18np] {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 8px 0;
    letter-spacing: -0.03em;
    color: #0F172A;
}

.header-text p[b-75xckf18np] {
    margin: 0;
    color: #64748B;
    font-size: 16px;
}

.header-actions[b-75xckf18np] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.search-box[b-75xckf18np] {
    position: relative;
    width: 260px;
}

.search-icon[b-75xckf18np] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 20px;
}

.search-box input[b-75xckf18np] {
    width: 100%;
    padding: 10px 10px 10px 40px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s;
    background: #FFFFFF;
}

.search-box input:focus[b-75xckf18np] {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.btn-primary[b-75xckf18np] {
    background: #0F172A;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-primary:hover[b-75xckf18np] {
    background: #334155;
}

.btn-secondary[b-75xckf18np] {
    background: white;
    color: #0F172A;
    border: 1px solid #E2E8F0;
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
}

.suppliers-grid[b-75xckf18np] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.supplier-card[b-75xckf18np] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
}

.supplier-card:hover[b-75xckf18np] {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
    border-color: #CBD5E1;
}

.sup-header[b-75xckf18np] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.sup-avatar[b-75xckf18np] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #F1F5F9;
    color: #64748B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    flex-shrink: 0;
}

.sup-info[b-75xckf18np] {
    flex: 1;
    overflow: hidden;
}

.btn-delete-card[b-75xckf18np] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border: 1px solid #FECACA;
    border-radius: 10px;
    background: #FEF2F2;
    color: #DC2626;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-delete-card:hover[b-75xckf18np] {
    background: #DC2626;
    border-color: #DC2626;
    color: #FFFFFF;
}

.btn-delete-card span[b-75xckf18np] {
    font-size: 19px;
}

.sup-info h3[b-75xckf18np] {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 700;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nip-badge[b-75xckf18np] {
    display: inline-block;
    background: #EFF6FF;
    color: #2563EB;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
}
.pay-badge[b-75xckf18np] {
    display: inline-block;
    background: #effff9;
    color: #14aa8a;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
}

.btn-icon-more[b-75xckf18np] {
    background: transparent;
    border: none;
    color: #94A3B8;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
}

.btn-icon-more:hover[b-75xckf18np] {
    background: #F1F5F9;
    color: #0F172A;
}

.sup-body[b-75xckf18np] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid #F8FAFC;
}

.contact-row[b-75xckf18np] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #475569;
}

.icon-muted[b-75xckf18np] {
    font-size: 18px;
    color: #94A3B8;
}

.text-ellipsis[b-75xckf18np] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loading-state[b-75xckf18np], .empty-state[b-75xckf18np] {
    text-align: center;
    padding: 60px 0;
    color: #94A3B8;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.spinner[b-75xckf18np] {
    width: 32px;
    height: 32px;
    border: 3px solid #E2E8F0;
    border-top-color: #0F172A;
    border-radius: 50%;
    animation: spin-b-75xckf18np 1s linear infinite;
}

@keyframes spin-b-75xckf18np { to { transform: rotate(360deg); } }
/* /Pages/ShopFormyPlatnosci.razor.rz.scp.css */
.page-wrapper[b-o8ruc1tbp0] {
    min-height: 100vh;
    width: 100%;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    padding: 24px;
    box-sizing: border-box;
}

.content-container[b-o8ruc1tbp0] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.page-header[b-o8ruc1tbp0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 24px;
}

.header-text h1[b-o8ruc1tbp0] {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 8px 0;
    letter-spacing: -0.03em;
    color: #0F172A;
}

.header-text p[b-o8ruc1tbp0] {
    margin: 0;
    color: #64748B;
    font-size: 16px;
}

.header-actions[b-o8ruc1tbp0] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.search-box[b-o8ruc1tbp0] {
    position: relative;
    width: 260px;
}

.search-icon[b-o8ruc1tbp0] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 20px;
}

.search-box input[b-o8ruc1tbp0] {
    width: 100%;
    padding: 10px 10px 10px 40px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s;
    background: #FFFFFF;
}

.search-box input:focus[b-o8ruc1tbp0] {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.btn-primary[b-o8ruc1tbp0] {
    background: #0F172A;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-primary:hover[b-o8ruc1tbp0] {
    background: #334155;
}

.btn-secondary[b-o8ruc1tbp0] {
    background: white;
    color: #0F172A;
    border: 1px solid #E2E8F0;
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
}

.suppliers-grid[b-o8ruc1tbp0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.supplier-card[b-o8ruc1tbp0] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
}

.supplier-card:hover[b-o8ruc1tbp0] {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
    border-color: #CBD5E1;
}

.sup-header[b-o8ruc1tbp0] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.sup-avatar[b-o8ruc1tbp0] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #F1F5F9;
    color: #64748B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    flex-shrink: 0;
}

.sup-info[b-o8ruc1tbp0] {
    flex: 1;
    overflow: hidden;
}

.btn-delete-card[b-o8ruc1tbp0] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border: 1px solid #FECACA;
    border-radius: 10px;
    background: #FEF2F2;
    color: #DC2626;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-delete-card:hover[b-o8ruc1tbp0] {
    background: #DC2626;
    border-color: #DC2626;
    color: #FFFFFF;
}

.btn-delete-card span[b-o8ruc1tbp0] {
    font-size: 19px;
}

.sup-info h3[b-o8ruc1tbp0] {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 700;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nip-badge[b-o8ruc1tbp0] {
    display: inline-block;
    background: #EFF6FF;
    color: #2563EB;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
}
.pay-badge[b-o8ruc1tbp0] {
    display: inline-block;
    background: #effff9;
    color: #14aa8a;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
}

.btn-icon-more[b-o8ruc1tbp0] {
    background: transparent;
    border: none;
    color: #94A3B8;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
}

.btn-icon-more:hover[b-o8ruc1tbp0] {
    background: #F1F5F9;
    color: #0F172A;
}

.sup-body[b-o8ruc1tbp0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid #F8FAFC;
}

.contact-row[b-o8ruc1tbp0] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #475569;
}

.icon-muted[b-o8ruc1tbp0] {
    font-size: 18px;
    color: #94A3B8;
}

.text-ellipsis[b-o8ruc1tbp0] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loading-state[b-o8ruc1tbp0], .empty-state[b-o8ruc1tbp0] {
    text-align: center;
    padding: 60px 0;
    color: #94A3B8;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.spinner[b-o8ruc1tbp0] {
    width: 32px;
    height: 32px;
    border: 3px solid #E2E8F0;
    border-top-color: #0F172A;
    border-radius: 50%;
    animation: spin-b-o8ruc1tbp0 1s linear infinite;
}

@keyframes spin-b-o8ruc1tbp0 { to { transform: rotate(360deg); } }
/* /Pages/ShopPaymentEditor.razor.rz.scp.css */
/* --- Główne kontenery --- */
.details-page-wrapper[b-s6ovsxnawr] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #0F172A;
}

.details-grid.single-column[b-s6ovsxnawr] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 720px; /* Optymalna szerokość do czytania */
    margin: 0 auto;
}

/* --- Nagłówek --- */
.details-header[b-s6ovsxnawr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    gap: 20px;
}

.header-left[b-s6ovsxnawr] { display: flex; flex-direction: column; gap: 8px; }

.page-title[b-s6ovsxnawr] {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0F172A;
}

.page-subtitle[b-s6ovsxnawr] { font-size: 14px; color: #64748B; font-weight: 500; }

.header-actions[b-s6ovsxnawr] { display: flex; gap: 12px; }

/* --- Revolut Style Buttons --- */
.btn-primary[b-s6ovsxnawr], .btn-secondary[b-s6ovsxnawr], .btn-back[b-s6ovsxnawr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 10px; /* Pill shape */
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
    border: none;
    outline: none;
}

.btn-primary[b-s6ovsxnawr] {
    background-color: #0F172A; /* Głęboka czerń/granat */
    color: #FFFFFF;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
}

.btn-primary:hover[b-s6ovsxnawr] {
    background-color: #1E293B;
    transform: translateY(-1px);
    box-shadow: 0 6px 8px -1px rgba(15, 23, 42, 0.15);
}

.btn-primary:active[b-s6ovsxnawr] { transform: translateY(0); }

.btn-secondary[b-s6ovsxnawr] {
    background-color: #ffffff;
    color: #334155;
    border: 1px solid #E2E8F0;
}

.btn-secondary:hover[b-s6ovsxnawr] {
    background-color: #E2E8F0;
    color: #0F172A;
}

.btn-back[b-s6ovsxnawr] {
    background: transparent;
    padding: 0;
    color: #64748B;
    width: fit-content;
    border-radius: 6px;
}
.btn-back:hover[b-s6ovsxnawr] { color: #0F172A; }
.btn-back .material-symbols-rounded[b-s6ovsxnawr] { font-size: 18px; }

/* --- Karty --- */
.card[b-s6ovsxnawr] {
    background: #FFFFFF;
    border-radius: 20px; /* Mocniejsze zaokrąglenie */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
    border: 1px solid #F1F5F9;
    overflow: visible; /* Ważne dla popupów */
}

.card-header[b-s6ovsxnawr] {
    padding: 20px 24px;
    border-bottom: 1px solid #F8FAFC;
}

.card-header h3[b-s6ovsxnawr] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1E293B;
}

.form-content[b-s6ovsxnawr] { padding: 24px; display: flex; flex-direction: column; gap: 24px; }

.form-row[b-s6ovsxnawr] {
    display: flex;
    gap: 20px;
}
.form-group[b-s6ovsxnawr] { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.form-group.half-width[b-s6ovsxnawr] { flex: 1; }

.form-group label[b-s6ovsxnawr] {
    font-size: 12px;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* --- Inputy i Pickery --- */
.input-with-icon[b-s6ovsxnawr] { position: relative; width: 100%; }
.icon-left[b-s6ovsxnawr] { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #94A3B8; font-size: 20px; pointer-events: none; }
.icon-right[b-s6ovsxnawr] { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #94A3B8; pointer-events: none; }

.form-input[b-s6ovsxnawr] {
    width: 100%;
    padding: 12px 14px 12px 44px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-size: 14px;
    color: #0F172A;
    background: #FFFFFF;
    transition: all 0.2s;
    font-family: inherit;
}

.form-input:focus[b-s6ovsxnawr] {
    border-color: #0F172A;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05);
    outline: none;
}

.clickable[b-s6ovsxnawr] { cursor: pointer; }
.pointer-events-none[b-s6ovsxnawr] { pointer-events: none; }

.custom-select-wrapper[b-s6ovsxnawr] { position: relative; }

.picker-dropdown[b-s6ovsxnawr] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
    z-index: 100;
    overflow: hidden;
    animation: fadeIn-b-s6ovsxnawr 0.15s ease-out;
}

.picker-search[b-s6ovsxnawr] { padding: 12px; border-bottom: 1px solid #F1F5F9; display: flex; gap: 8px; align-items: center; }
.picker-search input[b-s6ovsxnawr] { border: none; outline: none; width: 100%; font-size: 14px; }
.picker-list[b-s6ovsxnawr] { max-height: 240px; overflow-y: auto; }
.picker-item[b-s6ovsxnawr] { padding: 12px 16px; cursor: pointer; border-bottom: 1px solid #F8FAFC; transition: background 0.1s; }
.picker-item:hover[b-s6ovsxnawr] { background: #F8FAFC; }
.pi-name[b-s6ovsxnawr] { font-weight: 600; font-size: 14px; color: #1E293B; }
.pi-integration[b-s6ovsxnawr] { font-size: 11px; color: #64748B; margin-top: 2px; text-transform: uppercase; font-weight: 600; background: #F1F5F9; display: inline-block; padding: 2px 6px; border-radius: 4px; }

/* --- Editor & Live Preview --- */
.section-desc[b-s6ovsxnawr] { margin: 0; font-size: 14px; color: #64748B; line-height: 1.5; }

.editor-wrapper[b-s6ovsxnawr] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.textarea-container[b-s6ovsxnawr] { position: relative; }

.smart-textarea[b-s6ovsxnawr] {
    width: 100%;
    min-height: 120px;
    padding: 16px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-family: 'Inter', sans-serif; /* Spójny font */
    font-size: 14px;
    line-height: 1.6;
    color: #334155;
    resize: vertical;
    outline: none;
    transition: border 0.2s;
    background: #fff;
}
.smart-textarea:focus[b-s6ovsxnawr] { border-color: #0F172A; }

/* Popup ze zmiennymi */
.variables-popover[b-s6ovsxnawr] {
    position: absolute;
    width: 300px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    z-index: 200;
    display: flex;
    flex-direction: column;
}

.popover-title[b-s6ovsxnawr] {
    padding: 8px 12px;
    background: #F8FAFC;
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    border-bottom: 1px solid #F1F5F9;
}

.popover-list[b-s6ovsxnawr] { max-height: 200px; overflow-y: auto; }
.variable-item[b-s6ovsxnawr] {
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-bottom: 1px solid #F8FAFC;
}
.variable-item:hover[b-s6ovsxnawr] { background: #EFF6FF; }
.v-code[b-s6ovsxnawr] { font-family: monospace; font-weight: 700; color: #2563EB; font-size: 12px; }
.v-desc[b-s6ovsxnawr] { font-size: 12px; color: #475569; }

/* --- Live Preview & Tooltips --- */
.live-preview[b-s6ovsxnawr] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    margin-top: 24px;
}

.preview-label[b-s6ovsxnawr] {
    position: absolute;
    top: -10px;
    left: 16px;
    background: #FFFFFF;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 700;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.preview-content[b-s6ovsxnawr] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #334155;
    
    /* TO JEST KLUCZOWE: */
    white-space: pre-wrap;       /* Zachowuje entery użytkownika */
    word-break: break-word;      /* Łamie długie słowa */
}

.empty-preview[b-s6ovsxnawr] {
    color: #CBD5E1;
    font-style: italic;
    font-size: 14px;
}

/* CHIP STYLING */
[b-s6ovsxnawr] .var-chip {
    display: inline;             /* WAŻNE: Traktuje to jak zwykły tekst, nie blok */
    
    font-family: 'JetBrains Mono', 'Fira Code', monospace; /* Wyróżnienie fontem */
    font-size: 0.9em;            /* Odrobinę mniejszy, żeby nie rozpychał linii */
    font-weight: 500;
    
    background-color: #EFF6FF;   /* Tło: Ice Blue */
    color: #2563EB;              /* Tekst: Royal Blue */
    
    padding: 2px 4px;            /* Minimalny padding */
    border-radius: 4px;
    margin: 0 1px;               /* Minimalny margines boczny */
    
    border: 1px solid rgba(37, 99, 235, 0.15);
    position: relative;          /* Punkt odniesienia dla tooltipa */
    cursor: default;
    
    box-decoration-break: clone; /* Jeśli zmienna jakimś cudem się złamie w linii */
    -webkit-box-decoration-break: clone;
}
[b-s6ovsxnawr] .var-chip:hover {
    background-color: #DBEAFE;
    border-color: rgba(37, 99, 235, 0.2);
}

/* Tooltip Logic */
[b-s6ovsxnawr] .tooltip-box {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 100%;                /* Nad tekstem */
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    
    background: #1E293B;         /* Ciemne tło */
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 6px;
    width: max-content;
    max-width: 250px;
    
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    
    z-index: 1000;
    pointer-events: none;        /* Myszka nie reaguje na tooltip */
    transition: all 0.15s ease-out;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    
    margin-bottom: 6px;          /* Odstęp od słowa */
}

/* Strzałka tooltipa */
[b-s6ovsxnawr] .tooltip-box::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1E293B transparent transparent transparent;
}

[b-s6ovsxnawr] .var-chip:hover .tooltip-box {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

[b-s6ovsxnawr] .tt-header {
    display: block;
    font-weight: 700;
    margin-bottom: 2px;
    color: #F8FAFC;
}

[b-s6ovsxnawr] .tt-val {
    display: block;
    color: #94A3B8;
}

@media (max-width: 600px) {
    .form-row[b-s6ovsxnawr] { flex-direction: column; gap: 16px; }
    .details-header[b-s6ovsxnawr] { flex-direction: column; align-items: stretch; }
    .header-actions[b-s6ovsxnawr] { justify-content: stretch; }
    .btn-primary[b-s6ovsxnawr], .btn-secondary[b-s6ovsxnawr] { flex: 1; }
    .variables-popover[b-s6ovsxnawr] { position: fixed; bottom: 0; left: 0!important; top: auto!important; width: 100%; border-radius: 16px 16px 0 0; border-bottom: none; box-shadow: 0 -4px 10px rgba(0,0,0,0.1); }
}

@keyframes fadeIn-b-s6ovsxnawr { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
/* /Pages/ShopProducts.razor.rz.scp.css */
.page-wrapper[b-dsvex4zhfy] {
    min-height: 100vh;
    width: 100%;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    padding: 24px;
    box-sizing: border-box;
}

.content-container[b-dsvex4zhfy] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.page-header[b-dsvex4zhfy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 24px;
}

.header-text h1[b-dsvex4zhfy] {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 8px 0;
    letter-spacing: -0.03em;
    color: #0F172A;
}

.header-text p[b-dsvex4zhfy] {
    margin: 0;
    color: #64748B;
    font-size: 16px;
}

.header-actions[b-dsvex4zhfy] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.search-box[b-dsvex4zhfy] {
    position: relative;
    width: 260px;
}

.search-icon[b-dsvex4zhfy] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    font-size: 20px;
}

.search-box input[b-dsvex4zhfy] {
    width: 100%;
    padding: 10px 10px 10px 40px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s;
    background: #FFFFFF;
}

.search-box input:focus[b-dsvex4zhfy] {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.btn-primary[b-dsvex4zhfy] {
    background: #0F172A;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-primary:hover[b-dsvex4zhfy] {
    background: #334155;
}

.btn-secondary[b-dsvex4zhfy] {
    background: white;
    color: #0F172A;
    border: 1px solid #E2E8F0;
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
}

.suppliers-grid[b-dsvex4zhfy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.supplier-card[b-dsvex4zhfy] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
}

.supplier-card:hover[b-dsvex4zhfy] {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
    border-color: #CBD5E1;
}

.sup-header[b-dsvex4zhfy] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.sup-avatar[b-dsvex4zhfy] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #F1F5F9;
    color: #64748B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    flex-shrink: 0;
}

.sup-info[b-dsvex4zhfy] {
    flex: 1;
    overflow: hidden;
}

.sup-info h3[b-dsvex4zhfy] {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 700;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nip-badge[b-dsvex4zhfy] {
    display: inline-block;
    background: #EFF6FF;
    color: #2563EB;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
}
.pay-badge[b-dsvex4zhfy] {
    display: inline-block;
    background: #effff9;
    color: #14aa8a;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
}

.btn-icon-more[b-dsvex4zhfy] {
    background: transparent;
    border: none;
    color: #94A3B8;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
}

.btn-icon-more:hover[b-dsvex4zhfy] {
    background: #F1F5F9;
    color: #0F172A;
}

.sup-body[b-dsvex4zhfy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid #F8FAFC;
}

.contact-row[b-dsvex4zhfy] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #475569;
}

.icon-muted[b-dsvex4zhfy] {
    font-size: 18px;
    color: #94A3B8;
}

.text-ellipsis[b-dsvex4zhfy] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loading-state[b-dsvex4zhfy], .empty-state[b-dsvex4zhfy] {
    text-align: center;
    padding: 60px 0;
    color: #94A3B8;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.spinner[b-dsvex4zhfy] {
    width: 32px;
    height: 32px;
    border: 3px solid #E2E8F0;
    border-top-color: #0F172A;
    border-radius: 50%;
    animation: spin-b-dsvex4zhfy 1s linear infinite;
}

@keyframes spin-b-dsvex4zhfy { to { transform: rotate(360deg); } }
/* /Pages/StockHistoryPage.razor.rz.scp.css */
.stock-history-page[b-lmwqncqw2v] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px;
    color: #0f172a;
}

.history-hero[b-lmwqncqw2v] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 18px;
}

.btn-icon[b-lmwqncqw2v],
.btn-secondary[b-lmwqncqw2v] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 800;
}

.btn-icon[b-lmwqncqw2v] {
    width: 42px;
}

.btn-secondary[b-lmwqncqw2v] {
    padding: 10px 14px;
}

.btn-secondary:disabled[b-lmwqncqw2v] {
    opacity: .55;
    cursor: not-allowed;
}

.eyebrow[b-lmwqncqw2v] {
    color: #64748b;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
}

.history-hero h1[b-lmwqncqw2v] {
    margin: 4px 0;
    font-size: 28px;
}

.history-hero p[b-lmwqncqw2v] {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.history-summary[b-lmwqncqw2v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.history-summary > div[b-lmwqncqw2v],
.history-state[b-lmwqncqw2v],
.timeline-row[b-lmwqncqw2v] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}

.history-summary > div[b-lmwqncqw2v] {
    padding: 16px;
}

.history-summary span[b-lmwqncqw2v],
.timeline-title span[b-lmwqncqw2v],
.timeline-tags span[b-lmwqncqw2v] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.history-summary strong[b-lmwqncqw2v] {
    display: block;
    margin-top: 4px;
    font-size: 24px;
}

.history-state[b-lmwqncqw2v] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #64748b;
    text-align: center;
}

.spinner[b-lmwqncqw2v] {
    width: 24px;
    height: 24px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f172a;
    border-radius: 50%;
    animation: spin-b-lmwqncqw2v .8s linear infinite;
}

.timeline-list[b-lmwqncqw2v] {
    display: grid;
    gap: 12px;
}

.timeline-row[b-lmwqncqw2v] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 14px;
    align-items: center;
    padding: 15px;
}

.timeline-icon[b-lmwqncqw2v] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #475569;
}

.timeline-row.production .timeline-icon[b-lmwqncqw2v] {
    background: #dbeafe;
    color: #1d4ed8;
}

.timeline-row.order .timeline-icon[b-lmwqncqw2v] {
    background: #fef3c7;
    color: #b45309;
}

.timeline-row.return .timeline-icon[b-lmwqncqw2v] {
    background: #fee2e2;
    color: #b91c1c;
}

.timeline-row.user .timeline-icon[b-lmwqncqw2v] {
    background: #dcfce7;
    color: #166534;
}

.timeline-title[b-lmwqncqw2v] {
    display: block;
}

.timeline-main p[b-lmwqncqw2v] {
    margin: 5px 0 8px;
    color: #334155;
    font-size: 14px;
}

.timeline-tags[b-lmwqncqw2v] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.timeline-tags span[b-lmwqncqw2v] {
    border-radius: 999px;
    padding: 5px 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.stock-change[b-lmwqncqw2v] {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-weight: 900;
}

.stock-change .material-symbols-rounded[b-lmwqncqw2v] {
    color: #94a3b8;
    font-size: 18px;
}

.stock-change b[b-lmwqncqw2v] {
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
}

.stock-change b.positive[b-lmwqncqw2v] {
    color: #166534;
    background: #dcfce7;
}

.stock-change b.negative[b-lmwqncqw2v] {
    color: #991b1b;
    background: #fee2e2;
}

.timeline-date[b-lmwqncqw2v] {
    text-align: right;
    white-space: nowrap;
    padding-left: 4px;
}

.timeline-date strong[b-lmwqncqw2v],
.timeline-date span[b-lmwqncqw2v] {
    display: block;
}

.timeline-date strong[b-lmwqncqw2v] {
    color: #0f172a;
    font-size: 13px;
}

.timeline-date span[b-lmwqncqw2v] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    margin-top: 3px;
}

.history-pager[b-lmwqncqw2v] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

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

@media (max-width: 760px) {
    .stock-history-page[b-lmwqncqw2v] {
        padding: 14px;
    }

    .history-summary[b-lmwqncqw2v],
    .timeline-row[b-lmwqncqw2v] {
        grid-template-columns: 1fr;
    }

    .stock-change[b-lmwqncqw2v] {
        justify-content: flex-start;
    }

    .history-pager[b-lmwqncqw2v] {
        justify-content: stretch;
    }

    .history-pager button[b-lmwqncqw2v] {
        flex: 1;
    }

    .timeline-date[b-lmwqncqw2v] {
        text-align: left;
        padding-left: 0;
    }
}
/* /Pages/Store.razor.rz.scp.css */

    .dashboard-container[b-48wijda11r] {
        min-height: 100vh;
        padding: 32px;
        font-family: 'Inter', sans-serif;
        color: #0F172A;
        box-sizing: border-box;
    }

    /* --- HEADER --- */
    .dashboard-header[b-48wijda11r] {
        max-width: 1200px;
        margin: 0 auto 40px auto;
    }

    .header-content[b-48wijda11r] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .header-actions[b-48wijda11r] {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .store-identity[b-48wijda11r] {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .store-avatar[b-48wijda11r] {
        width: 64px; height: 64px;
        border-radius: 16px;
        background: linear-gradient(135deg, #0F172A 0%, #334155 100%);
        color: white;
        display: flex; align-items: center; justify-content: center;
        font-size: 24px; font-weight: 700;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
    }
    .store-avatar img[b-48wijda11r] { width: 100%; height: 100%; object-fit: cover; }

    .store-name[b-48wijda11r] {
        margin: 0; font-size: 24px; font-weight: 800;
        color: #0F172A; letter-spacing: -0.02em; line-height: 1.2;
    }

    .store-meta[b-48wijda11r] {
        display: flex; align-items: center; gap: 12px; margin-top: 6px;
    }

    .meta-id[b-48wijda11r] {
        font-family: monospace; font-size: 13px; color: #64748B;
        background: #E2E8F0; padding: 2px 6px; border-radius: 4px;
    }

    .status-pill[b-48wijda11r] {
        display: flex; align-items: center; gap: 6px;
        font-size: 13px; font-weight: 600; padding: 4px 10px;
        border-radius: 100px;
    }
    .status-pill.online[b-48wijda11r] { background: #ECFDF5; color: #059669; }
    .status-pill.online .dot[b-48wijda11r] { background: #059669; }
    .status-pill.offline[b-48wijda11r] { background: #F1F5F9; color: #64748B; }
    .status-pill.offline .dot[b-48wijda11r] { background: #94A3B8; }
    
    .status-pill .dot[b-48wijda11r] {
        width: 8px; height: 8px; border-radius: 50%;
        animation: pulse-b-48wijda11r 2s infinite;
    }

    .btn-visit-store[b-48wijda11r] {
        background: white; color: #0F172A;
        border: 1px solid #E2E8F0;
        padding: 12px 20px; border-radius: 12px;
        font-weight: 600; font-size: 14px;
        display: flex; align-items: center; gap: 8px;
        text-decoration: none; transition: 0.2s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    }
    .btn-visit-store:hover[b-48wijda11r] {
        background: #F1F5F9; transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    }

    .btn-danger-soft[b-48wijda11r] {
        border: 1px solid #FECACA;
        background: #FEF2F2;
        color: #B91C1C;
        padding: 12px 16px;
        border-radius: 12px;
        font-weight: 700;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        transition: 0.2s ease;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    .btn-danger-soft:hover[b-48wijda11r] {
        background: #FEE2E2;
        transform: translateY(-2px);
    }

    /* --- GRID --- */
    .settings-grid[b-48wijda11r] {
        max-width: 1200px; margin: 0 auto;
        display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px;
        align-items: start;
    }
    @media (min-width: 1024px) {
        .settings-grid[b-48wijda11r] { grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr); }
    }

    @media (max-width: 640px) {
        .dashboard-container[b-48wijda11r] { padding: 18px; }
        .header-content[b-48wijda11r] { align-items: stretch; }
        .store-identity[b-48wijda11r] { width: 100%; }
        .header-actions[b-48wijda11r] { width: 100%; }
        .header-actions > *[b-48wijda11r] {
            flex: 1;
            justify-content: center;
        }
        .store-meta[b-48wijda11r] {
            align-items: flex-start;
            flex-direction: column;
            gap: 6px;
        }
    }
    .grid-column[b-48wijda11r] { display: flex; flex-direction: column; gap: 32px; }

    /* --- PANEL CARDS --- */
    .panel-card[b-48wijda11r] {
        background: white; border-radius: 24px;
        border: 1px solid #E2E8F0;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);
        overflow: hidden;
        min-width: 0;
    }

    .panel-header[b-48wijda11r] {
        padding: 24px; border-bottom: 1px solid #F1F5F9;
        display: flex; align-items: center; gap: 16px;
    }

    .icon-box[b-48wijda11r] {
        width: 48px; height: 48px; border-radius: 14px;
        display: flex; align-items: center; justify-content: center;
        font-size: 24px;
    }
    .icon-box.purple[b-48wijda11r] { background: #F5F3FF; color: #7C3AED; }
    .icon-box.blue[b-48wijda11r] { background: #EFF6FF; color: #2563EB; }
    .icon-box.slate[b-48wijda11r] { background: #F1F5F9; color: #475569; }

    .header-text h3[b-48wijda11r] { margin: 0; font-size: 18px; font-weight: 700; color: #0F172A; }
    .header-text p[b-48wijda11r] { margin: 2px 0 0 0; font-size: 14px; color: #64748B; }

    .panel-body[b-48wijda11r] { padding: 24px; display: flex; flex-direction: column; gap: 24px; }
    .panel-body.no-padding[b-48wijda11r] { padding: 0; }

    .panel-footer[b-48wijda11r] {
        padding: 20px 24px; border-top: 1px solid #F1F5F9;
        background: #FAFAFA;
    }

    /* --- FORMS & INPUTS --- */
    .form-group[b-48wijda11r] { display: flex; flex-direction: column; gap: 8px; }
    .form-group label[b-48wijda11r] {
        font-size: 12px; font-weight: 700; text-transform: uppercase;
        color: #64748B; letter-spacing: 0.03em;
    }

    .input-wrapper[b-48wijda11r] {
        position: relative; display: flex; align-items: center;
    }
    .input-wrapper input[b-48wijda11r] {
        width: 100%; padding: 14px 16px 14px 44px;
        border: 2px solid #E2E8F0; border-radius: 12px;
        font-size: 15px; font-weight: 500; color: #0F172A;
        outline: none; transition: 0.2s;
    }
    .input-wrapper input:focus[b-48wijda11r] { border-color: #0F172A; }
    
    .input-icon[b-48wijda11r] {
        position: absolute; left: 14px; color: #94A3B8; font-size: 20px;
        pointer-events: none;
    }

    .input-wrapper.readonly[b-48wijda11r] {
        background: #F8FAFC; border: 1px solid #E2E8F0;
        padding: 14px; border-radius: 12px;
        font-family: 'Inter', monospace; color: #334155;
    }
    .input-wrapper.readonly .prefix[b-48wijda11r] { margin-left: 30px; color: #94A3B8; }
    .input-wrapper.readonly .value[b-48wijda11r] { margin: 0 2px; font-weight: 600; }
    .input-wrapper.readonly .suffix[b-48wijda11r] { color: #94A3B8; }

    .helper-text[b-48wijda11r] { font-size: 13px; color: #94A3B8; margin: 4px 0 0 0; }

    /* --- UPLOAD ZONE --- */
    .upload-zone[b-48wijda11r] {
        width: 100%; height: 180px;
        border: 1px solid #E1E7EA; border-radius: 18px;
        background: transparent;
        position: relative; /* Kluczowe dla pozycjonowania inputa */
        display: flex; align-items: center; justify-content: center;
        transition: 0.2s; cursor: pointer; overflow: hidden;
    }
    .upload-zone:hover[b-48wijda11r] { border-color: #7C3AED; background: #F5F3FF; }

    .upload-placeholder[b-48wijda11r] {
        text-align: center; color: #64748B;
        display: flex; flex-direction: column; align-items: center;
    }
    .upload-icon[b-48wijda11r] {
        font-size: 32px; margin-bottom: 8px; color: #94A3B8;
    }
    .upload-title[b-48wijda11r] { font-weight: 600; font-size: 14px; }
    .upload-subtitle[b-48wijda11r] { font-size: 12px; opacity: 0.7; }

    

    .preview-container[b-48wijda11r] { width: 100%; height: 100%; position: relative; padding: 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
    .img-preview[b-48wijda11r] { max-width: 100%; max-height: 100%; object-fit: contain; }
    
    .btn-icon-delete[b-48wijda11r] {
        position: absolute; top: 12px; right: 12px;
        background: white; border: 1px solid #E2E8F0;
        color: #EF4444; width: 36px; height: 36px;
        border-radius: 10px; display: flex; align-items: center; justify-content: center;
        cursor: pointer; 
        z-index: 20; /* BARDZO WAŻNE: musi być wyżej niż input */
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        transition: 0.2s;
    }
    .btn-icon-delete:hover[b-48wijda11r] { background: #FEF2F2; transform: scale(1.05); }

    /* --- DOMAIN & DNS --- */
    .domain-input-group[b-48wijda11r] { position: relative; }
    .domain-input-group input[b-48wijda11r] {
        width: 100%; padding: 14px; padding-right: 44px;
        border: 2px solid #E2E8F0; border-radius: 12px;
        font-size: 15px; outline: none; transition: 0.2s;
    }
    .domain-input-group input:focus[b-48wijda11r] { border-color: #2563EB; }
    .domain-input-group input.verified[b-48wijda11r] { border-color: #10B981; background: #F0FDF4; }
    
    .verification-icon[b-48wijda11r] {
        position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
        color: #10B981; font-size: 20px;
    }

    .dns-config-box[b-48wijda11r] {
        background: #1E293B; color: white;
        padding: 20px; border-radius: 16px;
        font-size: 14px; display: flex; flex-direction: column; gap: 16px;
    }
    .dns-header[b-48wijda11r] { display: flex; align-items: center; gap: 10px; font-weight: 600; color: #94A3B8; }
    
    .code-block[b-48wijda11r] {
        background: #0F172A; border-radius: 8px; padding: 12px;
        border: 1px solid #334155; font-family: monospace;
    }
    .code-row[b-48wijda11r] { display: flex; justify-content: space-between; margin-bottom: 6px; }
    .code-row:last-child[b-48wijda11r] { margin-bottom: 0; }
    .code-row .key[b-48wijda11r] { color: #64748B; }
    .code-row .val[b-48wijda11r] { color: #E2E8F0; }
    .code-row .val.highlight[b-48wijda11r] { color: #38BDF8; font-weight: 700; }

    .btn-verify[b-48wijda11r] {
        background: #3B82F6; color: white; border: none;
        padding: 10px; border-radius: 8px; font-weight: 600;
        cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px;
        transition: 0.2s;
    }
    .btn-verify:hover[b-48wijda11r] { background: #2563EB; }

    .success-box[b-48wijda11r] {
        background: #ECFDF5; color: #065F46; padding: 16px;
        border-radius: 12px; display: flex; align-items: center; gap: 10px;
        font-weight: 500; font-size: 14px; border: 1px solid #A7F3D0;
    }

    /* --- SWITCH --- */
    .setting-row[b-48wijda11r] {
        display: flex; justify-content: space-between; align-items: center;
        padding-top: 16px; border-top: 1px solid #F1F5F9;
    }
    .setting-info[b-48wijda11r] { display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
    .setting-info span[b-48wijda11r] { font-size: 12px; color: #64748B; }
    .setting-info code[b-48wijda11r] { margin-top: 5px; color: #475569; font-size: 11px; overflow-wrap: anywhere; }

    .ios-switch[b-48wijda11r] { position: relative; width: 48px; height: 28px; }
    .ios-switch input[b-48wijda11r] { opacity: 0; width: 0; height: 0; }
    .slider[b-48wijda11r] {
        position: absolute; cursor: pointer; inset: 0;
        background-color: #E2E8F0; transition: .3s; border-radius: 34px;
    }
    .slider[b-48wijda11r]:before {
        position: absolute; content: ""; height: 22px; width: 22px;
        left: 3px; bottom: 3px; background-color: white;
        transition: .3s; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    input:checked + .slider[b-48wijda11r] { background-color: #2563EB; }
    input:checked + .slider[b-48wijda11r]:before { transform: translateX(20px); }
    input:disabled + .slider[b-48wijda11r] { opacity: 0.5; cursor: not-allowed; }

    /* --- LEGAL LIST --- */
    .nav-list[b-48wijda11r] { display: flex; flex-direction: column; }
    .nav-item[b-48wijda11r] {
        display: flex; align-items: center; gap: 16px;
        padding: 20px 24px; border-bottom: 1px solid #F1F5F9;
        transition: 0.2s;
    }
    .nav-item:last-child[b-48wijda11r] { border-bottom: none; }
    .nav-item:hover[b-48wijda11r] { background: #F8FAFC; }

    .nav-icon[b-48wijda11r] {
        width: 40px; height: 40px; border-radius: 10px;
        background: white; border: 1px solid #E2E8F0;
        display: flex; align-items: center; justify-content: center;
        color: #64748B;
    }
    .nav-content[b-48wijda11r] { flex: 1; display: flex; flex-direction: column; font-size: 14px; }
    .nav-content span[b-48wijda11r] { font-size: 12px; color: #94A3B8; }

    .btn-ghost[b-48wijda11r] {
        background: none; border: none; color: #64748B;
        font-weight: 600; font-size: 13px; cursor: pointer;
        padding: 6px 12px; border-radius: 6px; transition: 0.2s;
    }
    .btn-ghost:hover[b-48wijda11r] { background: #E2E8F0; color: #0F172A; }

    /* --- ACTIONS --- */
    .btn-save-primary[b-48wijda11r] {
        width: 100%; padding: 14px; border-radius: 12px;
        background: #0F172A; color: white; border: none;
        font-weight: 600; font-size: 15px; cursor: pointer;
        transition: 0.2s;
    }
    .btn-save-primary:hover[b-48wijda11r] { background: #334155; }

    /* --- LOADING & ERROR --- */
    .loading-state[b-48wijda11r], .error-container[b-48wijda11r] {
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        height: 60vh; text-align: center; color: #64748B;
    }
    .spinner-ring[b-48wijda11r] {
        width: 48px; height: 48px; border: 5px solid #E2E8F0;
        border-top-color: #0F172A; border-radius: 50%;
        animation: spin-b-48wijda11r 1s linear infinite; margin-bottom: 24px;
    }
    .error-icon[b-48wijda11r] { font-size: 64px; color: #CBD5E1; margin-bottom: 16px; }
    .btn-retry[b-48wijda11r] { margin-top: 16px; padding: 10px 20px; background: white; border: 1px solid #E2E8F0; border-radius: 8px; cursor: pointer; }

    @keyframes spin-b-48wijda11r { to { transform: rotate(360deg); } }
    @keyframes pulse-b-48wijda11r { 0% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(5, 150, 105, 0); } 100% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0); } }

    /* --- NOWE STYLE DLA BANERÓW I PRZYCISKÓW --- */

    .icon-box.orange[b-48wijda11r] { background: #FFEDD5; color: #F97316; }
    .icon-box.teal[b-48wijda11r] { background: #CCFBF1; color: #0F766E; }

    .banner-section[b-48wijda11r] { display: flex; flex-direction: column; gap: 12px; }
    .section-label[b-48wijda11r] { font-size: 13px; font-weight: 700; color: #334155; text-transform: uppercase; letter-spacing: 0.02em; }
    
    .upload-zone.wide[b-48wijda11r] { height: 220px; }
    .img-preview-wide[b-48wijda11r] { width: 100%; height: 100%; object-fit: cover; }

    .inputs-row[b-48wijda11r] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    
    .input-standard[b-48wijda11r] {
        width: 100%; padding: 12px 16px;
        border: 1px solid #E2E8F0; border-radius: 10px;
        font-size: 14px; outline: none; transition: 0.2s;
        box-sizing: border-box;
    }
    .input-standard:focus[b-48wijda11r], .input-textarea:focus[b-48wijda11r] { border-color: #0F172A; }

    .input-textarea[b-48wijda11r] {
        width: 100%; padding: 12px 16px;
        border: 1px solid #E2E8F0; border-radius: 10px;
        font-size: 14px; outline: none; transition: 0.2s;
        resize: vertical; min-height: 80px; font-family: inherit;
        box-sizing: border-box;
    }

    .small-banners-grid[b-48wijda11r] {
        display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
    }
    .separator-line[b-48wijda11r] { height: 1px; background: #F1F5F9; margin: 8px 0; }
    .mt-2[b-48wijda11r] { margin-top: 4px; }

    .input-wrapper.small input[b-48wijda11r] { padding: 10px 10px 10px 40px; font-size: 13px; }
    .input-wrapper.small .input-icon[b-48wijda11r] { font-size: 18px; top: 11px; }

    /* Karta Logistyki */
    .config-link-card[b-48wijda11r] {
        background: white; border: 1px solid #E2E8F0;
        border-radius: 20px; overflow: hidden;
        transition: 0.2s; cursor: pointer;
    }
    .config-link-card:hover[b-48wijda11r] {
        border-color: #0F766E; box-shadow: 0 4px 12px rgba(15, 118, 110, 0.1);
    }
    .card-content-row[b-48wijda11r] {
        padding: 20px; display: flex; align-items: center; gap: 16px;
    }
    .text-content h3[b-48wijda11r] { margin: 0; font-size: 16px; font-weight: 700; color: #0F172A; }
    .text-content p[b-48wijda11r] { margin: 2px 0 0 0; font-size: 13px; color: #64748B; }
    
    .btn-arrow-action[b-48wijda11r] {
        margin-left: auto; width: 40px; height: 40px;
        border-radius: 10px; background: #F0FDFA; color: #0F766E;
        display: flex; align-items: center; justify-content: center;
        text-decoration: none; transition: 0.2s;
    }
    .config-link-card:hover .btn-arrow-action[b-48wijda11r] {
        background: #0F766E; color: white; transform: translateX(4px);
    }

    /* --- STATUS BADGES DLA STRON --- */
    .status-badge[b-48wijda11r] {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 4px 10px; border-radius: 6px;
        font-size: 11px; font-weight: 600; text-transform: uppercase;
        letter-spacing: 0.03em; margin-top: 4px; width: fit-content;
    }
    
    .status-badge.empty[b-48wijda11r] {
        background: #F1F5F9; color: #64748B; border: 1px solid #E2E8F0;
    }
    .status-badge.empty .dot[b-48wijda11r] {
        width: 6px; height: 6px; background: #94A3B8; border-radius: 50%;
    }

    .status-badge.ready[b-48wijda11r] {
        background: #F0FDF4; color: #059669; border: 1px solid #A7F3D0;
    }
    .status-badge.ready .check[b-48wijda11r] {
        font-size: 16px; font-weight: 700;
    }

    /* --- LIQUID BUTTON ANIMATION --- */
    .btn-save-primary[b-48wijda11r] {
        position: relative; overflow: hidden;
        display: flex; align-items: center; justify-content: center;
        gap: 8px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .btn-save-primary.is-loading[b-48wijda11r] {
        background: #334155; cursor: wait; opacity: 0.9;
        pointer-events: none;
    }

    .loader-dots[b-48wijda11r] {
        width: 24px; height: 6px;
        --d: radial-gradient(3px 3px at 50% 50%,#fff 96%,#0000);
        background: var(--d) 0 0, var(--d) 10px 0, var(--d) 20px 0;
        background-repeat: no-repeat;
        animation: dots-b-48wijda11r 1s infinite linear;
    }
    @keyframes dots-b-48wijda11r { 
        0% { background-position: 0 0, 10px 0, 20px 0 } 
        33% { background-position: 0 5px, 10px 0, 20px 0 } 
        66% { background-position: 0 0, 10px 5px, 20px 0 } 
        100% { background-position: 0 0, 10px 0, 20px 5px } 
    }
/* /Pages/Stores.razor.rz.scp.css */
.page-wrapper[b-cb1sdwn5fw] {
    min-height: 100vh;
    width: 100%;
    font-family: 'Inter', sans-serif;
    color: #0F172A;
    padding: 24px;
    box-sizing: border-box;
}

.content-container[b-cb1sdwn5fw] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.shopping-empty-banner[b-cb1sdwn5fw] {
    position: relative;
    min-height: 380px;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
    align-items: stretch;
    overflow: hidden;
    padding: clamp(28px, 4vw, 52px);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 28px;
    background:
        radial-gradient(circle at 76% 12%, rgba(255,255,255,.28), transparent 28%),
        linear-gradient(135deg, #4c1d95 0%, #6d28d9 45%, #7c3aed 100%);
    box-shadow: 0 26px 70px rgba(76, 29, 149, .26);
    isolation: isolate;
}

.shopping-empty-banner[b-cb1sdwn5fw]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(46,16,101,.26);
}

.shopping-empty-content[b-cb1sdwn5fw] {
    position: relative;
    z-index: 2;
    max-width: 560px;
    display: grid;
    align-content: center;
    justify-items: start;
}

.shopping-empty-kicker[b-cb1sdwn5fw] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 14px;
    padding: 0 10px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #ede9fe;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.shopping-empty-content h2[b-cb1sdwn5fw] {
    max-width: 520px;
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 850;
    line-height: 1.03;
    letter-spacing: 0;
}

.shopping-empty-content p[b-cb1sdwn5fw] {
    max-width: 560px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.84);
    font-size: clamp(14px, 1.5vw, 17px);
    line-height: 1.65;
}

.shopping-empty-cta[b-cb1sdwn5fw] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 28px;
    padding: 0 18px;
    border: 0;
    border-radius: 14px;
    background: #fff;
    color: #4c1d95;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(24, 13, 56, .22);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.shopping-empty-cta:hover[b-cb1sdwn5fw] {
    transform: translateY(-2px);
    background: #faf5ff;
    box-shadow: 0 22px 42px rgba(24, 13, 56, .28);
}

.shopping-empty-cta .material-symbols-rounded[b-cb1sdwn5fw] { font-size: 20px; }

.shopping-empty-visual[b-cb1sdwn5fw] {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 1;
    width: min(68%, 860px);
    pointer-events: none;
    opacity: .98;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.1) 18%, rgba(0,0,0,.78) 42%, #000 68%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.1) 18%, rgba(0,0,0,.78) 42%, #000 68%);
}

.shopping-empty-visual img[b-cb1sdwn5fw] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: right center;
}

/* HEADER */
.page-header[b-cb1sdwn5fw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 24px;
}

.header-text h1[b-cb1sdwn5fw] {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 8px 0;
    letter-spacing: -0.03em;
    color: #0F172A;
}

.header-text p[b-cb1sdwn5fw] {
    margin: 0;
    color: #64748B;
    font-size: 16px;
    font-weight: 400;
}

.btn-primary[b-cb1sdwn5fw] {
    background-color: #0F172A;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 14px;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1);
}

.btn-primary:hover[b-cb1sdwn5fw] {
    background-color: #334155;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.15);
}

/* LOADING & EMPTY STATES */
.loading-state[b-cb1sdwn5fw],
.empty-state[b-cb1sdwn5fw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
    color: #94A3B8;
}

.spinner[b-cb1sdwn5fw] {
    width: 40px;
    height: 40px;
    border: 4px solid #E2E8F0;
    border-top-color: #0F172A;
    border-radius: 50%;
    animation: spin-b-cb1sdwn5fw 1s linear infinite;
    margin-bottom: 16px;
}

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

.empty-state[b-cb1sdwn5fw] {
    gap: 16px;
    text-align: center;
}

.empty-icon span[b-cb1sdwn5fw] {
    font-size: 64px;
    color: #CBD5E1;
}

.empty-state h3[b-cb1sdwn5fw] {
    margin: 0;
    color: #0F172A;
    font-size: 18px;
}

.btn-secondary[b-cb1sdwn5fw] {
    background: white;
    border: 2px solid #E2E8F0;
    padding: 10px 20px;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
}

/* GRID */
.stores-grid[b-cb1sdwn5fw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 32px;
}

/* CARD DESIGN */
.store-card[b-cb1sdwn5fw] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.store-card:hover[b-cb1sdwn5fw] {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
    border-color: #CBD5E1;
}

/* Status Indicator */
.status-indicator[b-cb1sdwn5fw] {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-indicator.active[b-cb1sdwn5fw] {
    background: #ECFDF5;
    color: #059669;
}

.status-indicator.active .dot[b-cb1sdwn5fw] {
    background: #059669;
}

.status-indicator.inactive[b-cb1sdwn5fw] {
    background: #F1F5F9;
    color: #64748B;
}

.status-indicator.inactive .dot[b-cb1sdwn5fw] {
    background: #94A3B8;
}

.status-indicator .dot[b-cb1sdwn5fw] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
}

/* Card Content */
.card-content[b-cb1sdwn5fw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    margin-top: 16px;
}

.shop-logo-wrapper[b-cb1sdwn5fw] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.shop-logo-img[b-cb1sdwn5fw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-logo-placeholder[b-cb1sdwn5fw] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0F172A 0%, #334155 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
}

.shop-info h3[b-cb1sdwn5fw] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #0F172A;
    letter-spacing: -0.01em;
}

.shop-link[b-cb1sdwn5fw] {
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #3B82F6;
    text-decoration: none;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 8px;
    transition: background 0.2s;
}

.shop-link:hover[b-cb1sdwn5fw] {
    background: #EFF6FF;
}

.link-icon[b-cb1sdwn5fw] {
    font-size: 16px;
}

/* Footer / Actions */
.card-actions[b-cb1sdwn5fw] {
    margin-top: auto;
    border-top: 1px solid #F1F5F9;
    padding-top: 20px;
}

.action-btn[b-cb1sdwn5fw] {
    width: 100%;
    padding: 12px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    color: #0F172A;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s;
}

.action-btn:hover[b-cb1sdwn5fw] {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: #0F172A;
}

.top-bar .action-btn.primary[b-cb1sdwn5fw],
.top-bar .action-btn.primary:hover[b-cb1sdwn5fw] {
    border-color: #0F172A;
    background: #334155;
    color: #FFFFFF;
}

.top-bar .action-btn.primary[b-cb1sdwn5fw] { background: #0F172A; }

.top-bar .action-btn[b-cb1sdwn5fw] {
    width: auto;
    padding-inline: 18px;
}

@media (max-width: 720px) {
    .content-container[b-cb1sdwn5fw] { gap: 24px; }
    .shopping-empty-banner[b-cb1sdwn5fw] {
        min-height: 560px;
        grid-template-columns: 1fr;
        align-items: start;
        padding: 28px;
    }
    .shopping-empty-content[b-cb1sdwn5fw] {
        align-content: start;
        max-width: none;
    }
    .shopping-empty-content h2[b-cb1sdwn5fw] { font-size: 34px; }
    .shopping-empty-content p[b-cb1sdwn5fw] { font-size: 14px; }
    .shopping-empty-cta[b-cb1sdwn5fw] { width: 100%; }
    .shopping-empty-visual[b-cb1sdwn5fw] {
        top: auto;
        left: 0;
        width: 100%;
        height: 52%;
        opacity: .75;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.18) 18%, #000 52%);
        mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.18) 18%, #000 52%);
    }
    .top-bar .bar-right[b-cb1sdwn5fw] { width: 100%; }
    .top-bar .action-btn[b-cb1sdwn5fw] { width: 100%; }
}
/* /Pages/SystemAdmin.razor.rz.scp.css */
.system-admin-page[b-g0d6uvr9dl] {
    max-width: 1320px;
    margin: 0 auto;
    padding: 32px 20px 56px;
    color: #0F172A;
}

.admin-hero[b-g0d6uvr9dl] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-end;
    margin-bottom: 24px;
}

.eyebrow[b-g0d6uvr9dl] {
    display: inline-flex;
    margin-bottom: 8px;
    color: #2563EB;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.admin-hero h1[b-g0d6uvr9dl] {
    margin: 0;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 900;
}

.admin-hero p[b-g0d6uvr9dl] {
    margin: 8px 0 0;
    color: #64748B;
    font-size: 14px;
}

.refresh-btn[b-g0d6uvr9dl] {
    min-height: 42px;
    border: 0;
    border-radius: 12px;
    padding: 0 16px;
    background: #0F172A;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.refresh-btn:disabled[b-g0d6uvr9dl] {
    opacity: 0.65;
    cursor: wait;
}

.spin[b-g0d6uvr9dl] {
    animation: spin-b-g0d6uvr9dl 0.8s linear infinite;
}

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

.stats-grid[b-g0d6uvr9dl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.stat-card[b-g0d6uvr9dl] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 18px;
    display: flex;
    gap: 14px;
    align-items: center;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.stat-card .material-symbols-rounded[b-g0d6uvr9dl] {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #EFF6FF;
    color: #2563EB;
    display: grid;
    place-items: center;
}

.stat-card small[b-g0d6uvr9dl] {
    display: block;
    color: #64748B;
    font-size: 12px;
    font-weight: 800;
}

.stat-card strong[b-g0d6uvr9dl] {
    display: block;
    margin-top: 2px;
    font-size: 24px;
    line-height: 1;
}

.error-banner[b-g0d6uvr9dl] {
    border: 1px solid #FECACA;
    background: #FEF2F2;
    color: #991B1B;
    border-radius: 14px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 800;
}

.admin-section[b-g0d6uvr9dl] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
    padding: 18px;
    margin-top: 18px;
}

.section-head[b-g0d6uvr9dl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.section-head h2[b-g0d6uvr9dl] {
    margin: 0;
    font-size: 18px;
    font-weight: 900;
}

.section-head p[b-g0d6uvr9dl] {
    margin: 4px 0 0;
    color: #64748B;
    font-size: 13px;
}

.search-box[b-g0d6uvr9dl] {
    width: min(420px, 100%);
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #CBD5E1;
    border-radius: 13px;
    padding: 0 10px;
    background: #F8FAFC;
}

.search-box .material-symbols-rounded[b-g0d6uvr9dl] {
    font-size: 20px;
    color: #64748B;
}

.search-box input[b-g0d6uvr9dl] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 13px;
    color: #0F172A;
}

.search-box button[b-g0d6uvr9dl] {
    border: 0;
    background: transparent;
    color: #64748B;
    cursor: pointer;
    display: grid;
    place-items: center;
}

.table-shell[b-g0d6uvr9dl] {
    overflow-x: auto;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
}

table[b-g0d6uvr9dl] {
    width: 100%;
    border-collapse: collapse;
    min-width: 860px;
}

th[b-g0d6uvr9dl] {
    text-align: left;
    font-size: 11px;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #F8FAFC;
    padding: 12px 14px;
}

td[b-g0d6uvr9dl] {
    padding: 13px 14px;
    border-top: 1px solid #EEF2F7;
    font-size: 13px;
    vertical-align: middle;
}

td strong[b-g0d6uvr9dl] {
    display: block;
    font-size: 13px;
}

td small[b-g0d6uvr9dl] {
    display: block;
    margin-top: 3px;
    color: #64748B;
    font-size: 11px;
}

.clickable-row[b-g0d6uvr9dl] {
    cursor: pointer;
    transition: background 0.18s ease, transform 0.18s ease;
}

.clickable-row:hover[b-g0d6uvr9dl] {
    background: #F8FAFC;
}

.status-pill[b-g0d6uvr9dl] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 900;
    background: #ECFDF5;
    color: #047857;
}

.status-pill.blocked[b-g0d6uvr9dl] {
    background: #FEF2F2;
    color: #B91C1C;
}

.status-pill.admin[b-g0d6uvr9dl] {
    background: #EEF2FF;
    color: #4338CA;
}

.activity-dot[b-g0d6uvr9dl] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    display: inline-block;
    margin-right: 7px;
    background: #CBD5E1;
}

.activity-dot.online[b-g0d6uvr9dl] {
    background: #22C55E;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.pagination[b-g0d6uvr9dl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px;
    color: #64748B;
    font-size: 13px;
    font-weight: 800;
}

.pagination button[b-g0d6uvr9dl] {
    border: 1px solid #CBD5E1;
    background: #FFFFFF;
    color: #0F172A;
    border-radius: 10px;
    min-height: 36px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.pagination button:disabled[b-g0d6uvr9dl] {
    opacity: 0.45;
    cursor: not-allowed;
}

.empty-state[b-g0d6uvr9dl] {
    min-height: 320px;
    display: grid;
    place-items: center;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    padding: 32px;
}

.empty-state .material-symbols-rounded[b-g0d6uvr9dl] {
    font-size: 42px;
    color: #64748B;
}

.empty-state h2[b-g0d6uvr9dl] {
    margin: 12px 0 4px;
    font-size: 20px;
}

.empty-state p[b-g0d6uvr9dl] {
    margin: 0;
    color: #64748B;
}

.journey-overlay[b-g0d6uvr9dl] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    justify-content: flex-end;
    background: rgba(15, 23, 42, 0.28);
    backdrop-filter: blur(6px);
}

.journey-panel[b-g0d6uvr9dl] {
    width: min(620px, 100%);
    height: 100%;
    overflow-y: auto;
    background: #FFFFFF;
    border-left: 1px solid #E2E8F0;
    box-shadow: -24px 0 60px rgba(15, 23, 42, 0.18);
    padding: 26px;
    color: #0F172A;
}

.journey-header[b-g0d6uvr9dl] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    padding-bottom: 18px;
    border-bottom: 1px solid #E2E8F0;
}

.journey-header-actions[b-g0d6uvr9dl] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.journey-header span[b-g0d6uvr9dl] {
    display: block;
    color: #2563EB;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.journey-header h2[b-g0d6uvr9dl] {
    margin: 6px 0 4px;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 900;
}

.journey-header p[b-g0d6uvr9dl] {
    margin: 0;
    color: #64748B;
    font-size: 13px;
    font-weight: 700;
}

.journey-close[b-g0d6uvr9dl] {
    width: 42px;
    height: 42px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #F8FAFC;
    color: #475569;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.journey-reset[b-g0d6uvr9dl] {
    min-height: 42px;
    border: 1px solid #DBEAFE;
    border-radius: 12px;
    padding: 0 12px;
    background: #EFF6FF;
    color: #1D4ED8;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.journey-reset:hover[b-g0d6uvr9dl] {
    transform: translateY(-1px);
    background: #DBEAFE;
    border-color: #93C5FD;
}

.journey-loading[b-g0d6uvr9dl],
.journey-empty[b-g0d6uvr9dl] {
    min-height: 160px;
    display: grid;
    place-items: center;
    gap: 8px;
    text-align: center;
    color: #64748B;
}

.journey-empty.error[b-g0d6uvr9dl] {
    color: #B91C1C;
}

.journey-empty .material-symbols-rounded[b-g0d6uvr9dl],
.journey-loading .material-symbols-rounded[b-g0d6uvr9dl] {
    font-size: 34px;
}

.journey-empty p[b-g0d6uvr9dl] {
    margin: 0;
    max-width: 320px;
    font-size: 13px;
}

.journey-summary[b-g0d6uvr9dl] {
    margin: 20px 0;
    border: 1px solid #DBEAFE;
    border-radius: 16px;
    background: #EFF6FF;
    padding: 16px;
}

.journey-summary small[b-g0d6uvr9dl] {
    display: block;
    color: #2563EB;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.journey-summary strong[b-g0d6uvr9dl] {
    display: block;
    margin-top: 4px;
    font-size: 28px;
    line-height: 1;
}

.journey-progressbar[b-g0d6uvr9dl] {
    height: 9px;
    margin-top: 14px;
    border-radius: 999px;
    background: #DBEAFE;
    overflow: hidden;
}

.journey-progressbar span[b-g0d6uvr9dl] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2563EB, #14B8A6);
}

.journey-users[b-g0d6uvr9dl] {
    display: grid;
    gap: 8px;
    margin-bottom: 20px;
}

.journey-users > span[b-g0d6uvr9dl],
.journey-events-head span[b-g0d6uvr9dl] {
    color: #64748B;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.journey-users button[b-g0d6uvr9dl] {
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #FFFFFF;
    padding: 10px 12px;
    text-align: left;
    cursor: pointer;
}

.journey-users strong[b-g0d6uvr9dl],
.journey-users small[b-g0d6uvr9dl] {
    display: block;
}

.journey-users small[b-g0d6uvr9dl] {
    margin-top: 2px;
    color: #64748B;
    font-size: 12px;
}

.journey-milestones[b-g0d6uvr9dl] {
    display: grid;
    gap: 16px;
}

.journey-milestones section[b-g0d6uvr9dl] {
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    overflow: hidden;
}

.journey-milestones h3[b-g0d6uvr9dl],
.journey-events-head h3[b-g0d6uvr9dl] {
    margin: 0;
    font-size: 14px;
    font-weight: 900;
}

.journey-milestones h3[b-g0d6uvr9dl] {
    padding: 12px 14px;
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
}

.journey-milestone[b-g0d6uvr9dl] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    padding: 12px 14px;
    border-top: 1px solid #F1F5F9;
}

.journey-milestone:first-of-type[b-g0d6uvr9dl] {
    border-top: 0;
}

.journey-milestone .material-symbols-rounded[b-g0d6uvr9dl] {
    color: #CBD5E1;
    font-size: 22px;
}

.journey-milestone.done .material-symbols-rounded[b-g0d6uvr9dl] {
    color: #16A34A;
}

.journey-milestone strong[b-g0d6uvr9dl],
.journey-event strong[b-g0d6uvr9dl] {
    display: block;
    font-size: 13px;
}

.journey-milestone small[b-g0d6uvr9dl] {
    display: block;
    margin-top: 3px;
    color: #64748B;
    font-size: 12px;
    line-height: 1.35;
}

.journey-events[b-g0d6uvr9dl] {
    margin-top: 22px;
}

.journey-events-head[b-g0d6uvr9dl] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 10px;
}

.journey-event[b-g0d6uvr9dl] {
    position: relative;
    border-left: 2px solid #DBEAFE;
    padding: 0 0 16px 16px;
}

.journey-event[b-g0d6uvr9dl]::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #2563EB;
    box-shadow: 0 0 0 4px #EFF6FF;
}

.journey-event time[b-g0d6uvr9dl] {
    display: block;
    color: #64748B;
    font-size: 11px;
    font-weight: 900;
}

.journey-event p[b-g0d6uvr9dl] {
    margin: 4px 0;
    color: #475569;
    font-size: 12px;
    line-height: 1.4;
}

.journey-event small[b-g0d6uvr9dl] {
    color: #94A3B8;
    font-size: 11px;
}

.knowledge-head[b-g0d6uvr9dl] {
    align-items: flex-start;
}

.knowledge-actions[b-g0d6uvr9dl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.admin-primary-button[b-g0d6uvr9dl],
.admin-secondary-button[b-g0d6uvr9dl],
.icon-danger-button[b-g0d6uvr9dl] {
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.admin-primary-button[b-g0d6uvr9dl] {
    background: #0F172A;
    color: #FFFFFF;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.14);
}

.admin-secondary-button[b-g0d6uvr9dl] {
    background: #FFFFFF;
    color: #0F172A;
    border-color: #CBD5E1;
}

.admin-primary-button:hover[b-g0d6uvr9dl],
.admin-secondary-button:hover[b-g0d6uvr9dl],
.icon-danger-button:hover[b-g0d6uvr9dl] {
    transform: translateY(-1px);
}

.admin-primary-button:disabled[b-g0d6uvr9dl],
.admin-secondary-button:disabled[b-g0d6uvr9dl],
.icon-danger-button:disabled[b-g0d6uvr9dl] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.icon-danger-button[b-g0d6uvr9dl] {
    width: 42px;
    padding: 0;
    background: #FEF2F2;
    color: #B91C1C;
    border-color: #FECACA;
}

.icon-danger-button.small[b-g0d6uvr9dl] {
    width: 36px;
    min-height: 36px;
    border-radius: 10px;
}

.admin-secondary-button.compact[b-g0d6uvr9dl] {
    min-height: 34px;
    border-radius: 10px;
    padding: 0 11px;
    font-size: 12px;
}

.admin-icon-action[b-g0d6uvr9dl] {
    width: 34px;
    height: 34px;
    border: 1px solid #DBEAFE;
    border-radius: 11px;
    background: #EFF6FF;
    color: #2563EB;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.admin-icon-action:hover[b-g0d6uvr9dl] {
    transform: translateY(-1px);
    background: #DBEAFE;
    border-color: #93C5FD;
}

.knowledge-message[b-g0d6uvr9dl] {
    border-radius: 14px;
    padding: 11px 13px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 800;
}

.knowledge-message.success[b-g0d6uvr9dl] {
    color: #047857;
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
}

.knowledge-message.error[b-g0d6uvr9dl] {
    color: #B91C1C;
    background: #FEF2F2;
    border: 1px solid #FECACA;
}

.knowledge-layout[b-g0d6uvr9dl] {
    display: grid;
    grid-template-columns: minmax(260px, 0.85fr) minmax(420px, 1.15fr);
    gap: 16px;
    align-items: stretch;
}

.knowledge-list[b-g0d6uvr9dl],
.knowledge-editor[b-g0d6uvr9dl] {
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #F8FAFC;
    padding: 12px;
}

.knowledge-list[b-g0d6uvr9dl] {
    display: grid;
    align-content: start;
    gap: 8px;
    max-height: 650px;
    overflow-y: auto;
}

.knowledge-row[b-g0d6uvr9dl] {
    width: 100%;
    border: 1px solid #E2E8F0;
    border-radius: 13px;
    background: #FFFFFF;
    color: #0F172A;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    text-align: left;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.knowledge-row:hover[b-g0d6uvr9dl],
.knowledge-row.active[b-g0d6uvr9dl] {
    border-color: #93C5FD;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.10);
    transform: translateY(-1px);
}

.knowledge-row.active[b-g0d6uvr9dl] {
    background: #EFF6FF;
}

.knowledge-row .material-symbols-rounded[b-g0d6uvr9dl] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    color: #2563EB;
    background: #DBEAFE;
}

.knowledge-row strong[b-g0d6uvr9dl],
.knowledge-row em[b-g0d6uvr9dl],
.knowledge-row small[b-g0d6uvr9dl] {
    display: block;
}

.knowledge-row strong[b-g0d6uvr9dl] {
    font-size: 13px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.knowledge-row em[b-g0d6uvr9dl] {
    margin-top: 3px;
    color: #2563EB;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.knowledge-row small[b-g0d6uvr9dl] {
    margin-top: 4px;
    color: #64748B;
    font-size: 12px;
    line-height: 1.35;
}

.knowledge-empty[b-g0d6uvr9dl] {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    text-align: center;
    color: #64748B;
    padding: 22px;
}

.knowledge-empty .material-symbols-rounded[b-g0d6uvr9dl] {
    font-size: 34px;
}

.knowledge-empty strong[b-g0d6uvr9dl] {
    color: #0F172A;
    font-size: 15px;
}

.knowledge-empty p[b-g0d6uvr9dl] {
    max-width: 340px;
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.knowledge-editor[b-g0d6uvr9dl] {
    display: grid;
    gap: 14px;
}

.knowledge-editor-title[b-g0d6uvr9dl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.knowledge-editor-title span[b-g0d6uvr9dl] {
    display: block;
    color: #2563EB;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.knowledge-editor-title h3[b-g0d6uvr9dl] {
    margin: 4px 0 0;
    font-size: 18px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.knowledge-type-switch[b-g0d6uvr9dl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 5px;
    border-radius: 15px;
    background: #E2E8F0;
}

.knowledge-type-switch button[b-g0d6uvr9dl] {
    min-height: 42px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.knowledge-type-switch button.active[b-g0d6uvr9dl] {
    background: #FFFFFF;
    color: #0F172A;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
}

.knowledge-type-switch button:hover[b-g0d6uvr9dl] {
    transform: translateY(-1px);
}

.knowledge-assist-panel[b-g0d6uvr9dl] {
    display: grid;
    gap: 12px;
    padding: 13px;
    border: 1px solid #BFDBFE;
    border-radius: 16px;
    background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 100%);
}

.knowledge-assist-head[b-g0d6uvr9dl] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.knowledge-assist-head > .material-symbols-rounded[b-g0d6uvr9dl] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #DBEAFE;
    color: #2563EB;
}

.knowledge-assist-head strong[b-g0d6uvr9dl],
.knowledge-assist-head small[b-g0d6uvr9dl] {
    display: block;
}

.knowledge-assist-head strong[b-g0d6uvr9dl] {
    font-size: 13px;
    font-weight: 900;
}

.knowledge-assist-head small[b-g0d6uvr9dl] {
    margin-top: 3px;
    color: #64748B;
    font-size: 12px;
    line-height: 1.35;
}

.knowledge-preset-grid[b-g0d6uvr9dl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
}

.knowledge-preset[b-g0d6uvr9dl] {
    min-height: 58px;
    border: 1px solid #DBEAFE;
    border-radius: 13px;
    background: rgba(255, 255, 255, .88);
    color: #0F172A;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.knowledge-preset:hover[b-g0d6uvr9dl],
.knowledge-preset.active[b-g0d6uvr9dl] {
    transform: translateY(-1px);
    border-color: #60A5FA;
    background: #FFFFFF;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .10);
}

.knowledge-preset > .material-symbols-rounded[b-g0d6uvr9dl] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #EFF6FF;
    color: #2563EB;
    font-size: 19px;
}

.knowledge-preset strong[b-g0d6uvr9dl],
.knowledge-preset small[b-g0d6uvr9dl] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.knowledge-preset strong[b-g0d6uvr9dl] {
    font-size: 12px;
    font-weight: 900;
}

.knowledge-preset small[b-g0d6uvr9dl] {
    margin-top: 2px;
    color: #64748B;
    font-size: 11px;
}

.knowledge-editor-grid[b-g0d6uvr9dl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.knowledge-field[b-g0d6uvr9dl] {
    display: grid;
    gap: 7px;
}

.knowledge-field > span[b-g0d6uvr9dl] {
    color: #475569;
    font-size: 12px;
    font-weight: 900;
}

.knowledge-field input[b-g0d6uvr9dl],
.knowledge-field select[b-g0d6uvr9dl],
.knowledge-field textarea[b-g0d6uvr9dl] {
    width: 100%;
    border: 1px solid #CBD5E1;
    border-radius: 13px;
    background: #FFFFFF;
    color: #0F172A;
    padding: 12px 13px;
    font: inherit;
    font-size: 13px;
    outline: 0;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.knowledge-field textarea[b-g0d6uvr9dl] {
    resize: vertical;
    min-height: 220px;
    line-height: 1.5;
}

.knowledge-field input:focus[b-g0d6uvr9dl],
.knowledge-field select:focus[b-g0d6uvr9dl],
.knowledge-field textarea:focus[b-g0d6uvr9dl] {
    border-color: #2563EB;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10);
}

.knowledge-field .validation-message[b-g0d6uvr9dl] {
    color: #B91C1C;
    font-size: 12px;
    font-weight: 800;
}

.knowledge-template-row[b-g0d6uvr9dl],
.knowledge-question-templates[b-g0d6uvr9dl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.knowledge-template-row button[b-g0d6uvr9dl],
.knowledge-question-templates button[b-g0d6uvr9dl] {
    min-height: 36px;
    border: 1px solid #CBD5E1;
    border-radius: 999px;
    background: #FFFFFF;
    color: #334155;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.knowledge-template-row button:hover[b-g0d6uvr9dl],
.knowledge-question-templates button:hover[b-g0d6uvr9dl] {
    transform: translateY(-1px);
    border-color: #93C5FD;
    background: #EFF6FF;
    color: #1D4ED8;
}

.knowledge-template-row .material-symbols-rounded[b-g0d6uvr9dl],
.knowledge-question-templates .material-symbols-rounded[b-g0d6uvr9dl] {
    font-size: 18px;
}

.knowledge-action-builder[b-g0d6uvr9dl] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px dashed #CBD5E1;
    border-radius: 14px;
    background: #FFFFFF;
}

.knowledge-action-builder > .material-symbols-rounded[b-g0d6uvr9dl] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #F1F5F9;
    color: #475569;
}

.knowledge-action-builder strong[b-g0d6uvr9dl],
.knowledge-action-builder small[b-g0d6uvr9dl] {
    display: block;
}

.knowledge-action-builder strong[b-g0d6uvr9dl] {
    font-size: 12px;
    font-weight: 900;
}

.knowledge-action-builder small[b-g0d6uvr9dl] {
    margin-top: 3px;
    color: #64748B;
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.knowledge-editor-actions[b-g0d6uvr9dl] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.knowledge-questions[b-g0d6uvr9dl] {
    display: grid;
    gap: 10px;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    background: #FFFFFF;
    padding: 12px;
}

.knowledge-questions > div:first-child[b-g0d6uvr9dl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.knowledge-questions > div:first-child > span[b-g0d6uvr9dl] {
    color: #475569;
    font-size: 12px;
    font-weight: 900;
}

.knowledge-questions > p[b-g0d6uvr9dl] {
    margin: 0;
    color: #64748B;
    font-size: 12px;
    line-height: 1.45;
}

.knowledge-question-card[b-g0d6uvr9dl] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(145px, .42fr) minmax(0, 1fr);
    gap: 10px;
    border: 1px solid #E2E8F0;
    border-radius: 13px;
    background: #F8FAFC;
    padding: 12px 54px 12px 12px;
}

.knowledge-question-card .knowledge-field:last-of-type[b-g0d6uvr9dl] {
    grid-column: 1 / -1;
}

.knowledge-question-preview[b-g0d6uvr9dl] {
    display: grid;
    align-content: start;
    gap: 4px;
    padding: 10px;
    border: 1px solid #DBEAFE;
    border-radius: 13px;
    background: #FFFFFF;
}

.knowledge-question-preview .material-symbols-rounded[b-g0d6uvr9dl] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #EFF6FF;
    color: #2563EB;
    font-size: 21px;
}

.knowledge-question-preview strong[b-g0d6uvr9dl],
.knowledge-question-preview small[b-g0d6uvr9dl] {
    display: block;
}

.knowledge-question-preview strong[b-g0d6uvr9dl] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 900;
}

.knowledge-question-preview small[b-g0d6uvr9dl] {
    color: #64748B;
    font-size: 11px;
    line-height: 1.35;
}

.knowledge-question-card > .icon-danger-button[b-g0d6uvr9dl] {
    position: absolute;
    top: 12px;
    right: 12px;
}

@media (max-width: 900px) {
    .admin-hero[b-g0d6uvr9dl],
    .section-head[b-g0d6uvr9dl] {
        align-items: stretch;
        flex-direction: column;
    }

    .knowledge-actions[b-g0d6uvr9dl] {
        justify-content: stretch;
    }

    .knowledge-actions .search-box[b-g0d6uvr9dl],
    .knowledge-actions .admin-primary-button[b-g0d6uvr9dl] {
        width: 100%;
    }

    .knowledge-layout[b-g0d6uvr9dl] {
        grid-template-columns: 1fr;
    }

    .knowledge-editor-grid[b-g0d6uvr9dl],
    .knowledge-question-card[b-g0d6uvr9dl] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-g0d6uvr9dl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .system-admin-page[b-g0d6uvr9dl] {
        padding: 22px 12px 42px;
    }

    .stats-grid[b-g0d6uvr9dl] {
        grid-template-columns: 1fr;
    }

    .admin-section[b-g0d6uvr9dl] {
        padding: 12px;
        border-radius: 14px;
    }

    .pagination[b-g0d6uvr9dl] {
        justify-content: space-between;
    }

    .journey-panel[b-g0d6uvr9dl] {
        padding: 20px 16px;
    }
}
/* /Pages/Zakupy.razor.rz.scp.css */
*[b-qbovpllc0r] { box-sizing: border-box; }

.offline-space-shell[b-qbovpllc0r] {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(20px, 5vw, 64px);
    background:
        radial-gradient(circle at 20% 18%, rgba(16, 185, 129, 0.16), transparent 32%),
        radial-gradient(circle at 78% 82%, rgba(124, 58, 237, 0.13), transparent 30%),
        linear-gradient(135deg, #F8FAFC 0%, #EEFDF7 48%, #F5F3FF 100%);
    font-family: 'Inter', sans-serif;
    color: #0F172A;
}

.offline-orbit[b-qbovpllc0r] {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    pointer-events: none;
    animation: offlineFloat-b-qbovpllc0r 9s ease-in-out infinite;
}

.orbit-one[b-qbovpllc0r] {
    width: 360px;
    height: 360px;
    left: -90px;
    top: 8%;
}

.orbit-two[b-qbovpllc0r] {
    width: 460px;
    height: 460px;
    right: -130px;
    bottom: -120px;
    animation-delay: -3s;
}

.offline-card[b-qbovpllc0r] {
    width: min(620px, 100%);
    position: relative;
    z-index: 1;
    text-align: center;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(226, 232, 240, 0.85);
    border-radius: 30px;
    padding: clamp(24px, 5vw, 44px);
    box-shadow: 0 28px 90px -56px rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(18px);
}

.offline-icon[b-qbovpllc0r] {
    width: 74px;
    height: 74px;
    margin: 0 auto 18px;
    border-radius: 24px;
    background: #ECFDF5;
    color: #059669;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px #BBF7D0;
}

.offline-icon span[b-qbovpllc0r] {
    font-size: 38px;
}

.offline-kicker[b-qbovpllc0r] {
    display: block;
    color: #059669;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

.offline-card h1[b-qbovpllc0r] {
    margin: 0;
    color: #0F172A;
    font-size: clamp(30px, 5vw, 48px);
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.offline-card p[b-qbovpllc0r] {
    margin: 16px auto 0;
    max-width: 500px;
    color: #475569;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 650;
}

.offline-powered[b-qbovpllc0r] {
    width: fit-content;
    margin: 26px auto 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 999px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    color: #64748B;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.offline-powered span[b-qbovpllc0r] {
    color: #059669;
    font-size: 16px;
}

.nursery-promo[b-qbovpllc0r] {
    width: min(560px, 100%);
    margin: 18px auto 0;
    border: 1px solid #D1FAE5;
    background: linear-gradient(135deg, #ECFDF5 0%, #FFFFFF 58%, #EEF2FF 100%);
    color: #0F172A;
    border-radius: 24px;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: 46px 1fr 28px;
    align-items: center;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 18px 45px -34px rgba(15, 23, 42, 0.42);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.nursery-promo:hover[b-qbovpllc0r] {
    transform: translateY(-2px);
    border-color: #86EFAC;
    box-shadow: 0 22px 55px -36px rgba(15, 23, 42, 0.52);
}

.offline-promo[b-qbovpllc0r] {
    margin-top: 24px;
}

.promo-icon[b-qbovpllc0r] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: #FFFFFF;
    color: #059669;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px #D1FAE5;
}

.promo-copy[b-qbovpllc0r] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.promo-copy strong[b-qbovpllc0r] {
    color: #064E3B;
    font-size: 15px;
    line-height: 1.2;
}

.promo-copy small[b-qbovpllc0r] {
    color: #475569;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
}

.promo-arrow[b-qbovpllc0r] {
    color: #059669;
    justify-self: end;
}

.shopping-container[b-qbovpllc0r] { padding: 16px; font-family: 'Inter', sans-serif; color: #0F172A; max-width: 1200px; margin: 0 auto; position: relative; padding-bottom: 120px; }

@media (min-width: 768px) {
    .shopping-container[b-qbovpllc0r] { padding: 32px; padding-bottom: 120px; }
}

.brand-header[b-qbovpllc0r] { text-align: center; margin-bottom: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 16px; }

.shop-title[b-qbovpllc0r] { font-size: 32px; font-weight: 900; color: #0F172A; margin: 0 0 12px 0; letter-spacing: -0.03em; line-height: 1.2; }
@media (min-width: 768px) {
    .shop-title[b-qbovpllc0r] { font-size: 42px; }
}

.powered-badge[b-qbovpllc0r] { display: inline-flex; align-items: center; gap: 6px; background: #F8FAFC; border: 1px solid #E2E8F0; padding: 6px 14px; border-radius: 40px; transition: all 0.2s ease; }
.powered-badge:hover[b-qbovpllc0r] { background: #F1F5F9; border-color: #CBD5E1; }
.badge-icon[b-qbovpllc0r] { font-size: 14px; color: #059669; }
.badge-text[b-qbovpllc0r] { font-size: 11px; font-weight: 600; color: #64748B; text-transform: uppercase; letter-spacing: 0.05em; }

.search-section[b-qbovpllc0r] { margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }
.search-wrapper[b-qbovpllc0r] { position: relative; display: flex; align-items: center; }
.search-wrapper .search-input[b-qbovpllc0r] { width: 100%; min-height: 56px; padding: 15px 54px 15px 48px !important; border: 1px solid #E2E8F0; border-radius: 20px; font-size: 16px; line-height: 24px; outline: none; background: white; transition: 0.2s; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); }
.search-input:focus[b-qbovpllc0r] { border-color: #7C3AED; box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.1); }
.search-icon[b-qbovpllc0r] { position: absolute; left: 17px; z-index: 1; width: 22px; height: 22px; color: #94A3B8; font-size: 22px; line-height: 22px; pointer-events: none; }
.btn-clear-search[b-qbovpllc0r] { position: absolute; right: 16px; background: #F1F5F9; border: none; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: #64748B; cursor: pointer; transition: 0.2s; }
.btn-clear-search:hover[b-qbovpllc0r] { background: #E2E8F0; color: #0F172A; }

.products-grid[b-qbovpllc0r] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; margin-bottom: 40px; }

.empty-search[b-qbovpllc0r] { text-align: center; padding: 60px 0; color: #94A3B8; }
.empty-search span[b-qbovpllc0r] { font-size: 48px; margin-bottom: 16px; }
.empty-search p[b-qbovpllc0r] { font-size: 16px; font-weight: 500; }

.panel-card[b-qbovpllc0r] { background: white; border-radius: 20px; border: 1px solid #E2E8F0; box-shadow: 0 2px 8px -2px rgba(0,0,0,0.05); overflow: hidden; display: flex; flex-direction: column; transition: transform 0.2s, box-shadow 0.2s; position: relative; }
.hover-scale:hover[b-qbovpllc0r] { transform: translateY(-4px); box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1); }

.carousel-container[b-qbovpllc0r] { width: 100%; aspect-ratio: 1 / 1; background: #F8FAFC; border-bottom: 1px solid #F1F5F9; position: relative; overflow: hidden; }
.carousel-track[b-qbovpllc0r] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; width: 100%; height: 100%; scrollbar-width: none; }
.carousel-track[b-qbovpllc0r]::-webkit-scrollbar { display: none; }
.carousel-image[b-qbovpllc0r] { width: 100%; height: 100%; object-fit: cover; flex-shrink: 0; scroll-snap-align: start; }

.panel-body[b-qbovpllc0r] { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
.product-info[b-qbovpllc0r] { display: flex; flex-direction: column; gap: 12px; }

.product-name[b-qbovpllc0r] { font-size: 15px; font-weight: 600; color: #0F172A; margin: 0; line-height: 1.4; height: 42px; overflow: hidden; }
.product-description[b-qbovpllc0r] {
    margin: -4px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-price[b-qbovpllc0r] { font-size: 18px; font-weight: 800; color: #7C3AED; }

.quantity-controls[b-qbovpllc0r] { display: flex; align-items: center; justify-content: space-between; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 4px; margin-top: auto; }
.btn-qty[b-qbovpllc0r] { width: 36px; height: 36px; border-radius: 10px; border: none; background: white; color: #0F172A; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.btn-qty:hover:not(:disabled)[b-qbovpllc0r] { background: #F1F5F9; }
.btn-qty:disabled[b-qbovpllc0r] { opacity: 0.5; cursor: not-allowed; }
.qty-input[b-qbovpllc0r] { width: 40px; text-align: center; border: none; background: transparent; font-size: 15px; font-weight: 700; color: #0F172A; outline: none; }

.store-footer[b-qbovpllc0r] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; padding: 24px 0; border-top: 1px solid #E2E8F0; margin-top: 40px; }
.store-footer a[b-qbovpllc0r] { color: #64748B; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s; }
.store-footer a:hover[b-qbovpllc0r] { color: #0F172A; }
.separator[b-qbovpllc0r] { color: #CBD5E1; font-size: 12px; }

.floating-checkout[b-qbovpllc0r] { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); width: calc(100% - 32px); max-width: 500px; background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(8px); border-radius: 24px; padding: 12px 12px 12px 24px; box-shadow: 0 20px 40px -10px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: space-between; gap: 16px; z-index: 100; color: white; }
.checkout-summary[b-qbovpllc0r] { display: flex; flex-direction: column; }
.summary-label[b-qbovpllc0r] { font-size: 11px; font-weight: 600; color: #94A3B8; text-transform: uppercase; letter-spacing: 0.05em; }
.summary-value[b-qbovpllc0r] { font-size: 20px; font-weight: 800; color: white; }

.checkout-btn[b-qbovpllc0r] { margin: 0; padding: 12px 24px; width: auto; font-size: 14px; border-radius: 16px; background: #7C3AED; color: white; border: none; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: 0.2s; }
.checkout-btn:hover[b-qbovpllc0r] { background: #6D28D9; transform: translateY(-2px); }
.checkout-btn .material-symbols-rounded[b-qbovpllc0r] { font-size: 24px; line-height: 1; }
.btn-save-primary[b-qbovpllc0r] { min-height: 48px; border: none; border-radius: 16px; background: #7C3AED; color: #FFFFFF; font-weight: 800; font-size: 15px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 18px; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; box-shadow: 0 10px 20px -12px rgba(124, 58, 237, 0.75); }
.btn-save-primary:hover:not(:disabled)[b-qbovpllc0r] { background: #6D28D9; transform: translateY(-1px); box-shadow: 0 14px 24px -14px rgba(109, 40, 217, 0.8); }
.btn-save-primary:disabled[b-qbovpllc0r] { opacity: 0.65; cursor: not-allowed; box-shadow: none; }

.checkout-overlay[b-qbovpllc0r] { position: fixed; inset: 0; z-index: 500; background: #F8FAFC; display: flex; align-items: stretch; justify-content: stretch; padding: 0; }
.checkout-panel[b-qbovpllc0r] { width: 100%; height: 100vh; overflow-y: auto; background: #F8FAFC; padding: 0 0 96px; -webkit-overflow-scrolling: touch; }
.checkout-topbar[b-qbovpllc0r] { position: sticky; top: 0; z-index: 6; min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px clamp(16px, 4vw, 40px); background: rgba(255,255,255,0.92); backdrop-filter: blur(14px); border-bottom: 1px solid #E2E8F0; }
.checkout-brand[b-qbovpllc0r] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.checkout-brand > span[b-qbovpllc0r] { width: 42px; height: 42px; border-radius: 14px; background: #ECFDF5; color: #059669; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; }
.checkout-brand div[b-qbovpllc0r] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.checkout-brand strong[b-qbovpllc0r] { color: #0F172A; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.checkout-brand small[b-qbovpllc0r] { color: #64748B; font-size: 12px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.btn-close-checkout[b-qbovpllc0r] { width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid #E2E8F0; border-radius: 50%; background: #FFFFFF; color: #64748B; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s; box-shadow: 0 8px 18px -14px rgba(15, 23, 42, 0.55); }
.btn-close-checkout:hover:not(:disabled)[b-qbovpllc0r] { background: #F8FAFC; color: #0F172A; border-color: #CBD5E1; transform: translateY(-1px); }
.btn-close-checkout:disabled[b-qbovpllc0r] { opacity: 0.55; cursor: not-allowed; }
.checkout-screen[b-qbovpllc0r] { width: min(1440px, 100%); margin: 0 auto; padding: clamp(18px, 3vw, 40px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 440px); gap: clamp(18px, 3vw, 32px); align-items: start; }
.checkout-main[b-qbovpllc0r] { display: grid; gap: 18px; min-width: 0; }
.checkout-hero[b-qbovpllc0r] { display: grid; gap: 8px; padding: 4px 2px 8px; }
.checkout-hero span[b-qbovpllc0r] { color: #7C3AED; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; }
.checkout-hero h2[b-qbovpllc0r] { margin: 0; color: #0F172A; font-size: clamp(28px, 4vw, 44px); line-height: 1.05; letter-spacing: -0.02em; }
.checkout-hero p[b-qbovpllc0r] { margin: 0; max-width: 680px; color: #64748B; font-size: 15px; line-height: 1.55; font-weight: 600; }
.checkout-section[b-qbovpllc0r], .cart-card[b-qbovpllc0r] { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 22px; padding: clamp(16px, 2.2vw, 24px); box-shadow: 0 18px 50px -40px rgba(15, 23, 42, 0.28); }
.section-heading[b-qbovpllc0r] { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.section-heading h3[b-qbovpllc0r] { margin: 0; color: #0F172A; font-size: 18px; line-height: 1.25; }
.section-heading p[b-qbovpllc0r] { margin: 4px 0 0; color: #64748B; font-size: 13px; line-height: 1.45; font-weight: 600; }
.step-pill[b-qbovpllc0r] { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 999px; background: #0F172A; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 900; }
.checkout-errors[b-qbovpllc0r] { background: #FEF2F2; color: #B91C1C; border: 1px solid #FECACA; border-radius: 16px; padding: 14px 16px; font-size: 13px; font-weight: 700; display: grid; gap: 5px; }
.checkout-cart[b-qbovpllc0r] { position: sticky; top: 96px; min-width: 0; }
.cart-card[b-qbovpllc0r] { display: grid; gap: 16px; }
.cart-card-header[b-qbovpllc0r] { display: flex; align-items: center; justify-content: flex-start; min-height: 24px; }
.cart-card-header span[b-qbovpllc0r] { display: block; color: #7C3AED; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; }
.cart-items[b-qbovpllc0r] { display: grid; gap: 10px; max-height: min(34vh, 360px); overflow-y: auto; padding-right: 2px; }
.cart-item[b-qbovpllc0r] { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px; border: 1px solid #EEF2F7; border-radius: 16px; background: #FBFCFE; }
.cart-thumb[b-qbovpllc0r] { width: 58px; height: 58px; border-radius: 14px; overflow: hidden; background: #F1F5F9; display: flex; align-items: center; justify-content: center; color: #94A3B8; }
.cart-thumb img[b-qbovpllc0r] { width: 100%; height: 100%; object-fit: cover; display: block; }
.cart-item-main[b-qbovpllc0r] { min-width: 0; display: grid; gap: 4px; }
.cart-item-main strong[b-qbovpllc0r] { color: #0F172A; font-size: 14px; line-height: 1.25; overflow-wrap: anywhere; }
.cart-item-main span[b-qbovpllc0r] { color: #64748B; font-size: 12px; font-weight: 700; }
.cart-item-price[b-qbovpllc0r] { color: #0F172A; font-size: 13px; font-weight: 900; white-space: nowrap; }
.cart-products-total[b-qbovpllc0r] { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 14px; border-top: 1px solid #E2E8F0; color: #475569; font-size: 13px; font-weight: 750; }
.cart-products-total strong[b-qbovpllc0r] { color: #0F172A; font-size: 16px; white-space: nowrap; }
.confidence-list[b-qbovpllc0r] { display: grid; gap: 9px; color: #475569; font-size: 12px; font-weight: 700; line-height: 1.35; }
.confidence-list div[b-qbovpllc0r] { display: flex; gap: 8px; align-items: flex-start; }
.confidence-list span[b-qbovpllc0r] { color: #059669; font-size: 18px; flex: 0 0 18px; }
.checkout-confidence[b-qbovpllc0r] { margin-top: 18px; padding: 14px 2px 0; border-top: 1px solid #E2E8F0; }
.checkout-form[b-qbovpllc0r] { display: grid; gap: 14px; }
.delivery-address-section[b-qbovpllc0r] { display: grid; gap: 20px; }
.delivery-address-section .checkout-row[b-qbovpllc0r] { gap: 16px; }
.delivery-address-section .checkout-field[b-qbovpllc0r] { gap: 8px; }
.checkout-row[b-qbovpllc0r] { display: flex; gap: 12px; }
.checkout-field[b-qbovpllc0r] { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.checkout-field.short[b-qbovpllc0r] { flex: 0 0 130px; }
.checkout-field.stretch[b-qbovpllc0r] { flex: 1; }
.checkout-field label[b-qbovpllc0r] { font-size: 11px; font-weight: 800; color: #64748B; text-transform: uppercase; letter-spacing: 0.04em; }
.checkout-field input[b-qbovpllc0r], .checkout-field textarea[b-qbovpllc0r], .checkout-field select[b-qbovpllc0r] { width: 100%; border: 1px solid #E2E8F0; border-radius: 14px; padding: 13px 14px; font: inherit; font-size: 15px; color: #0F172A; outline: none; background: #FFFFFF; }
.checkout-field textarea[b-qbovpllc0r] { min-height: 88px; resize: vertical; }
.checkout-field input:focus[b-qbovpllc0r], .checkout-field textarea:focus[b-qbovpllc0r], .checkout-field select:focus[b-qbovpllc0r] { border-color: #7C3AED; box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.1); }
.checkout-choice-group[b-qbovpllc0r] { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.checkout-choice-group:first-of-type[b-qbovpllc0r] { margin-top: 0; }
.choice-label[b-qbovpllc0r] { font-size: 11px; font-weight: 800; color: #64748B; text-transform: uppercase; letter-spacing: 0.04em; }
.choice-grid[b-qbovpllc0r] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.choice-card[b-qbovpllc0r] { width: 100%; min-height: 76px; border: 1px solid #E2E8F0; border-radius: 16px; background: #FFFFFF; color: #0F172A; padding: 12px; display: grid; grid-template-columns: 40px 1fr 24px; align-items: center; gap: 10px; text-align: left; cursor: pointer; transition: border-color 0.2s, background 0.2s, box-shadow 0.2s, transform 0.2s; }
.choice-card:hover[b-qbovpllc0r] { border-color: #CBD5E1; background: #F8FAFC; transform: translateY(-1px); }
.choice-card.active[b-qbovpllc0r] { border-color: #7C3AED; background: #F5F3FF; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12); }
.choice-icon[b-qbovpllc0r] { width: 40px; height: 40px; border-radius: 12px; background: #F1F5F9; color: #475569; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; }
.choice-card.active .choice-icon[b-qbovpllc0r] { background: #7C3AED; color: #FFFFFF; }
.choice-content[b-qbovpllc0r] { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.choice-name[b-qbovpllc0r] { font-size: 14px; font-weight: 800; color: #0F172A; line-height: 1.2; overflow-wrap: anywhere; }
.choice-meta[b-qbovpllc0r] { font-size: 12px; font-weight: 700; color: #64748B; }
.choice-check[b-qbovpllc0r] { color: #7C3AED; opacity: 0; font-size: 22px; transition: opacity 0.2s; }
.choice-card.active .choice-check[b-qbovpllc0r] { opacity: 1; }
.delivery-switch[b-qbovpllc0r] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 4px; background: #F1F5F9; border-radius: 16px; }
.switch-option[b-qbovpllc0r] { border: none; border-radius: 12px; padding: 12px; background: transparent; color: #64748B; font-weight: 800; cursor: pointer; }
.switch-option.active[b-qbovpllc0r] { background: white; color: #0F172A; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08); }
.terms-box[b-qbovpllc0r] { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: flex-start; border: 1px solid #E2E8F0; border-radius: 16px; background: #F8FAFC; padding: 12px; color: #475569; font-size: 13px; line-height: 1.45; cursor: pointer; margin-top: 14px; }
.terms-box input[b-qbovpllc0r] { width: 18px; height: 18px; margin: 1px 0 0; accent-color: #7C3AED; }
.terms-box button[b-qbovpllc0r] { border: none; background: transparent; color: #6D28D9; padding: 0; font: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.terms-box button:hover[b-qbovpllc0r] { color: #4C1D95; }
.full-width[b-qbovpllc0r] { width: 100%; justify-content: center; }
.checkout-action-bar[b-qbovpllc0r] { position: fixed; left: 0; right: 0; bottom: 0; z-index: 7; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px clamp(16px, 4vw, 40px); background: rgba(255,255,255,0.94); border-top: 1px solid #E2E8F0; backdrop-filter: blur(14px); box-shadow: 0 -18px 50px -42px rgba(15, 23, 42, 0.45); }
.checkout-action-bar div[b-qbovpllc0r] { display: flex; flex-direction: column; gap: 2px; }
.checkout-action-bar span[b-qbovpllc0r] { color: #64748B; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; }
.checkout-action-bar strong[b-qbovpllc0r] { color: #0F172A; font-size: 22px; line-height: 1; }
.checkout-submit-btn[b-qbovpllc0r] { min-width: min(300px, 46vw); min-height: 52px; justify-content: center; gap: 9px; }
.checkout-submit-btn[b-qbovpllc0r], .checkout-submit-btn > span[b-qbovpllc0r] { color: #FFFFFF; }
.checkout-submit-btn:disabled[b-qbovpllc0r] { background: #7C3AED; color: #FFFFFF; opacity: 0.72; }
.checkout-submit-btn .material-symbols-rounded[b-qbovpllc0r] { font-size: 20px; }
.checkout-success-shell[b-qbovpllc0r] { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: clamp(18px, 4vw, 48px); background: radial-gradient(circle at top, #EEF2FF 0, #F8FAFC 48%, #FFFFFF 100%); }
.checkout-success[b-qbovpllc0r] { width: min(720px, 100%); text-align: left; padding: clamp(20px, 4vw, 34px); background: #FFFFFF; border: 1px solid #DDE5F2; border-radius: 28px; box-shadow: 0 28px 80px -50px rgba(15, 23, 42, 0.45); display: grid; gap: 22px; }
.success-top[b-qbovpllc0r] { display: flex; align-items: center; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid #E2E8F0; }
.success-icon[b-qbovpllc0r] { width: 62px; height: 62px; flex: 0 0 62px; border-radius: 20px; background: #DCFCE7; color: #15803D; display: inline-flex; align-items: center; justify-content: center; font-size: 38px; box-shadow: inset 0 0 0 1px #BBF7D0; }
.success-kicker[b-qbovpllc0r] { display: block; color: #15803D; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 4px; }
.checkout-success h2[b-qbovpllc0r] { margin: 0; color: #0F172A; font-size: clamp(26px, 4vw, 36px); line-height: 1.08; letter-spacing: -0.02em; }
.order-number[b-qbovpllc0r] { display: grid; gap: 4px; padding: 16px 18px; border-radius: 18px; background: #F5F3FF; border: 1px solid #DDD6FE; color: #4C1D95; }
.order-number span[b-qbovpllc0r] { font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; color: #7C3AED; }
.order-number strong[b-qbovpllc0r] { font-size: 24px; line-height: 1.1; color: #3B0764; overflow-wrap: anywhere; }
.confirmation-message[b-qbovpllc0r] { padding: 18px; border-radius: 20px; background: #F8FAFC; border: 1px solid #E2E8F0; }
.confirmation-label[b-qbovpllc0r] { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; color: #334155; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em; }
.confirmation-label span[b-qbovpllc0r] { color: #7C3AED; font-size: 20px; }
.confirmation-message p[b-qbovpllc0r] { margin: 0; color: #1E293B; line-height: 1.7; white-space: pre-wrap; text-align: left; font-size: 15px; }
.success-email-note[b-qbovpllc0r] { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border-radius: 18px; background: #ECFDF5; color: #047857; border: 1px solid #BBF7D0; }
.success-email-note > span[b-qbovpllc0r] { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 12px; background: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; color: #059669; font-size: 21px; }
.success-email-note div[b-qbovpllc0r] { display: grid; gap: 2px; }
.success-email-note strong[b-qbovpllc0r] { color: #065F46; font-size: 14px; line-height: 1.3; }
.success-email-note small[b-qbovpllc0r] { color: #047857; font-size: 12px; line-height: 1.4; font-weight: 700; }
.success-actions[b-qbovpllc0r] { display: flex; gap: 12px; padding-top: 4px; }
.animate-slide-up-panel[b-qbovpllc0r] { animation: slideUpPanel-b-qbovpllc0r 0.28s cubic-bezier(0.16, 1, 0.3, 1); }

@media (min-width: 768px) {
    .checkout-overlay[b-qbovpllc0r] { align-items: stretch; }
}

@media (max-width: 980px) {
    .checkout-screen[b-qbovpllc0r] { grid-template-columns: 1fr; }
    .checkout-cart[b-qbovpllc0r] { position: static; order: -1; }
    .cart-items[b-qbovpllc0r] { max-height: none; }
}

@media (max-width: 560px) {
    .shopping-container[b-qbovpllc0r] { padding: 12px; padding-bottom: 112px; }
    .brand-header[b-qbovpllc0r] { margin-bottom: 28px; }
    .search-section[b-qbovpllc0r] { margin-bottom: 24px; }
    .products-grid[b-qbovpllc0r] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 28px; }
    .panel-card[b-qbovpllc0r] { border-radius: 14px; }
    .panel-body[b-qbovpllc0r] { padding: 10px; }
    .product-info[b-qbovpllc0r] { gap: 8px; }
    .product-name[b-qbovpllc0r] { height: 36px; font-size: 12px; line-height: 1.45; }
    .product-description[b-qbovpllc0r] { -webkit-line-clamp: 2; font-size: 11px; line-height: 1.35; }
    .product-price[b-qbovpllc0r] { font-size: 15px; }
    .quantity-controls[b-qbovpllc0r] { border-radius: 10px; padding: 3px; }
    .btn-qty[b-qbovpllc0r] { width: 30px; height: 30px; border-radius: 8px; }
    .btn-qty .material-symbols-rounded[b-qbovpllc0r] { font-size: 19px; }
    .qty-input[b-qbovpllc0r] { width: 28px; min-width: 0; padding: 0; font-size: 13px; }
    .checkout-row[b-qbovpllc0r] { flex-direction: column; }
    .checkout-field.short[b-qbovpllc0r] { flex: 1; }
    .checkout-panel[b-qbovpllc0r] { padding-bottom: 122px; }
    .checkout-topbar[b-qbovpllc0r] { min-height: 64px; padding: 10px 14px; }
    .checkout-brand > span[b-qbovpllc0r] { width: 38px; height: 38px; flex-basis: 38px; border-radius: 12px; }
    .checkout-brand small[b-qbovpllc0r] { display: none; }
    .checkout-screen[b-qbovpllc0r] { padding: 18px 12px; gap: 14px; }
    .checkout-section[b-qbovpllc0r], .cart-card[b-qbovpllc0r] { border-radius: 18px; padding: 14px; }
    .checkout-hero h2[b-qbovpllc0r] { font-size: 28px; }
    .checkout-hero p[b-qbovpllc0r] { font-size: 14px; }
    .cart-item[b-qbovpllc0r] { grid-template-columns: 52px minmax(0, 1fr); }
    .cart-thumb[b-qbovpllc0r] { width: 52px; height: 52px; }
    .cart-item-price[b-qbovpllc0r] { grid-column: 2; justify-self: start; }
    .choice-grid[b-qbovpllc0r] { grid-template-columns: 1fr; }
    .choice-card[b-qbovpllc0r] { min-height: 68px; }
    .floating-checkout[b-qbovpllc0r] { bottom: 12px; width: calc(100% - 20px); border-radius: 20px; padding-left: 18px; }
    .checkout-btn[b-qbovpllc0r] { padding: 12px 16px; }
    .checkout-btn .material-symbols-rounded[b-qbovpllc0r] { font-size: 25px; }
    .checkout-action-bar[b-qbovpllc0r] { padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); align-items: stretch; }
    .checkout-action-bar div[b-qbovpllc0r] { justify-content: center; }
    .checkout-action-bar strong[b-qbovpllc0r] { font-size: 18px; }
    .checkout-submit-btn[b-qbovpllc0r] { min-width: 0; flex: 1; padding: 12px 15px; font-size: 14px; }
    .checkout-submit-btn .material-symbols-rounded[b-qbovpllc0r] { font-size: 20px; }
}

.animate-fade-in[b-qbovpllc0r] { animation: fadeIn-b-qbovpllc0r 0.4s ease-out; }
.animate-slide-up[b-qbovpllc0r] { animation: slideUp-b-qbovpllc0r 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@keyframes fadeIn-b-qbovpllc0r { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp-b-qbovpllc0r { from { opacity: 0; transform: translateY(40px) translateX(-50%); } to { opacity: 1; transform: translateY(0) translateX(-50%); } }
@keyframes slideUpPanel-b-qbovpllc0r { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
@keyframes offlineFloat-b-qbovpllc0r {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.75; }
    50% { transform: translate3d(18px, -18px, 0) scale(1.04); opacity: 0.95; }
}