/* _content/aiapiflu/Components/FlowStudio/BindingManager.razor.rz.scp.css */
.bindings-grid[b-r0ni9urzrd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.binding-card[b-r0ni9urzrd] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 24px;
    padding: 1.8rem;
    box-shadow: 0 12px 40px rgba(15, 46, 91, 0.1);
    border: 2px solid rgba(75, 123, 236, 0.12);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    animation: cardSlideIn-b-r0ni9urzrd 0.5s ease-out;
    cursor: pointer;
}

.binding-card--selected[b-r0ni9urzrd] {
    border-color: rgba(75, 123, 236, 0.4);
    background: linear-gradient(135deg, #f0f4ff 0%, #e8f2ff 100%);
    box-shadow: 0 16px 50px rgba(75, 123, 236, 0.2);
    transform: translateY(-2px) scale(1.01);
}

@keyframes cardSlideIn-b-r0ni9urzrd {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.binding-card[b-r0ni9urzrd]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 20px 20px 0 0;
}

.binding-card:hover[b-r0ni9urzrd] {
    transform: translateY(-5px) scale(1.01);
    border-color: rgba(75, 123, 236, 0.4);
    box-shadow: 0 24px 60px rgba(15, 36, 82, 0.25);
}

.binding-card--complete[b-r0ni9urzrd] {
    border-color: rgba(76, 209, 149, 0.4);
}

.binding-card--complete[b-r0ni9urzrd]::before {
    background: linear-gradient(90deg, #4cd195, #2ecc71);
}

.binding-card header[b-r0ni9urzrd] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.binding-card__actions[b-r0ni9urzrd] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.binding-card header h4[b-r0ni9urzrd] {
    margin: 0;
}

.binding-card header p[b-r0ni9urzrd] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
}

.binding-list[b-r0ni9urzrd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.binding-row[b-r0ni9urzrd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0.9rem;
    border-radius: 14px;
    background: rgba(75, 123, 236, 0.08);
    border: 1px solid rgba(75, 123, 236, 0.18);
    transition: border 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.binding-row--ok[b-r0ni9urzrd] {
    background: rgba(76, 209, 149, 0.12);
    border-color: rgba(76, 209, 149, 0.35);
}

.binding-row:hover[b-r0ni9urzrd] {
    transform: translateY(-2px);
}

.binding-details[b-r0ni9urzrd] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.binding-title[b-r0ni9urzrd] {
    font-weight: 600;
    color: #1a2560;
}

.binding-meta[b-r0ni9urzrd] {
    font-size: 0.8rem;
    color: #4f5d78;
}

.binding-mapping[b-r0ni9urzrd] {
    font-size: 0.85rem;
    color: #2146a3;
    font-weight: 600;
}

.flow-toolbar[b-r0ni9urzrd] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

.flow-preview[b-r0ni9urzrd] {
    margin: 1.2rem 0 2rem;
    padding: 1.6rem;
    background: linear-gradient(160deg, rgba(73, 123, 236, 0.08), rgba(255, 255, 255, 0.9));
    border-radius: 22px;
    border: 1px solid rgba(75, 123, 236, 0.22);
    box-shadow: 0 16px 38px rgba(15, 36, 82, 0.16);
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.flow-preview__list[b-r0ni9urzrd] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.1rem;
}

.flow-preview__item[b-r0ni9urzrd] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 1.2rem;
    padding: 1rem 1.2rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(75, 123, 236, 0.12);
}

.flow-preview__item--linked[b-r0ni9urzrd] {
    border-color: rgba(75, 123, 236, 0.32);
}

.flow-preview__node[b-r0ni9urzrd] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.flow-preview__id[b-r0ni9urzrd] {
    font-weight: 700;
    color: #17263f;
}

.flow-preview__meta[b-r0ni9urzrd] {
    color: #4f5d78;
    font-size: 0.85rem;
}

.flow-preview__bindings[b-r0ni9urzrd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-end;
}

.flow-preview__targets[b-r0ni9urzrd] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.badge[b-r0ni9urzrd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.35rem 0.9rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #1a1a1a;
}

.badge--success[b-r0ni9urzrd] {
    background: rgba(76, 209, 149, 0.25);
    color: #1e6f57;
}

.badge--warning[b-r0ni9urzrd] {
    background: rgba(255, 214, 102, 0.35);
    color: #8f6500;
}

.chip--light[b-r0ni9urzrd] {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(75, 123, 236, 0.22);
    color: #2146a3;
}

.pill[b-r0ni9urzrd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: rgba(75, 123, 236, 0.18);
    color: #2146a3;
    font-size: 0.85rem;
}

.empty-state[b-r0ni9urzrd] {
    text-align: center;
    padding: 3.5rem 1.5rem;
    color: #4f5d78;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border-radius: 24px;
    border: 2px dashed rgba(75, 123, 236, 0.25);
    margin-top: 1.5rem;
    box-shadow: 0 12px 32px rgba(15, 46, 91, 0.08);
    position: relative;
    overflow: hidden;
}

.empty-state[b-r0ni9urzrd]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 24px 24px 0 0;
}

.empty-state p[b-r0ni9urzrd] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
}

@media (max-width: 860px) {
    .bindings-grid[b-r0ni9urzrd] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .binding-card[b-r0ni9urzrd] {
        padding: 1.2rem;
    }
    
    .binding-card header[b-r0ni9urzrd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .binding-card__actions[b-r0ni9urzrd] {
        flex-direction: column;
        align-items: flex-end;
        gap: 0.5rem;
    }
    
    .flow-preview__item[b-r0ni9urzrd] {
        flex-direction: column;
        align-items: flex-start;
    }

    .flow-preview__bindings[b-r0ni9urzrd] {
        align-items: flex-start;
    }
}

/* _content/aiapiflu/Components/FlowStudio/FlowStudio.razor.rz.scp.css */
.flow-studio[b-q9i6qltmm0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem 3rem;
    color: #1a1a1a;
    background: linear-gradient(135deg, #f7f9fc, #ffffff);
    min-height: calc(100vh - 4rem);
}

.hero[b-q9i6qltmm0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
    background: #17263f;
    color: #ffffff;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(12, 33, 63, 0.25);
}

.hero__content h1[b-q9i6qltmm0] {
    margin: 0;
    font-size: 2.75rem;
    letter-spacing: -0.03em;
}

.hero__content p[b-q9i6qltmm0] {
    margin: 0.75rem 0 0;
    font-size: 1.125rem;
    color: #dce7ff;
}

.hero__actions[b-q9i6qltmm0] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.hero__actions .project-selector[b-q9i6qltmm0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: right;
}

.primary[b-q9i6qltmm0] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 12px 25px rgba(75, 123, 236, 0.35);
}

.primary:hover[b-q9i6qltmm0] {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(75, 123, 236, 0.4);
}

select[b-q9i6qltmm0] {
    border-radius: 16px;
    border: 2px solid #e1e8f0;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(15, 46, 91, 0.05);
    font-family: inherit;
    position: relative;
}

select:focus[b-q9i6qltmm0] {
    border-color: #4b7bec;
    box-shadow: 0 0 0 6px rgba(75, 123, 236, 0.12), 0 8px 24px rgba(75, 123, 236, 0.15);
    outline: none;
    background: #ffffff;
    transform: translateY(-1px);
}

select:hover[b-q9i6qltmm0] {
    border-color: #a8b8d8;
    box-shadow: 0 6px 16px rgba(15, 46, 91, 0.08);
    transform: translateY(-1px);
}

.project-overview[b-q9i6qltmm0] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 28px;
    padding: 2.5rem 3rem;
    box-shadow: 0 20px 50px rgba(12, 33, 63, 0.15);
    border: 1px solid rgba(75, 123, 236, 0.08);
    position: relative;
    overflow: hidden;
}

.project-overview[b-q9i6qltmm0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 28px 28px 0 0;
}

.project-overview header[b-q9i6qltmm0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

.project-overview h2[b-q9i6qltmm0] {
    margin: 0;
    font-size: 2rem;
}

.project-description[b-q9i6qltmm0] {
    margin: 0.5rem 0 0;
    color: #4f5d78;
}

.project-actions[b-q9i6qltmm0] {
    display: flex;
    gap: 0.75rem;
}

.secondary[b-q9i6qltmm0] {
    background: rgba(72, 94, 144, 0.12);
    border: none;
    padding: 0.6rem 1.1rem;
    border-radius: 12px;
    color: #1a1a1a;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.secondary:hover[b-q9i6qltmm0] {
    background: rgba(72, 94, 144, 0.18);
}

.ghost[b-q9i6qltmm0] {
    background: rgba(72, 94, 144, 0.08);
    border: none;
    padding: 0.6rem 1.1rem;
    border-radius: 12px;
    color: #1a1a1a;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.ghost:hover[b-q9i6qltmm0] {
    background: rgba(72, 94, 144, 0.14);
}

.ghost.danger[b-q9i6qltmm0] {
    color: #ed4c5c;
    background: rgba(237, 76, 92, 0.12);
}

.ghost.danger:hover[b-q9i6qltmm0] {
    background: rgba(237, 76, 92, 0.18);
}

.timeline[b-q9i6qltmm0] {
    margin: 2.5rem 0 2rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
}

.timeline__step[b-q9i6qltmm0] {
    background: linear-gradient(145deg, #f1f4fb, #ffffff);
    border-radius: 18px;
    padding: 1.2rem;
    border: 2px solid transparent;
    display: flex;
    gap: 1rem;
    cursor: pointer;
    transition: transform 0.2s ease, border 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 12px 30px rgba(15, 46, 91, 0.08);
}

.timeline__step:hover[b-q9i6qltmm0] {
    transform: translateY(-3px);
    border-color: rgba(75, 123, 236, 0.45);
}

.timeline__step--active[b-q9i6qltmm0] {
    border-color: #4b7bec;
    box-shadow: 0 18px 42px rgba(75, 123, 236, 0.2);
}

.timeline__index[b-q9i6qltmm0] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

.project-overview-step[b-q9i6qltmm0] {
    margin-top: 2rem;
}

.card[b-q9i6qltmm0] {
    background: linear-gradient(145deg, #f6f8ff, #ffffff);
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 0 12px 28px rgba(15, 46, 91, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card h3[b-q9i6qltmm0] {
    margin: 0;
    font-size: 1.3rem;
    color: #17263f;
}

.project-info[b-q9i6qltmm0] {
    display: grid;
    gap: 0.8rem;
}

.project-info__item[b-q9i6qltmm0] {
    display: flex;
    gap: 0.5rem;
}

.project-info__item strong[b-q9i6qltmm0] {
    color: #17263f;
    min-width: 80px;
}

.form-footer[b-q9i6qltmm0] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

@media (max-width: 960px) {
    .flow-studio[b-q9i6qltmm0] {
        padding: 1.5rem;
    }

    .hero[b-q9i6qltmm0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .timeline[b-q9i6qltmm0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

    .hero__actions[b-q9i6qltmm0] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .hero__actions .primary[b-q9i6qltmm0],
    .hero__actions select[b-q9i6qltmm0] {
        width: 100%;
    }

    .project-overview header[b-q9i6qltmm0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .project-actions[b-q9i6qltmm0] {
        flex-wrap: wrap;
    }

    .form-footer[b-q9i6qltmm0] {
        flex-direction: column;
    }
}

/* שמירה - סטטוס מלוכלך ונקי */
.save-button-dirty[b-q9i6qltmm0] {
    background: linear-gradient(135deg, #ed4c5c, #e74c3c);
    box-shadow: 0 12px 25px rgba(237, 76, 92, 0.35);
    animation: pulse-b-q9i6qltmm0 2s infinite;
}

.save-button-dirty:hover[b-q9i6qltmm0] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    box-shadow: 0 16px 36px rgba(237, 76, 92, 0.4);
}

.save-button-clean[b-q9i6qltmm0] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    box-shadow: 0 12px 25px rgba(46, 204, 113, 0.35);
    cursor: not-allowed;
    opacity: 0.7;
}

.save-button-clean:hover[b-q9i6qltmm0] {
    transform: none;
    box-shadow: 0 12px 25px rgba(46, 204, 113, 0.35);
}

@keyframes pulse-b-q9i6qltmm0 {
    0% {
        box-shadow: 0 12px 25px rgba(237, 76, 92, 0.35);
    }
    50% {
        box-shadow: 0 12px 25px rgba(237, 76, 92, 0.55), 0 0 0 10px rgba(237, 76, 92, 0.1);
    }
    100% {
        box-shadow: 0 12px 25px rgba(237, 76, 92, 0.35);
    }
}
/* _content/aiapiflu/Components/FlowStudio/NodeBindingsDialog.razor.rz.scp.css */
.dialog-backdrop[b-913xfx1tof] {
    position: fixed;
    inset: 0;
    background: rgba(12, 22, 48, 0.65);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1600;
}

.dialog-card[b-913xfx1tof] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 32px;
    width: min(840px, 96vw);
    max-height: 92vh;
    overflow-y: auto;
    padding: 2.8rem;
    box-shadow: 0 40px 90px rgba(10, 28, 68, 0.4);
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
    border: 2px solid rgba(75, 123, 236, 0.12);
    position: relative;
    overflow: hidden;
}

.dialog-card[b-913xfx1tof]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 32px 32px 0 0;
}
.bindings-grid[b-913xfx1tof] {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.binding-card[b-913xfx1tof] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 24px;
    padding: 1.8rem;
    box-shadow: 0 12px 40px rgba(15, 46, 91, 0.1);
    border: 2px solid rgba(75, 123, 236, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    animation: cardSlideIn-b-913xfx1tof 0.5s ease-out;
}

@keyframes cardSlideIn-b-913xfx1tof {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.binding-card[b-913xfx1tof]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 20px 20px 0 0;
}

.binding-card:hover[b-913xfx1tof] {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 16px 48px rgba(15, 46, 91, 0.15);
    border-color: rgba(75, 123, 236, 0.25);
}

.binding-card header[b-913xfx1tof] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.binding-card header h4[b-913xfx1tof] {
    margin: 0 0 0.2rem;
}

.binding-card header .pill[b-913xfx1tof] {
    background: rgba(75, 123, 236, 0.14);
    color: #2146a3;
    padding: 0.4rem 0.8rem;
    border-radius: 12px;
    font-size: 0.85rem;
    white-space: nowrap;
}

.options[b-913xfx1tof] {
    display: grid;
    gap: 1rem;
}

.option[b-913xfx1tof] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid rgba(75, 123, 236, 0.15);
    background: rgba(75, 123, 236, 0.05);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.option[b-913xfx1tof]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 16px 16px 0 0;
}

.option:hover[b-913xfx1tof] {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 12px 32px rgba(15, 46, 91, 0.12);
    border-color: rgba(75, 123, 236, 0.25);
    background: rgba(75, 123, 236, 0.1);
}

.option input[type="radio"][b-913xfx1tof] {
    accent-color: #4b7bec;
}

.node-selectors[b-913xfx1tof] {
    display: grid;
    gap: 0.6rem;
}

.node-selectors select[b-913xfx1tof] {
    border-radius: 16px;
    padding: 0.75rem 1rem;
    border: 2px solid #e1e8f0;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    font-size: 0.9rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(15, 46, 91, 0.05);
    font-family: inherit;
}

.node-selectors select:focus[b-913xfx1tof] {
    outline: none;
    border-color: #4b7bec;
    box-shadow: 0 0 0 6px rgba(75, 123, 236, 0.12), 0 8px 24px rgba(75, 123, 236, 0.15);
    background: #ffffff;
    transform: translateY(-1px);
}

.node-selectors select:hover[b-913xfx1tof] {
    border-color: #a8b8d8;
    box-shadow: 0 6px 16px rgba(15, 46, 91, 0.08);
    transform: translateY(-1px);
}

/* עיצוב שדות הקלט כבר מוגדר גלובלית ב-app.css */

.dialog-footer[b-913xfx1tof] {
    display: flex;
    justify-content: flex-end;
}

/* _content/aiapiflu/Components/FlowStudio/NodeDetailsPanel.razor.rz.scp.css */
.node-details-panel[b-n4f0dg63v7] {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    background: #faf8f5;
    border-left: 1px solid #e8ddd4;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
}

.node-details-panel--visible[b-n4f0dg63v7] {
    right: 0;
}

.node-details-panel__header[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e8ddd4;
    background: #f5f1eb;
}

.node-details-panel__header h3[b-n4f0dg63v7] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.node-details-panel__empty[b-n4f0dg63v7] {
    padding: 2rem;
    text-align: center;
}

.node-details-panel__content[b-n4f0dg63v7] {
    padding: 1rem;
}

.node-info[b-n4f0dg63v7] {
    margin-bottom: 1.5rem;
}

.node-info__header h4[b-n4f0dg63v7] {
    margin: 0 0 0.25rem 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c2c2c;
}

.node-info__header p[b-n4f0dg63v7] {
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    color: #666666;
}

.node-info__stats[b-n4f0dg63v7] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.stat-pill[b-n4f0dg63v7] {
    background: #e8d5c4;
    color: #8b6f47;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    font-weight: 500;
}

.stat-pill--output[b-n4f0dg63v7] {
    background: #d4e6c1;
    color: #5a7c3a;
}

.node-connections[b-n4f0dg63v7],
.node-inputs[b-n4f0dg63v7],
.node-outputs[b-n4f0dg63v7] {
    margin-bottom: 1.5rem;
}

.node-connections h5[b-n4f0dg63v7],
.node-inputs h5[b-n4f0dg63v7],
.node-outputs h5[b-n4f0dg63v7] {
    margin: 0 0 0.75rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

.connection-list[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.connection-item[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: #f0ebe5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
}

.connection-label[b-n4f0dg63v7] {
    font-weight: 500;
    color: #666666;
}

.connection-target[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
}

/* עיצוב עריכת קשרים */
.connections-header[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.edit-button[b-n4f0dg63v7] {
    background: #e8d5c4;
    color: #8b6f47;
    border: 1px solid #d4c4b0;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.edit-button:hover[b-n4f0dg63v7] {
    background: #d4c4b0;
    color: #6b5a3a;
}

.connection-edit-form[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: #f5f1eb;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
}

.connection-edit-item[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.connection-edit-item label[b-n4f0dg63v7] {
    font-weight: 500;
    color: #666666;
    font-size: 0.9rem;
}

.connection-select[b-n4f0dg63v7] {
    padding: 0.5rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.connection-select:focus[b-n4f0dg63v7] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.connection-edit-actions[b-n4f0dg63v7] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8ddd4;
}

.connection-edit-actions button.small[b-n4f0dg63v7] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    flex: 1;
}

.input-list[b-n4f0dg63v7],
.output-list[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.input-item[b-n4f0dg63v7],
.output-item[b-n4f0dg63v7] {
    padding: 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
    background: #f0ebe5;
}

.input-item--ok[b-n4f0dg63v7] {
    border-color: #5a7c3a;
    background: #d4e6c1;
}

.input-item--missing[b-n4f0dg63v7] {
    border-color: #b8860b;
    background: #f5e6a3;
}

.input-header[b-n4f0dg63v7],
.output-item[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.input-header-right[b-n4f0dg63v7],
.output-header-right[b-n4f0dg63v7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.edit-icon-button[b-n4f0dg63v7] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    opacity: 0.7;
}

.edit-icon-button:hover[b-n4f0dg63v7] {
    background: #e8d5c4;
    opacity: 1;
    transform: scale(1.1);
}

.input-name[b-n4f0dg63v7],
.output-name[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
}

.input-type[b-n4f0dg63v7],
.output-type[b-n4f0dg63v7] {
    font-size: 0.8rem;
    color: #666666;
    background: #faf8f5;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.input-source[b-n4f0dg63v7] {
    margin-top: 0.5rem;
}

.input-source-text[b-n4f0dg63v7] {
    font-size: 0.9rem;
    color: #666666;
}

.input-source-text--missing[b-n4f0dg63v7] {
    color: #8b6f47;
    font-weight: 500;
}

/* עיצוב עריכת מיפוי קלטים */
.binding-edit-form[b-n4f0dg63v7] {
    padding: 1rem;
    background: #f5f1eb;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
    margin-top: 0.5rem;
}

.binding-edit-header[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

.binding-edit-title[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 1rem;
}

.binding-edit-meta[b-n4f0dg63v7] {
    font-size: 0.8rem;
    color: #666666;
}

.binding-edit-description[b-n4f0dg63v7] {
    font-size: 0.9rem;
    color: #666666;
    margin: 0.5rem 0;
    font-style: italic;
}

.binding-options[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.binding-option[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.binding-option:hover[b-n4f0dg63v7] {
    background: #f0ebe5;
    border-color: #d4c4b0;
}

.binding-option-header[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    color: #2c2c2c;
}

.binding-option input[type="radio"][b-n4f0dg63v7] {
    margin: 0;
}

.binding-input[b-n4f0dg63v7],
.binding-select[b-n4f0dg63v7] {
    padding: 0.5rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.binding-input:focus[b-n4f0dg63v7],
.binding-select:focus[b-n4f0dg63v7] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.node-selectors[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.binding-edit-actions[b-n4f0dg63v7] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8ddd4;
}

.binding-edit-actions button.small[b-n4f0dg63v7] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    flex: 1;
}

.node-actions[b-n4f0dg63v7] {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e8ddd4;
}

.action-buttons[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.action-buttons button[b-n4f0dg63v7] {
    width: 100%;
    justify-content: center;
}

/* עיצוב טיפול בשגיאות */
.error-handling-section[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.error-strategy-selector[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.error-strategy-label[b-n4f0dg63v7] {
    font-weight: 500;
    color: #666666;
    font-size: 0.9rem;
}

.error-strategy-select[b-n4f0dg63v7] {
    padding: 0.5rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.error-strategy-select:focus[b-n4f0dg63v7] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.error-target-selector[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.5rem;
}

.error-target-label[b-n4f0dg63v7] {
    font-weight: 500;
    color: #666666;
    font-size: 0.9rem;
}

.error-target-select[b-n4f0dg63v7] {
    padding: 0.5rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.error-target-select:focus[b-n4f0dg63v7] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.error-handling-display[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.error-strategy-display[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
}

.error-target-display[b-n4f0dg63v7] {
    font-size: 0.9rem;
    color: #666666;
    font-style: italic;
}

/* עיצוב בחירת סוג פרמטר */
.parameter-type-selector[b-n4f0dg63v7] {
    margin-bottom: 0.5rem;
}

.parameter-type-label[b-n4f0dg63v7] {
    display: block;
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 0.25rem;
}

.parameter-type-radio-group[b-n4f0dg63v7] {
    display: flex;
    gap: 0.75rem;
    padding: 0.5rem;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
}

.parameter-type-radio[b-n4f0dg63v7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
    flex: 1;
    justify-content: center;
}

.parameter-type-radio:hover[b-n4f0dg63v7] {
    background: #f0ebe5;
}

.parameter-type-radio input[type="radio"][b-n4f0dg63v7] {
    margin: 0;
    accent-color: #8b6f47;
}

.parameter-type-radio span[b-n4f0dg63v7] {
    font-size: 0.85rem;
    color: #2c2c2c;
    font-weight: 500;
}

/* עיצוב הגדרות מיוחדות לצומת בדיקת טקסט */
.node-special-settings[b-n4f0dg63v7] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f0ebe5;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
}

.special-settings-header[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.special-settings-header h5[b-n4f0dg63v7] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

.edit-settings-button[b-n4f0dg63v7] {
    background: #8b6f47;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.edit-settings-button:hover[b-n4f0dg63v7] {
    background: #6b5a3a;
}

.special-settings-content[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.settings-summary[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.settings-summary-item[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
}

.settings-summary-label[b-n4f0dg63v7] {
    font-weight: 500;
    color: #666666;
    font-size: 0.9rem;
}

.settings-summary-value[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.9rem;
}

.rules-summary[b-n4f0dg63v7] {
    margin-top: 0.5rem;
}

.rules-summary h6[b-n4f0dg63v7] {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #2c2c2c;
}

.rules-summary-list[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.rule-summary-item[b-n4f0dg63v7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: #faf8f5;
    border-radius: 0.25rem;
    border: 1px solid #e8ddd4;
    font-size: 0.85rem;
}

.rule-match[b-n4f0dg63v7] {
    color: #8b6f47;
    font-weight: 500;
    font-family: monospace;
}

.rule-arrow[b-n4f0dg63v7] {
    color: #666666;
    font-weight: 600;
}

.rule-branch[b-n4f0dg63v7] {
    color: #2c2c2c;
    font-weight: 500;
}

/* עיצוב עורך הגדרות בדיקת טקסט */
.text-check-edit-form[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #f5f1eb;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
}

.text-check-general-settings[b-n4f0dg63v7],
.text-check-rules-section[b-n4f0dg63v7],
.text-check-preview-section[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.text-check-general-settings h6[b-n4f0dg63v7],
.text-check-rules-section h6[b-n4f0dg63v7],
.text-check-preview-section h6[b-n4f0dg63v7] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #2c2c2c;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e8ddd4;
}

.text-check-setting-item[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.text-check-setting-label[b-n4f0dg63v7] {
    font-weight: 500;
    color: #666666;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.text-check-setting-input[b-n4f0dg63v7] {
    padding: 0.5rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.text-check-setting-input:focus[b-n4f0dg63v7] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.text-check-setting-description[b-n4f0dg63v7] {
    font-size: 0.8rem;
    color: #666666;
    font-style: italic;
}

.text-check-rules-header[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-rule-button[b-n4f0dg63v7] {
    background: #5a7c3a;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.add-rule-button:hover[b-n4f0dg63v7] {
    background: #4a6b2a;
}

.empty-rules[b-n4f0dg63v7] {
    padding: 1rem;
    text-align: center;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
}

.empty-rules .muted[b-n4f0dg63v7] {
    color: #666666;
    margin: 0;
}

.empty-rules .small[b-n4f0dg63v7] {
    font-size: 0.8rem;
}

.text-check-rules-list[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.text-check-rule-item[b-n4f0dg63v7] {
    padding: 1rem;
    background: #faf8f5;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
}

.text-check-rule-header[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e8ddd4;
}

.text-check-rule-number[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.9rem;
}

.remove-rule-button[b-n4f0dg63v7] {
    background: #b8860b;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.remove-rule-button:hover[b-n4f0dg63v7] {
    background: #9a6f0a;
}

.text-check-rule-content[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.text-check-rule-field[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.text-check-rule-field-label[b-n4f0dg63v7] {
    font-weight: 500;
    color: #666666;
    font-size: 0.85rem;
}

.text-check-rule-field-input[b-n4f0dg63v7],
.text-check-rule-field-select[b-n4f0dg63v7] {
    padding: 0.5rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.text-check-rule-field-input:focus[b-n4f0dg63v7],
.text-check-rule-field-select:focus[b-n4f0dg63v7] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.text-check-preview-content[b-n4f0dg63v7] {
    padding: 0.75rem;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
}

.text-check-preview-description[b-n4f0dg63v7] {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    color: #666666;
    font-weight: 500;
}

.text-check-preview-branches[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.text-check-preview-branch[b-n4f0dg63v7] {
    padding: 0.25rem 0.5rem;
    background: #e8d5c4;
    color: #8b6f47;
    border-radius: 0.25rem;
    font-size: 0.85rem;
    font-weight: 500;
    font-family: monospace;
}

.text-check-edit-actions[b-n4f0dg63v7] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8ddd4;
}

.text-check-edit-actions button.small[b-n4f0dg63v7] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    flex: 1;
}

/* עיצוב העלאת קבצים */
.file-upload-section[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.file-upload-area[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    border: 2px dashed #8b6f47;
    border-radius: 0.5rem;
    background: #faf8f5;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 120px;
}

.file-upload-area:hover[b-n4f0dg63v7] {
    border-color: #6b5a3a;
    background: #f5f1eb;
    transform: translateY(-1px);
}

.file-upload-icon[b-n4f0dg63v7] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    opacity: 0.7;
}

.file-upload-text[b-n4f0dg63v7] {
    text-align: center;
}

.file-upload-title[b-n4f0dg63v7] {
    margin: 0 0 0.25rem 0;
    font-weight: 600;
    color: #2c2c2c;
    font-size: 1rem;
}

.file-upload-subtitle[b-n4f0dg63v7] {
    margin: 0;
    font-size: 0.85rem;
    color: #666666;
}

.file-selected-info[b-n4f0dg63v7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: #d4e6c1;
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
}

.file-selected-icon[b-n4f0dg63v7] {
    font-size: 1.2rem;
    color: #5a7c3a;
}

.file-selected-details[b-n4f0dg63v7] {
    flex: 1;
    min-width: 0;
}

.file-selected-name[b-n4f0dg63v7] {
    margin: 0 0 0.25rem 0;
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.9rem;
    word-break: break-all;
}

.file-selected-path[b-n4f0dg63v7] {
    margin: 0;
    font-size: 0.8rem;
    color: #666666;
    word-break: break-all;
}

.file-remove-button[b-n4f0dg63v7] {
    background: #b8860b;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.file-remove-button:hover[b-n4f0dg63v7] {
    background: #9a6f0a;
}

/* עיצוב בחירת מודל */
.model-selection-edit-form[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #f5f1eb;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
}

.model-selection-item[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.model-selection-label[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.95rem;
}

.model-selection-select[b-n4f0dg63v7] {
    padding: 0.75rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
    cursor: pointer;
}

.model-selection-select:focus[b-n4f0dg63v7] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.model-info[b-n4f0dg63v7] {
    padding: 1rem;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.model-info-item[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
}

.model-info-label[b-n4f0dg63v7] {
    font-weight: 500;
    color: #666666;
    font-size: 0.85rem;
}

.model-info-value[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.85rem;
}

.model-selection-edit-actions[b-n4f0dg63v7] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8ddd4;
}

.model-selection-edit-actions button.small[b-n4f0dg63v7] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    flex: 1;
}

.current-model-display[b-n4f0dg63v7] {
    padding: 1rem;
    background: #d4e6c1;
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.current-model-name[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 1rem;
}

.current-model-company[b-n4f0dg63v7] {
    font-weight: 500;
    color: #5a7c3a;
    font-size: 0.9rem;
}

.current-model-description[b-n4f0dg63v7] {
    font-size: 0.85rem;
    color: #666666;
    font-style: italic;
    margin-top: 0.25rem;
}

.current-model-capabilities[b-n4f0dg63v7] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.capability-tag[b-n4f0dg63v7] {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    font-weight: 500;
}

.capability-tag--supported[b-n4f0dg63v7] {
    background: #5a7c3a;
    color: white;
}

.capability-tag--not-supported[b-n4f0dg63v7] {
    background: #e8ddd4;
    color: #666666;
}

.no-model-selected[b-n4f0dg63v7] {
    padding: 1rem;
    text-align: center;
    background: #f5e6a3;
    border: 1px solid #b8860b;
    border-radius: 0.5rem;
}

.no-model-selected .muted[b-n4f0dg63v7] {
    color: #8b6f47;
    margin: 0;
}

.no-model-selected .small[b-n4f0dg63v7] {
    font-size: 0.8rem;
}

/* עיצוב עורך סוכן AI */
.ai-settings-section[b-n4f0dg63v7] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f0ebe5;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
}

.ai-settings-section:last-child[b-n4f0dg63v7] {
    margin-bottom: 0;
}

/* עיצוב בחירת מודל */
.ai-model-selection-form[b-n4f0dg63v7],
.ai-system-message-form[b-n4f0dg63v7],
.ai-temperature-form[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #f5f1eb;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
}

.ai-form-group[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ai-form-label[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.95rem;
}

.ai-form-select[b-n4f0dg63v7] {
    padding: 0.75rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
    cursor: pointer;
}

.ai-form-select:focus[b-n4f0dg63v7] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.ai-form-textarea[b-n4f0dg63v7] {
    padding: 0.75rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    font-family: inherit;
    resize: vertical;
    min-height: 100px;
    transition: border-color 0.2s ease;
}

.ai-form-textarea:focus[b-n4f0dg63v7] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.ai-form-help[b-n4f0dg63v7] {
    font-size: 0.8rem;
    color: #666666;
    font-style: italic;
    margin-top: 0.25rem;
}

.ai-form-actions[b-n4f0dg63v7] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8ddd4;
}

.ai-form-actions button.small[b-n4f0dg63v7] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    flex: 1;
}

/* עיצוב תצוגת מודל נוכחי */
.ai-current-model-display[b-n4f0dg63v7] {
    padding: 0.75rem;
}

.ai-model-card[b-n4f0dg63v7] {
    padding: 1rem;
    background: #d4e6c1;
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ai-model-name[b-n4f0dg63v7] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 1rem;
}

.ai-model-company[b-n4f0dg63v7] {
    font-weight: 500;
    color: #5a7c3a;
    font-size: 0.9rem;
}

.ai-no-model[b-n4f0dg63v7] {
    padding: 1rem;
    text-align: center;
    background: #f5e6a3;
    border: 1px solid #b8860b;
    border-radius: 0.5rem;
}

.ai-no-model-text[b-n4f0dg63v7] {
    color: #8b6f47;
    font-weight: 500;
}

/* עיצוב תצוגת הודעת מערכת */
.ai-system-message-display[b-n4f0dg63v7] {
    padding: 0.75rem;
}

.ai-message-preview[b-n4f0dg63v7] {
    padding: 1rem;
    background: #faf8f5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    color: #2c2c2c;
    line-height: 1.5;
    word-wrap: break-word;
}

.ai-no-message[b-n4f0dg63v7] {
    padding: 1rem;
    text-align: center;
    background: #f0ebe5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
}

.ai-no-message-text[b-n4f0dg63v7] {
    color: #666666;
    font-style: italic;
}

/* עיצוב Temperature */
.ai-temperature-display[b-n4f0dg63v7] {
    padding: 0.75rem;
}

.ai-temperature-value[b-n4f0dg63v7] {
    padding: 1rem;
    background: #d4e6c1;
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.ai-temperature-number[b-n4f0dg63v7] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c2c2c;
    font-family: monospace;
}

.ai-temperature-description[b-n4f0dg63v7] {
    font-size: 0.9rem;
    color: #5a7c3a;
    font-weight: 500;
}

.ai-no-temperature[b-n4f0dg63v7] {
    padding: 1rem;
    text-align: center;
    background: #f0ebe5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
}

.ai-no-temperature-text[b-n4f0dg63v7] {
    color: #666666;
    font-style: italic;
}

/* עיצוב slider ל-Temperature */
.ai-temperature-slider-container[b-n4f0dg63v7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: #faf8f5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
}

.ai-temperature-slider[b-n4f0dg63v7] {
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: #e8ddd4;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.ai-temperature-slider[b-n4f0dg63v7]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #8b6f47;
    cursor: pointer;
    border: 2px solid #faf8f5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}

.ai-temperature-slider[b-n4f0dg63v7]::-webkit-slider-thumb:hover {
    background: #6b5a3a;
    transform: scale(1.1);
}

.ai-temperature-slider[b-n4f0dg63v7]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #8b6f47;
    cursor: pointer;
    border: 2px solid #faf8f5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}

.ai-temperature-slider[b-n4f0dg63v7]::-moz-range-thumb:hover {
    background: #6b5a3a;
    transform: scale(1.1);
}

.ai-temperature-labels[b-n4f0dg63v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ai-temperature-label[b-n4f0dg63v7] {
    font-size: 0.8rem;
    color: #666666;
    font-weight: 500;
}

/* אנימציות */
.ai-settings-section[b-n4f0dg63v7] {
    transition: all 0.3s ease;
}

.ai-settings-section:hover[b-n4f0dg63v7] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.ai-form-select:hover[b-n4f0dg63v7],
.ai-form-textarea:hover[b-n4f0dg63v7] {
    border-color: #c4b4a0;
}

.ai-form-select:focus[b-n4f0dg63v7],
.ai-form-textarea:focus[b-n4f0dg63v7] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(139, 111, 71, 0.15);
}

/* Responsive */
@media (max-width: 768px) {
    .node-details-panel[b-n4f0dg63v7] {
        width: 100%;
        right: -100%;
    }
    
    .node-details-panel--visible[b-n4f0dg63v7] {
        right: 0;
    }

    .ai-settings-section[b-n4f0dg63v7] {
        padding: 0.75rem;
    }

    .ai-model-selection-form[b-n4f0dg63v7],
    .ai-system-message-form[b-n4f0dg63v7],
    .ai-temperature-form[b-n4f0dg63v7] {
        padding: 0.75rem;
    }

    .ai-form-actions[b-n4f0dg63v7] {
        flex-direction: column;
    }

    .ai-form-actions button.small[b-n4f0dg63v7] {
        width: 100%;
    }

    .ai-temperature-value[b-n4f0dg63v7] {
        padding: 0.75rem;
    }

    .ai-temperature-number[b-n4f0dg63v7] {
        font-size: 1.25rem;
    }
}
/* _content/aiapiflu/Components/FlowStudio/NodeManager.razor.rz.scp.css */
.add-node-panel[b-0wrip1hd01] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.definitions-sidebar[b-0wrip1hd01] {
    background: linear-gradient(160deg, #eef2ff, #ffffff);
    border-radius: 20px;
    padding: 1.2rem;
    box-shadow: 0 14px 32px rgba(15, 46, 91, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.definitions-sidebar header h4[b-0wrip1hd01] {
    margin: 0;
    font-size: 1.1rem;
}

.definitions-sidebar header p[b-0wrip1hd01] {
    margin: 0.3rem 0 0;
    font-size: 0.85rem;
}

.definitions-list[b-0wrip1hd01] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    max-height: 520px;
    overflow-y: auto;
    padding-left: 0.2rem;
}

.definition-item[b-0wrip1hd01] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    padding: 0.9rem;
    border-radius: 16px;
    border: 1px solid transparent;
    background: rgba(75, 123, 236, 0.08);
    cursor: pointer;
    text-align: right;
    transition: transform 0.2s ease, border 0.2s ease, box-shadow 0.2s ease;
}

.definition-item:hover[b-0wrip1hd01] {
    transform: translateX(-4px);
    border-color: rgba(75, 123, 236, 0.45);
    box-shadow: 0 10px 24px rgba(15, 46, 91, 0.14);
}

.definition-item--active[b-0wrip1hd01] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 16px 32px rgba(75, 123, 236, 0.35);
}

.definition-item--active .definition-subtitle[b-0wrip1hd01],
.definition-item--active .definition-tags .tag[b-0wrip1hd01] {
    color: #f0f4ff;
}

.definition-title[b-0wrip1hd01] {
    font-weight: 700;
}

.definition-subtitle[b-0wrip1hd01] {
    font-size: 0.85rem;
    color: #4f5d78;
}

.definition-tags[b-0wrip1hd01] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.definition-details[b-0wrip1hd01] {
    background: #ffffff;
    border-radius: 22px;
    padding: 1.6rem;
    box-shadow: 0 18px 45px rgba(12, 33, 63, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.definition-placeholder[b-0wrip1hd01] {
    text-align: center;
    color: #55627d;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.definition-card[b-0wrip1hd01] {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
}

.definition-card header[b-0wrip1hd01] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.definition-stats[b-0wrip1hd01] {
    display: flex;
    gap: 0.5rem;
}

.stat-pill[b-0wrip1hd01] {
    background: rgba(75, 123, 236, 0.12);
    color: #3867d6;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    font-weight: 600;
    white-space: nowrap;
}

.stat-pill--output[b-0wrip1hd01] {
    background: rgba(46, 204, 113, 0.18);
    color: #1f8f4d;
}

.definition-card section[b-0wrip1hd01] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.definition-card h4[b-0wrip1hd01] {
    margin: 0;
    font-size: 1.1rem;
}

.parameters-grid[b-0wrip1hd01] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    margin-top: 0.5rem;
}

.parameter-card[b-0wrip1hd01] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 16px;
    padding: 1rem;
    border: 2px solid rgba(75, 123, 236, 0.1);
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(15, 46, 91, 0.08);
}

.parameter-card:hover[b-0wrip1hd01] {
    transform: translateY(-2px);
    border-color: rgba(75, 123, 236, 0.25);
    box-shadow: 0 8px 24px rgba(15, 46, 91, 0.15);
}

.parameter-card--input[b-0wrip1hd01] {
    border-left: 4px solid #4b7bec;
}

.parameter-card--output[b-0wrip1hd01] {
    border-left: 4px solid #2ecc71;
}

.parameter-header[b-0wrip1hd01] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.parameter-icon[b-0wrip1hd01] {
    font-size: 1.1rem;
    color: #4b7bec;
    font-weight: bold;
}

.parameter-card--output .parameter-icon[b-0wrip1hd01] {
    color: #2ecc71;
}

.parameter-title[b-0wrip1hd01] {
    font-weight: 700;
    color: #122044;
    font-size: 1rem;
}

.parameter-content[b-0wrip1hd01] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.parameter-meta[b-0wrip1hd01] {
    font-size: 0.8rem;
    color: #4f5d78;
    padding: 0.2rem 0.5rem;
    background: rgba(23, 38, 63, 0.05);
    border-radius: 8px;
    font-weight: 500;
}

.parameter-meta--required[b-0wrip1hd01] {
    background: rgba(231, 76, 60, 0.1);
    color: #c0392b;
}

.parameter-meta--optional[b-0wrip1hd01] {
    background: rgba(46, 204, 113, 0.1);
    color: #1f8f4d;
}

.parameter-description[b-0wrip1hd01] {
    font-size: 0.8rem;
    color: #334466;
    padding: 0.4rem 0.6rem;
    background: rgba(75, 123, 236, 0.05);
    border-radius: 8px;
    margin-top: 0.3rem;
    line-height: 1.4;
}

.input-with-hint[b-0wrip1hd01] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.input-with-hint .hint[b-0wrip1hd01] {
    font-size: 0.8rem;
    color: #4f5d78;
}

/* עיצוב שדות הקלט כבר מוגדר גלובלית ב-app.css */

.definition-card footer[b-0wrip1hd01] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.definition-card footer label[b-0wrip1hd01] {
    font-weight: 600;
}

.definition-card .actions[b-0wrip1hd01] {
    display: flex;
    gap: 0.7rem;
}

.definition-card .actions .primary[b-0wrip1hd01] {
    min-width: 150px;
}

.node-grid[b-0wrip1hd01] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.node-card[b-0wrip1hd01] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 24px;
    padding: 1.8rem;
    box-shadow: 0 12px 40px rgba(15, 46, 91, 0.1);
    border: 2px solid rgba(75, 123, 236, 0.12);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    animation: cardSlideIn-b-0wrip1hd01 0.5s ease-out;
    cursor: pointer;
}

.node-card--selected[b-0wrip1hd01] {
    border-color: rgba(75, 123, 236, 0.4);
    background: linear-gradient(135deg, #f0f4ff 0%, #e8f2ff 100%);
    box-shadow: 0 16px 50px rgba(75, 123, 236, 0.2);
    transform: translateY(-2px) scale(1.01);
}

@keyframes cardSlideIn-b-0wrip1hd01 {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.node-card[b-0wrip1hd01]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 20px 20px 0 0;
}

.node-card:hover[b-0wrip1hd01] {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 20px 60px rgba(15, 46, 91, 0.2);
    border-color: rgba(75, 123, 236, 0.25);
}

.node-card header[b-0wrip1hd01] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: 1rem;
}

.node-card__actions[b-0wrip1hd01] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.node-card__delete[b-0wrip1hd01] {
    background: rgba(231, 76, 60, 0.1);
    border: 1px solid rgba(231, 76, 60, 0.2);
    border-radius: 8px;
    padding: 0.4rem;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #e74c3c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.node-card__delete:hover[b-0wrip1hd01] {
    background: rgba(231, 76, 60, 0.2);
    border-color: rgba(231, 76, 60, 0.4);
    transform: scale(1.1);
}

.node-card__delete:active[b-0wrip1hd01] {
    transform: scale(0.95);
}

.node-card header h4[b-0wrip1hd01] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #122044;
    line-height: 1.3;
}

.node-card header p[b-0wrip1hd01] {
    margin: 0.3rem 0 0;
    font-size: 0.9rem;
    color: #4f5d78;
}

.node-card .tags[b-0wrip1hd01] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.node-card .tag[b-0wrip1hd01] {
    background: rgba(75, 123, 236, 0.12);
    color: #3867d6;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.node-card .divider[b-0wrip1hd01] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(75, 123, 236, 0.2), transparent);
    margin: 1rem 0;
}

.node-card .chips[b-0wrip1hd01] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.node-card .chip[b-0wrip1hd01] {
    background: rgba(23, 38, 63, 0.08);
    color: #334466;
    padding: 0.4rem 0.8rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid rgba(75, 123, 236, 0.1);
    transition: all 0.2s ease;
}

.node-card .chip:hover[b-0wrip1hd01] {
    background: rgba(75, 123, 236, 0.12);
    border-color: rgba(75, 123, 236, 0.2);
    transform: translateX(-2px);
}

.node-card h5[b-0wrip1hd01] {
    margin: 0 0 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #122044;
}

.node-footer[b-0wrip1hd01] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(75, 123, 236, 0.1);
}

.node-footer button[b-0wrip1hd01] {
    padding: 0.5rem 1rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.node-footer button.ghost[b-0wrip1hd01] {
    background: rgba(75, 123, 236, 0.08);
    color: #3867d6;
    border-color: rgba(75, 123, 236, 0.2);
}

.node-footer button.ghost:hover[b-0wrip1hd01] {
    background: rgba(75, 123, 236, 0.15);
    border-color: rgba(75, 123, 236, 0.3);
    transform: translateY(-1px);
}

.empty-state[b-0wrip1hd01] {
    text-align: center;
    padding: 3.5rem 1.5rem;
    color: #4f5d78;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border-radius: 24px;
    border: 2px dashed rgba(75, 123, 236, 0.25);
    margin-top: 1.5rem;
    box-shadow: 0 12px 32px rgba(15, 46, 91, 0.08);
    position: relative;
    overflow: hidden;
}

.empty-state[b-0wrip1hd01]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 24px 24px 0 0;
}

.empty-state p[b-0wrip1hd01] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
}

@media (max-width: 768px) {
    .node-grid[b-0wrip1hd01] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .node-card[b-0wrip1hd01] {
        padding: 1.2rem;
    }
    
    .node-card header[b-0wrip1hd01] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .node-footer[b-0wrip1hd01] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .node-footer button[b-0wrip1hd01] {
        width: 100%;
    }
}

@media (max-width: 1080px) {
    .add-node-panel[b-0wrip1hd01] {
        grid-template-columns: 1fr;
    }

    .definitions-sidebar[b-0wrip1hd01] {
        flex-direction: column;
    }

    .definitions-list[b-0wrip1hd01] {
        max-height: none;
    }
}

@media (max-width: 640px) {
    .definition-card .actions[b-0wrip1hd01] {
        flex-direction: column;
    }

    .definition-card .actions button[b-0wrip1hd01] {
        width: 100%;
    }
    
    .parameters-grid[b-0wrip1hd01] {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }
    
    .parameter-card[b-0wrip1hd01] {
        padding: 0.8rem;
    }
}

/* _content/aiapiflu/Components/FlowStudio/RunnerPanel.razor.rz.scp.css */
.runner-panel[b-640et13ajy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
}

.runner-control[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.results-card[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.timeline-flow[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.timeline-flow__row[b-640et13ajy] {
    display: flex;
    gap: 1rem;
    align-items: stretch;
}

.timeline-flow__index[b-640et13ajy] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(145deg, #4b7bec, #3867d6);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    box-shadow: 0 12px 24px rgba(56, 103, 214, 0.3);
}

.timeline-flow__content[b-640et13ajy] {
    flex: 1;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 22px;
    padding: 1.5rem;
    box-shadow: 0 12px 40px rgba(15, 46, 91, 0.1);
    border: 2px solid rgba(75, 123, 236, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    animation: cardSlideIn-b-640et13ajy 0.5s ease-out;
}

@keyframes cardSlideIn-b-640et13ajy {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.timeline-flow__content[b-640et13ajy]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 18px 18px 0 0;
}

.timeline-flow__content:hover[b-640et13ajy] {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 16px 48px rgba(15, 46, 91, 0.15);
    border-color: rgba(75, 123, 236, 0.25);
}

.timeline-flow__content h5[b-640et13ajy] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.timeline-flow__content .badge[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.2);
    color: #1a3f92;
    border-radius: 10px;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.io-grid[b-640et13ajy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.io-grid > div[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.05);
    border-radius: 12px;
    padding: 0.8rem;
    border: 1px solid rgba(75, 123, 236, 0.1);
    transition: all 0.2s ease;
}

.io-grid > div:hover[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.08);
    border-color: rgba(75, 123, 236, 0.15);
    transform: translateY(-1px);
}

.io-grid h6[b-640et13ajy] {
    margin: 0 0 0.6rem;
    font-size: 0.9rem;
    color: #1f2b5c;
    font-weight: 600;
}

.io-grid ul[b-640et13ajy] {
    margin: 0;
    padding-left: 1rem;
    list-style: none;
}

.io-grid ul li[b-640et13ajy] {
    padding: 0.2rem 0;
    font-size: 0.85rem;
    color: #334466;
}

.io-grid ul li strong[b-640et13ajy] {
    color: #122044;
    font-weight: 600;
}

.timeline-flow__content .small[b-640et13ajy] {
    font-size: 0.78rem;
}

.timeline-flow__content ul li[b-640et13ajy] {
    font-size: 0.85rem;
}

.results-card section[b-640et13ajy] {
    background: linear-gradient(135deg, rgba(75, 123, 236, 0.05) 0%, rgba(255, 255, 255, 0.8) 100%);
    border-radius: 20px;
    padding: 1.5rem;
    border: 2px solid rgba(75, 123, 236, 0.12);
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(15, 46, 91, 0.08);
    position: relative;
    overflow: hidden;
}

.results-card section[b-640et13ajy]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 20px 20px 0 0;
}

.results-card section:hover[b-640et13ajy] {
    background: linear-gradient(135deg, rgba(75, 123, 236, 0.08) 0%, rgba(255, 255, 255, 0.9) 100%);
    border-color: rgba(75, 123, 236, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(15, 46, 91, 0.12);
}

.results-card section h4[b-640et13ajy] {
    margin: 0 0 0.8rem;
    font-size: 1rem;
    color: #122044;
    font-weight: 600;
}

.results-card section ul[b-640et13ajy] {
    margin: 0;
    padding-left: 1rem;
    list-style: none;
}

.results-card section ul li[b-640et13ajy] {
    padding: 0.3rem 0;
    font-size: 0.85rem;
    color: #334466;
    border-bottom: 1px solid rgba(75, 123, 236, 0.05);
}

.results-card section ul li:last-child[b-640et13ajy] {
    border-bottom: none;
}

/* עיצוב שדות הקלט כבר מוגדר גלובלית ב-app.css */

/* עיצוב חדש לרכיב הדיבוג */
.debug-flow[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.debug-step[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.step-header[b-640et13ajy] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: white;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(75, 123, 236, 0.3);
}

.step-header h4[b-640et13ajy] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.step-card[b-640et13ajy] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px rgba(15, 46, 91, 0.1);
    border: 2px solid rgba(75, 123, 236, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.card-header[b-640et13ajy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid rgba(75, 123, 236, 0.1);
}

.step-number[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.15);
    color: #1a3f92;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
}

.step-mode[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.1);
    color: #334466;
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.step-details[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.input-output-section[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.05);
    border-radius: 12px;
    border: 1px solid rgba(75, 123, 236, 0.1);
    overflow: hidden;
}

.input-output-section summary[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.1);
    padding: 0.8rem 1rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
    color: #1a3f92;
    border-bottom: 1px solid rgba(75, 123, 236, 0.1);
    transition: background-color 0.2s ease;
}

.input-output-section summary:hover[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.15);
}

.input-output-section[open] summary[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.2);
}

.parameters-grid[b-640et13ajy] {
    padding: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.8rem;
}

.parameter-item[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.6rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    border: 1px solid rgba(75, 123, 236, 0.1);
}

.param-name[b-640et13ajy] {
    font-weight: 600;
    color: #1a3f92;
    font-size: 0.85rem;
}

.param-value[b-640et13ajy] {
    color: #334466;
    font-size: 0.9rem;
    word-break: break-all;
}

.binding-info[b-640et13ajy] {
    margin-top: 0.3rem;
    padding: 0.3rem 0.5rem;
    background: rgba(75, 123, 236, 0.08);
    border-radius: 6px;
    border: 1px solid rgba(75, 123, 236, 0.15);
}

.binding-source[b-640et13ajy] {
    font-size: 0.75rem;
    color: #1a3f92;
    font-weight: 500;
    display: block;
}

.step-status[b-640et13ajy] {
    padding: 1rem;
    border-radius: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
}

.status-success[b-640et13ajy] {
    background: linear-gradient(135deg, #26de81, #20bf6b);
    color: white;
    box-shadow: 0 4px 16px rgba(38, 222, 129, 0.3);
}

.status-error[b-640et13ajy] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
    color: white;
    box-shadow: 0 4px 16px rgba(255, 107, 107, 0.3);
}

.context-changes[b-640et13ajy] {
    background: rgba(75, 123, 236, 0.05);
    border-radius: 12px;
    padding: 1rem;
    border: 1px solid rgba(75, 123, 236, 0.1);
}

.context-changes h5[b-640et13ajy] {
    margin: 0 0 0.8rem;
    color: #1a3f92;
    font-size: 0.9rem;
    font-weight: 600;
}

.context-items[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.context-item[b-640et13ajy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    border: 1px solid rgba(75, 123, 236, 0.1);
}

.context-key[b-640et13ajy] {
    font-weight: 600;
    color: #1a3f92;
    font-size: 0.85rem;
}

.context-value[b-640et13ajy] {
    color: #334466;
    font-size: 0.9rem;
    word-break: break-all;
}

.error-details[b-640et13ajy] {
    background: linear-gradient(135deg, rgba(255, 107, 107, 0.1), rgba(238, 90, 82, 0.05));
    border-radius: 12px;
    padding: 1rem;
    border: 2px solid rgba(255, 107, 107, 0.2);
}

.error-details h5[b-640et13ajy] {
    margin: 0 0 0.8rem;
    color: #ee5a52;
    font-size: 0.9rem;
    font-weight: 600;
}

.error-content[b-640et13ajy] {
    background: rgba(255, 255, 255, 0.9);
    padding: 0.8rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 107, 107, 0.2);
    font-size: 0.85rem;
    line-height: 1.5;
}

.summary-section[b-640et13ajy] {
    background: linear-gradient(135deg, rgba(255, 107, 107, 0.1), rgba(238, 90, 82, 0.05));
    border-radius: 16px;
    padding: 1.5rem;
    border: 2px solid rgba(255, 107, 107, 0.2);
}

.summary-section h4[b-640et13ajy] {
    margin: 0 0 1rem;
    color: #ee5a52;
    font-size: 1rem;
    font-weight: 600;
}

.errors-summary[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.error-summary-item[b-640et13ajy] {
    background: rgba(255, 255, 255, 0.9);
    padding: 0.8rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 107, 107, 0.2);
    font-size: 0.9rem;
    color: #334466;
}

.final-context[b-640et13ajy] {
    background: linear-gradient(135deg, rgba(75, 123, 236, 0.1), rgba(56, 103, 214, 0.05));
    border-radius: 16px;
    padding: 1.5rem;
    border: 2px solid rgba(75, 123, 236, 0.2);
}

.final-context h4[b-640et13ajy] {
    margin: 0 0 1rem;
    color: #1a3f92;
    font-size: 1rem;
    font-weight: 600;
}

.context-grid[b-640et13ajy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.8rem;
}

.context-final-item[b-640et13ajy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    border: 1px solid rgba(75, 123, 236, 0.1);
}

@media (max-width: 640px) {
    .runner-panel[b-640et13ajy] {
        grid-template-columns: 1fr;
    }

    .form-footer[b-640et13ajy] {
        flex-direction: column;
    }

    .timeline-flow__row[b-640et13ajy] {
        flex-direction: column;
        align-items: stretch;
    }

    .timeline-flow__index[b-640et13ajy] {
        width: 32px;
        height: 32px;
    }

    .parameters-grid[b-640et13ajy] {
        grid-template-columns: 1fr;
    }

    .context-grid[b-640et13ajy] {
        grid-template-columns: 1fr;
    }

    .context-item[b-640et13ajy],
    .context-final-item[b-640et13ajy] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.3rem;
    }
}

/* עיצוב דיבוג מפורט */
.debug-info[b-640et13ajy] {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%);
    border-radius: 12px;
    padding: 1rem;
    border: 2px solid rgba(255, 193, 7, 0.2);
    margin-top: 1rem;
}

.debug-info h5[b-640et13ajy] {
    margin: 0 0 0.8rem;
    color: #856404;
    font-size: 0.95rem;
    font-weight: 600;
}

.debug-messages[b-640et13ajy] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.debug-message[b-640et13ajy] {
    padding: 0.5rem 0.7rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    border-left: 4px solid rgba(255, 193, 7, 0.6);
    font-size: 0.85rem;
    color: #495057;
    font-family: 'Courier New', monospace;
    line-height: 1.4;
}

.debug-message:first-child[b-640et13ajy] {
    border-left-color: rgba(40, 167, 69, 0.6);
}

.debug-message:last-child[b-640et13ajy] {
    border-left-color: rgba(220, 53, 69, 0.6);
}

/* כפתורי פעולה משניים ומסוכנים */
button.secondary[b-640et13ajy] {
    background: linear-gradient(135deg, #f39c12, #f1c40f);
    color: white;
    border: none;
    padding: 0.7rem 1.5rem;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(243, 156, 18, 0.3);
}

button.secondary:hover[b-640et13ajy] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4);
}

button.secondary:active[b-640et13ajy] {
    transform: translateY(0);
}

button.danger[b-640et13ajy] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    border: none;
    padding: 0.7rem 1.5rem;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(231, 76, 60, 0.3);
}

button.danger:hover[b-640et13ajy] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
}

button.danger:active[b-640et13ajy] {
    transform: translateY(0);
}
/* _content/aiapiflu/Components/FlowStudio/WizardProjectDialog.razor.rz.scp.css */
.wizard-modal[b-zjphfzqdd6] {
    position: fixed;
    inset: 0;
    background: rgba(6, 10, 28, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(6px);
    z-index: 2000;
}

.wizard-card[b-zjphfzqdd6] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 28px;
    width: min(520px, 92vw);
    padding: 2.5rem;
    border: 2px solid rgba(75, 123, 236, 0.15);
    box-shadow: 0 40px 80px rgba(10, 22, 58, 0.4);
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    color: #1a1a1a;
    position: relative;
    overflow: hidden;
}

.wizard-card[b-zjphfzqdd6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 28px 28px 0 0;
}

.wizard-card header[b-zjphfzqdd6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wizard-card header h2[b-zjphfzqdd6] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #17263f;
    letter-spacing: -0.02em;
}

.close-button[b-zjphfzqdd6] {
    background: transparent;
    border: none;
    font-size: 1.7rem;
    line-height: 1;
    color: #6c7a92;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-button:hover[b-zjphfzqdd6] {
    color: #2f3b55;
    background: rgba(108, 122, 146, 0.1);
}

form div[b-zjphfzqdd6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-field label[b-zjphfzqdd6] {
    font-weight: 600;
    color: #152238;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}

/* עיצוב שדות הקלט כבר מוגדר גלובלית ב-app.css */

.validation-message[b-zjphfzqdd6],
.validation-message span[b-zjphfzqdd6] {
    color: #e25a5a;
    font-size: 0.85rem;
}

.form-footer[b-zjphfzqdd6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.primary[b-zjphfzqdd6] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 20px rgba(75, 123, 236, 0.3);
    min-width: 120px;
}

.primary:hover[b-zjphfzqdd6] {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(75, 123, 236, 0.4);
}

.secondary[b-zjphfzqdd6] {
    background: #ffffff;
    color: #1a1a1a;
    border: 1px solid #d3dce6;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: border 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    min-width: 120px;
}

.secondary:hover[b-zjphfzqdd6] {
    border-color: #a2b0c7;
    background: #f8f9fc;
    box-shadow: 0 8px 20px rgba(15, 46, 91, 0.08);
}

.animation-pop[b-zjphfzqdd6] {
    animation: wizard-pop-b-zjphfzqdd6 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes wizard-pop-b-zjphfzqdd6 {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.9);
    }
    50% {
        transform: translateY(-10px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-backdrop[b-zjphfzqdd6] {
    animation: backdropFade-b-zjphfzqdd6 0.3s ease-out;
}

@keyframes backdropFade-b-zjphfzqdd6 {
    0% {
        opacity: 0;
        backdrop-filter: blur(0px);
    }
    100% {
        opacity: 1;
        backdrop-filter: blur(6px);
    }
}

/* _content/aiapiflu/Components/FlowStudio/הגדרות_פרויקט.razor.rz.scp.css */
.project-settings[b-ehvqx9be84] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    margin: 20px auto;
}

.project-settings__title[b-ehvqx9be84] {
    margin: 0 0 20px 0;
    color: #2c3e50;
    font-size: 1.5rem;
    border-bottom: 2px solid #3498db;
    padding-bottom: 10px;
}

.project-settings__section[b-ehvqx9be84] {
    margin-bottom: 25px;
}

.project-settings__label[b-ehvqx9be84] {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    color: #34495e;
}

.project-settings__hint[b-ehvqx9be84] {
    display: block;
    font-size: 0.85rem;
    font-weight: normal;
    color: #7f8c8d;
    margin-top: 4px;
}

.project-settings__select[b-ehvqx9be84] {
    width: 100%;
    padding: 10px;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    font-size: 1rem;
    background: white;
    cursor: pointer;
}

.project-settings__select:focus[b-ehvqx9be84] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
}

.project-settings__params-list[b-ehvqx9be84] {
    margin-bottom: 10px;
}

.project-settings__param-row[b-ehvqx9be84] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}

.project-settings__param-type[b-ehvqx9be84] {
    padding: 8px 12px;
    background: #ecf0f1;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #7f8c8d;
    white-space: nowrap;
    min-width: 80px;
    text-align: center;
}

.project-settings__no-params[b-ehvqx9be84] {
    padding: 15px;
    background: #fff9e6;
    border: 1px solid #f39c12;
    border-radius: 4px;
    color: #856404;
    text-align: center;
    font-style: italic;
}

.project-settings__input:disabled[b-ehvqx9be84] {
    background: #ecf0f1;
    color: #7f8c8d;
    cursor: not-allowed;
}

.project-settings__input[b-ehvqx9be84] {
    padding: 8px 12px;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    font-size: 0.95rem;
    flex: 1;
}

.project-settings__input--wide[b-ehvqx9be84] {
    flex: 2;
}

.project-settings__input:focus[b-ehvqx9be84] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
}

.project-settings__btn-remove[b-ehvqx9be84] {
    background: #e74c3c;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.2s;
}

.project-settings__btn-remove:hover[b-ehvqx9be84] {
    background: #c0392b;
}

.project-settings__btn-add[b-ehvqx9be84] {
    background: #27ae60;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.95rem;
    transition: background 0.2s;
}

.project-settings__btn-add:hover[b-ehvqx9be84] {
    background: #229954;
}

.project-settings__actions[b-ehvqx9be84] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ecf0f1;
}

.project-settings__btn-save[b-ehvqx9be84] {
    background: #3498db;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    transition: background 0.2s;
}

.project-settings__btn-save:hover[b-ehvqx9be84] {
    background: #2980b9;
}

.project-settings__btn-cancel[b-ehvqx9be84] {
    background: #95a5a6;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.2s;
}

.project-settings__btn-cancel:hover[b-ehvqx9be84] {
    background: #7f8c8d;
}

.project-settings__message[b-ehvqx9be84] {
    margin-top: 15px;
    padding: 12px;
    border-radius: 4px;
    font-weight: bold;
}

.project-settings__message.success[b-ehvqx9be84] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.project-settings__message.error[b-ehvqx9be84] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.project-settings__info[b-ehvqx9be84] {
    margin-top: 30px;
    padding: 15px;
    background: #ecf0f1;
    border-radius: 4px;
    border-right: 4px solid #3498db;
}

.project-settings__info h4[b-ehvqx9be84] {
    margin: 0 0 10px 0;
    color: #2c3e50;
}

.project-settings__info p[b-ehvqx9be84] {
    margin: 5px 0;
    color: #34495e;
}

.project-settings__info ul[b-ehvqx9be84] {
    margin: 10px 0;
    padding-right: 20px;
}

.project-settings__info li[b-ehvqx9be84] {
    margin: 5px 0;
    color: #34495e;
}

.project-settings__error[b-ehvqx9be84] {
    color: #e74c3c;
    font-weight: bold;
    text-align: center;
    padding: 20px;
}

/* _content/aiapiflu/Components/FlowStudio/מסך_פרויקטים.razor.rz.scp.css */
.project-screen[b-9tiy62h1xh] {
    background: linear-gradient(135deg, #ffffff 0%, #f7f9ff 100%);
    border-radius: 28px;
    padding: 2.5rem 3rem;
    box-shadow: 0 24px 60px rgba(23, 38, 63, 0.14);
    border: 1px solid rgba(56, 103, 214, 0.08);
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.project-screen__header[b-9tiy62h1xh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

.project-screen__intro h1[b-9tiy62h1xh] {
    margin: 0;
    font-size: 2.25rem;
    color: #17263f;
    letter-spacing: -0.02em;
}

.project-screen__intro p[b-9tiy62h1xh] {
    margin: 0.75rem 0 0;
    font-size: 1.1rem;
    color: #526280;
    max-width: 540px;
}

.project-screen__actions[b-9tiy62h1xh] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.project-screen__active-pill[b-9tiy62h1xh] {
    background: rgba(75, 123, 236, 0.12);
    color: #3867d6;
    padding: 0.55rem 1.1rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.95rem;
}

.project-screen__empty[b-9tiy62h1xh] {
    background: rgba(75, 123, 236, 0.08);
    border: 2px dashed rgba(75, 123, 236, 0.25);
    padding: 3rem;
    border-radius: 24px;
    text-align: center;
    color: #3b4d74;
    display: grid;
    gap: 0.8rem;
}

.project-screen__table-container[b-9tiy62h1xh] {
    background: linear-gradient(145deg, #f6f8ff, #ffffff);
    border-radius: 24px;
    padding: 1.5rem;
    box-shadow: 0 18px 42px rgba(15, 46, 91, 0.12);
    border: 1px solid rgba(56, 103, 214, 0.08);
    overflow-x: auto;
}

.project-table[b-9tiy62h1xh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.project-table th[b-9tiy62h1xh] {
    background: rgba(56, 103, 214, 0.08);
    color: #17263f;
    font-weight: 600;
    padding: 1rem 0.8rem;
    text-align: right;
    border-bottom: 2px solid rgba(56, 103, 214, 0.15);
    font-size: 0.9rem;
}

.project-table td[b-9tiy62h1xh] {
    padding: 1rem 0.8rem;
    border-bottom: 1px solid rgba(56, 103, 214, 0.08);
    vertical-align: top;
}

.project-table__row--active[b-9tiy62h1xh] {
    background: rgba(56, 103, 214, 0.05);
}

.project-table__row--active:hover[b-9tiy62h1xh] {
    background: rgba(56, 103, 214, 0.08);
}

.project-table tbody tr:hover[b-9tiy62h1xh] {
    background: rgba(56, 103, 214, 0.03);
}

.project-table__name[b-9tiy62h1xh] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.project-table__name strong[b-9tiy62h1xh] {
    color: #17263f;
    font-size: 1rem;
}

.project-table__id[b-9tiy62h1xh] {
    font-size: 0.8rem;
    color: #6c7a92;
    font-family: monospace;
}

.project-table__description[b-9tiy62h1xh] {
    color: #4c5e7f;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-table__no-description[b-9tiy62h1xh] {
    color: #9ca3af;
    font-style: italic;
}

.project-table__node-count[b-9tiy62h1xh] {
    background: rgba(56, 103, 214, 0.1);
    color: #3867d6;
    padding: 0.3rem 0.6rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.85rem;
}

.project-table__date[b-9tiy62h1xh] {
    color: #6c7a92;
    font-size: 0.9rem;
    direction: ltr;
    text-align: left;
}

.project-table__status[b-9tiy62h1xh] {
    background: rgba(156, 163, 175, 0.15);
    color: #6b7280;
    padding: 0.3rem 0.8rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
}

.project-table__status--active[b-9tiy62h1xh] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #ffffff;
}

.project-table__actions[b-9tiy62h1xh] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.project-table__action-button[b-9tiy62h1xh] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #ffffff;
    border: none;
    padding: 0.4rem 0.6rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-table__action-button.primary[b-9tiy62h1xh] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    padding: 0.5rem 1rem;
    min-width: auto;
    height: auto;
}

.project-table__action-button.secondary[b-9tiy62h1xh] {
    background: linear-gradient(135deg, #6c7a92, #5a6b7d);
}

.project-table__action-button.danger[b-9tiy62h1xh] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.project-table__action-button.success[b-9tiy62h1xh] {
    background: linear-gradient(135deg, #27ae60, #229954);
}

.project-table__action-button:hover[b-9tiy62h1xh] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(56, 103, 214, 0.3);
}

.project-table__action-button.danger:hover[b-9tiy62h1xh] {
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

.project-table__action-button.success:hover[b-9tiy62h1xh] {
    box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
}

.project-table__action-button.secondary:hover[b-9tiy62h1xh] {
    box-shadow: 0 4px 12px rgba(108, 122, 146, 0.3);
}

.project-table__edit-field[b-9tiy62h1xh] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.project-table__input[b-9tiy62h1xh] {
    border: 2px solid rgba(56, 103, 214, 0.2);
    border-radius: 8px;
    padding: 0.5rem;
    font-size: 0.9rem;
    background: #ffffff;
    transition: border-color 0.2s ease;
}

.project-table__input:focus[b-9tiy62h1xh] {
    outline: none;
    border-color: #3867d6;
    box-shadow: 0 0 0 3px rgba(56, 103, 214, 0.1);
}

.project-table__textarea[b-9tiy62h1xh] {
    border: 2px solid rgba(56, 103, 214, 0.2);
    border-radius: 8px;
    padding: 0.5rem;
    font-size: 0.9rem;
    background: #ffffff;
    transition: border-color 0.2s ease;
    resize: vertical;
    min-height: 60px;
    font-family: inherit;
}

.project-table__textarea:focus[b-9tiy62h1xh] {
    outline: none;
    border-color: #3867d6;
    box-shadow: 0 0 0 3px rgba(56, 103, 214, 0.1);
}

.project-table__checkbox-label[b-9tiy62h1xh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: #4c5e7f;
}

.project-table__checkbox[b-9tiy62h1xh] {
    width: 18px;
    height: 18px;
    accent-color: #3867d6;
    cursor: pointer;
}

.project-table__checkbox-text[b-9tiy62h1xh] {
    font-weight: 500;
}

@media (max-width: 960px) {
    .project-screen[b-9tiy62h1xh] {
        padding: 2rem 1.5rem;
    }

    .project-screen__header[b-9tiy62h1xh] {
        flex-direction: column;
        align-items: stretch;
    }

    .project-screen__actions[b-9tiy62h1xh] {
        justify-content: space-between;
    }

    .project-table th[b-9tiy62h1xh],
    .project-table td[b-9tiy62h1xh] {
        padding: 0.8rem 0.6rem;
        font-size: 0.9rem;
    }

    .project-table__description[b-9tiy62h1xh] {
        max-width: 150px;
    }
}

@media (max-width: 640px) {
    .project-screen__actions[b-9tiy62h1xh] {
        flex-direction: column;
        align-items: stretch;
    }

    .project-table th[b-9tiy62h1xh],
    .project-table td[b-9tiy62h1xh] {
        padding: 0.6rem 0.4rem;
        font-size: 0.85rem;
    }

    .project-table__description[b-9tiy62h1xh] {
        max-width: 120px;
    }

    .project-table__action-button[b-9tiy62h1xh] {
        padding: 0.4rem 0.8rem;
        font-size: 0.8rem;
    }
}

/* _content/aiapiflu/Components/FlowStudio/עורכים/עורך_בדיקת_טקסט.razor.rz.scp.css */
/* עיצוב עורך בדיקת טקסט */

/* מסגרת כללית */
.node-special-settings[b-yrj365zrx2] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f0ebe5;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* כותרת כללית */
.special-settings-header[b-yrj365zrx2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e8ddd4;
}

.special-settings-header h5[b-yrj365zrx2] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

.edit-settings-button[b-yrj365zrx2] {
    background: #8b6f47;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.edit-settings-button:hover[b-yrj365zrx2] {
    background: #6b5a3a;
    transform: translateY(-1px);
}

/* עיצוב עורך הגדרות בדיקת טקסט */
.text-check-edit-form[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #f5f1eb;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.text-check-general-settings[b-yrj365zrx2],
.text-check-rules-section[b-yrj365zrx2],
.text-check-preview-section[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.text-check-general-settings h6[b-yrj365zrx2],
.text-check-rules-section h6[b-yrj365zrx2],
.text-check-preview-section h6[b-yrj365zrx2] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #2c2c2c;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e8ddd4;
}

.text-check-setting-item[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.text-check-setting-label[b-yrj365zrx2] {
    font-weight: 500;
    color: #666666;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.text-check-setting-input[b-yrj365zrx2] {
    padding: 0.5rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.text-check-setting-input:hover[b-yrj365zrx2] {
    border-color: #c4b4a0;
    transform: translateY(-1px);
}

.text-check-setting-input:focus[b-yrj365zrx2] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
    transform: translateY(-1px);
}

.text-check-setting-description[b-yrj365zrx2] {
    font-size: 0.8rem;
    color: #666666;
    font-style: italic;
}

.text-check-rules-header[b-yrj365zrx2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-rule-button[b-yrj365zrx2] {
    background: #5a7c3a;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.add-rule-button:hover[b-yrj365zrx2] {
    background: #4a6b2a;
    transform: translateY(-1px);
}

.empty-rules[b-yrj365zrx2] {
    padding: 1rem;
    text-align: center;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
}

.empty-rules .muted[b-yrj365zrx2] {
    color: #666666;
    margin: 0;
}

.empty-rules .small[b-yrj365zrx2] {
    font-size: 0.8rem;
}

.text-check-rules-list[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.text-check-rule-item[b-yrj365zrx2] {
    padding: 1rem;
    background: #faf8f5;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
    transition: all 0.3s ease;
}

.text-check-rule-item:hover[b-yrj365zrx2] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.text-check-rule-header[b-yrj365zrx2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e8ddd4;
}

.text-check-rule-number[b-yrj365zrx2] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.9rem;
}

.remove-rule-button[b-yrj365zrx2] {
    background: #b8860b;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.remove-rule-button:hover[b-yrj365zrx2] {
    background: #9a6f0a;
    transform: scale(1.1);
}

.text-check-rule-content[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.text-check-rule-field[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.text-check-rule-field-label[b-yrj365zrx2] {
    font-weight: 500;
    color: #666666;
    font-size: 0.85rem;
}

.text-check-rule-field-input[b-yrj365zrx2],
.text-check-rule-field-select[b-yrj365zrx2] {
    padding: 0.5rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.text-check-rule-field-input:hover[b-yrj365zrx2],
.text-check-rule-field-select:hover[b-yrj365zrx2] {
    border-color: #c4b4a0;
    transform: translateY(-1px);
}

.text-check-rule-field-input:focus[b-yrj365zrx2],
.text-check-rule-field-select:focus[b-yrj365zrx2] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
    transform: translateY(-1px);
}

.text-check-preview-content[b-yrj365zrx2] {
    padding: 0.75rem;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.text-check-preview-description[b-yrj365zrx2] {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    color: #666666;
    font-weight: 500;
}

.text-check-preview-branches[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.text-check-preview-branch[b-yrj365zrx2] {
    padding: 0.25rem 0.5rem;
    background: #e8d5c4;
    color: #8b6f47;
    border-radius: 0.25rem;
    font-size: 0.85rem;
    font-weight: 500;
    font-family: monospace;
}

.text-check-edit-actions[b-yrj365zrx2] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8ddd4;
}

.text-check-edit-actions button.small[b-yrj365zrx2] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    flex: 1;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
}

.text-check-edit-actions button.primary[b-yrj365zrx2] {
    background: #5a7c3a;
    color: white;
    border: none;
}

.text-check-edit-actions button.primary:hover[b-yrj365zrx2] {
    background: #4a6b2a;
    transform: translateY(-1px);
}

.text-check-edit-actions button.secondary[b-yrj365zrx2] {
    background: #e8d5c4;
    color: #8b6f47;
    border: 1px solid #d4c4b0;
}

.text-check-edit-actions button.secondary:hover[b-yrj365zrx2] {
    background: #d4c4b0;
    color: #6b5a3a;
    transform: translateY(-1px);
}

/* עיצוב תצוגת סיכום */
.special-settings-content[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.settings-summary[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.settings-summary-item[b-yrj365zrx2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
    transition: all 0.2s ease;
}

.settings-summary-item:hover[b-yrj365zrx2] {
    background: #f0ebe5;
    transform: translateY(-1px);
}

.settings-summary-label[b-yrj365zrx2] {
    font-weight: 500;
    color: #666666;
    font-size: 0.9rem;
}

.settings-summary-value[b-yrj365zrx2] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.9rem;
}

.rules-summary[b-yrj365zrx2] {
    margin-top: 0.5rem;
}

.rules-summary h6[b-yrj365zrx2] {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #2c2c2c;
}

.rules-summary-list[b-yrj365zrx2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.rule-summary-item[b-yrj365zrx2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: #faf8f5;
    border-radius: 0.25rem;
    border: 1px solid #e8ddd4;
    font-size: 0.85rem;
    transition: all 0.2s ease;
}

.rule-summary-item:hover[b-yrj365zrx2] {
    background: #f0ebe5;
    transform: translateY(-1px);
}

.rule-match[b-yrj365zrx2] {
    color: #8b6f47;
    font-weight: 500;
    font-family: monospace;
}

.rule-arrow[b-yrj365zrx2] {
    color: #666666;
    font-weight: 600;
}

.rule-branch[b-yrj365zrx2] {
    color: #2c2c2c;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
    .text-check-edit-form[b-yrj365zrx2] {
        padding: 0.75rem;
    }
    
    .text-check-rules-header[b-yrj365zrx2] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: stretch;
    }
    
    .text-check-edit-actions[b-yrj365zrx2] {
        flex-direction: column;
    }
    
    .text-check-edit-actions button.small[b-yrj365zrx2] {
        width: 100%;
    }
    
    .settings-summary-item[b-yrj365zrx2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}
/* _content/aiapiflu/Components/FlowStudio/עורכים/עורך_העלאת_קובץ.razor.rz.scp.css */
/* עיצוב עורך העלאת קובץ */

/* מסגרת כללית */
.node-special-settings[b-612xkhuiko] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f0ebe5;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* כותרת כללית */
.special-settings-header[b-612xkhuiko] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e8ddd4;
}

.special-settings-header h5[b-612xkhuiko] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

.edit-settings-button[b-612xkhuiko] {
    background: #8b6f47;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.edit-settings-button:hover[b-612xkhuiko] {
    background: #6b5a3a;
    transform: translateY(-1px);
}

/* סקציית העלאת קבצים */
.file-upload-section[b-612xkhuiko] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.file-upload-area[b-612xkhuiko] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    border: 2px dashed #8b6f47;
    border-radius: 0.5rem;
    background: #faf8f5;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 120px;
}

.file-upload-area:hover[b-612xkhuiko] {
    border-color: #6b5a3a;
    background: #f5f1eb;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(139, 111, 71, 0.2);
}

.file-upload-icon[b-612xkhuiko] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    opacity: 0.7;
    color: #8b6f47;
}

.file-upload-text[b-612xkhuiko] {
    text-align: center;
}

.file-upload-title[b-612xkhuiko] {
    margin: 0 0 0.25rem 0;
    font-weight: 600;
    color: #2c2c2c;
    font-size: 1rem;
}

.file-upload-subtitle[b-612xkhuiko] {
    margin: 0;
    font-size: 0.85rem;
    color: #666666;
}

.file-selected-info[b-612xkhuiko] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: linear-gradient(135deg, #d4e6c1 0%, #c8e0b8 100%);
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px rgba(90, 124, 58, 0.2);
}

.file-selected-icon[b-612xkhuiko] {
    font-size: 1.2rem;
    color: #5a7c3a;
}

.file-selected-details[b-612xkhuiko] {
    flex: 1;
    min-width: 0;
}

.file-selected-name[b-612xkhuiko] {
    margin: 0 0 0.25rem 0;
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.9rem;
    word-break: break-all;
}

.file-selected-path[b-612xkhuiko] {
    margin: 0;
    font-size: 0.8rem;
    color: #666666;
    word-break: break-all;
}

.file-remove-button[b-612xkhuiko] {
    background: #b8860b;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.file-remove-button:hover[b-612xkhuiko] {
    background: #9a6f0a;
    transform: scale(1.1);
}

/* אנימציות */
.file-upload-area[b-612xkhuiko] {
    transition: all 0.3s ease;
}

.file-selected-info[b-612xkhuiko] {
    transition: all 0.3s ease;
}

.file-selected-info:hover[b-612xkhuiko] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(90, 124, 58, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .file-upload-area[b-612xkhuiko] {
        padding: 1.5rem;
        min-height: 100px;
    }
    
    .file-upload-icon[b-612xkhuiko] {
        font-size: 1.5rem;
    }
    
    .file-selected-info[b-612xkhuiko] {
        flex-direction: column;
        text-align: center;
    }
    
    .file-selected-details[b-612xkhuiko] {
        margin-bottom: 0.5rem;
    }
}
/* _content/aiapiflu/Components/FlowStudio/עורכים/עורך_סוכן_AI.razor.rz.scp.css */
/* עיצוב עורך סוכן AI */

/* מסגרת כללית */
.node-special-settings[b-5t6spkcbss] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f0ebe5;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* כותרת כללית */
.special-settings-header[b-5t6spkcbss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e8ddd4;
}

.special-settings-header h5[b-5t6spkcbss] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

.edit-settings-button[b-5t6spkcbss] {
    background: #8b6f47;
    color: white;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.edit-settings-button:hover[b-5t6spkcbss] {
    background: #6b5a3a;
    transform: translateY(-1px);
}

/* סקציות עורך */
.ai-settings-section[b-5t6spkcbss] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #faf8f5;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
    transition: all 0.3s ease;
}

.ai-settings-section:last-child[b-5t6spkcbss] {
    margin-bottom: 0;
}

.ai-settings-section:hover[b-5t6spkcbss] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

/* טפסים */
.ai-model-selection-form[b-5t6spkcbss],
.ai-system-message-form[b-5t6spkcbss],
.ai-temperature-form[b-5t6spkcbss] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #f5f1eb;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ai-form-group[b-5t6spkcbss] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ai-form-label[b-5t6spkcbss] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.95rem;
}

.ai-form-select[b-5t6spkcbss] {
    padding: 0.75rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ai-form-select:hover[b-5t6spkcbss] {
    border-color: #c4b4a0;
    transform: translateY(-1px);
}

.ai-form-select:focus[b-5t6spkcbss] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
    transform: translateY(-1px);
}

.ai-form-textarea[b-5t6spkcbss] {
    padding: 0.75rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    font-family: inherit;
    resize: vertical;
    min-height: 100px;
    transition: all 0.2s ease;
}

.ai-form-textarea:hover[b-5t6spkcbss] {
    border-color: #c4b4a0;
    transform: translateY(-1px);
}

.ai-form-textarea:focus[b-5t6spkcbss] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
    transform: translateY(-1px);
}

.ai-form-help[b-5t6spkcbss] {
    font-size: 0.8rem;
    color: #666666;
    font-style: italic;
    margin-top: 0.25rem;
}

.ai-form-actions[b-5t6spkcbss] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8ddd4;
}

.ai-form-actions button.small[b-5t6spkcbss] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    flex: 1;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
}

.ai-form-actions button.primary[b-5t6spkcbss] {
    background: #5a7c3a;
    color: white;
    border: none;
}

.ai-form-actions button.primary:hover[b-5t6spkcbss] {
    background: #4a6b2a;
    transform: translateY(-1px);
}

.ai-form-actions button.secondary[b-5t6spkcbss] {
    background: #e8d5c4;
    color: #8b6f47;
    border: 1px solid #d4c4b0;
}

.ai-form-actions button.secondary:hover[b-5t6spkcbss] {
    background: #d4c4b0;
    color: #6b5a3a;
    transform: translateY(-1px);
}

/* תצוגת מודל נוכחי */
.ai-current-model-display[b-5t6spkcbss] {
    padding: 0.75rem;
}

.ai-model-card[b-5t6spkcbss] {
    padding: 1rem;
    background: linear-gradient(135deg, #d4e6c1 0%, #c8e0b8 100%);
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    box-shadow: 0 2px 4px rgba(90, 124, 58, 0.2);
}

.ai-model-name[b-5t6spkcbss] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 1rem;
}

.ai-model-company[b-5t6spkcbss] {
    font-weight: 500;
    color: #5a7c3a;
    font-size: 0.9rem;
}

.ai-no-model[b-5t6spkcbss] {
    padding: 1rem;
    text-align: center;
    background: linear-gradient(135deg, #f5e6a3 0%, #f0e099 100%);
    border: 1px solid #b8860b;
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px rgba(184, 134, 11, 0.2);
}

.ai-no-model-text[b-5t6spkcbss] {
    color: #8b6f47;
    font-weight: 500;
}

/* תצוגת הודעת מערכת */
.ai-system-message-display[b-5t6spkcbss] {
    padding: 0.75rem;
}

.ai-message-preview[b-5t6spkcbss] {
    padding: 1rem;
    background: #faf8f5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    color: #2c2c2c;
    line-height: 1.5;
    word-wrap: break-word;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ai-no-message[b-5t6spkcbss] {
    padding: 1rem;
    text-align: center;
    background: #f0ebe5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
}

.ai-no-message-text[b-5t6spkcbss] {
    color: #666666;
    font-style: italic;
}

/* תצוגת Temperature */
.ai-temperature-display[b-5t6spkcbss] {
    padding: 0.75rem;
}

.ai-temperature-value[b-5t6spkcbss] {
    padding: 1rem;
    background: linear-gradient(135deg, #d4e6c1 0%, #c8e0b8 100%);
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 2px 4px rgba(90, 124, 58, 0.2);
}

.ai-temperature-number[b-5t6spkcbss] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c2c2c;
    font-family: monospace;
}

.ai-temperature-description[b-5t6spkcbss] {
    font-size: 0.9rem;
    color: #5a7c3a;
    font-weight: 500;
}

.ai-no-temperature[b-5t6spkcbss] {
    padding: 1rem;
    text-align: center;
    background: #f0ebe5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
}

.ai-no-temperature-text[b-5t6spkcbss] {
    color: #666666;
    font-style: italic;
}

/* עיצוב slider ל-Temperature */
.ai-temperature-slider-container[b-5t6spkcbss] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: #faf8f5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ai-temperature-slider[b-5t6spkcbss] {
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: #e8ddd4;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: all 0.2s ease;
}

.ai-temperature-slider:hover[b-5t6spkcbss] {
    background: #d4c4b0;
}

.ai-temperature-slider[b-5t6spkcbss]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #8b6f47;
    cursor: pointer;
    border: 2px solid #faf8f5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}

.ai-temperature-slider[b-5t6spkcbss]::-webkit-slider-thumb:hover {
    background: #6b5a3a;
    transform: scale(1.1);
}

.ai-temperature-slider[b-5t6spkcbss]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #8b6f47;
    cursor: pointer;
    border: 2px solid #faf8f5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}

.ai-temperature-slider[b-5t6spkcbss]::-moz-range-thumb:hover {
    background: #6b5a3a;
    transform: scale(1.1);
}

.ai-temperature-labels[b-5t6spkcbss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ai-temperature-label[b-5t6spkcbss] {
    font-size: 0.8rem;
    color: #666666;
    font-weight: 500;
}

/* אנימציות נוספות */
.ai-settings-section[b-5t6spkcbss] {
    transition: all 0.3s ease;
}

.ai-model-card[b-5t6spkcbss],
.ai-temperature-value[b-5t6spkcbss] {
    transition: all 0.3s ease;
}

.ai-model-card:hover[b-5t6spkcbss],
.ai-temperature-value:hover[b-5t6spkcbss] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(90, 124, 58, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .ai-settings-section[b-5t6spkcbss] {
        padding: 0.75rem;
    }

    .ai-model-selection-form[b-5t6spkcbss],
    .ai-system-message-form[b-5t6spkcbss],
    .ai-temperature-form[b-5t6spkcbss] {
        padding: 0.75rem;
    }

    .ai-form-actions[b-5t6spkcbss] {
        flex-direction: column;
    }

    .ai-form-actions button.small[b-5t6spkcbss] {
        width: 100%;
    }

    .ai-temperature-value[b-5t6spkcbss] {
        padding: 0.75rem;
    }

    .ai-temperature-number[b-5t6spkcbss] {
        font-size: 1.25rem;
    }
}
/* _content/aiapiflu/Components/Layout/MainLayout.razor.rz.scp.css */
/* עיצוב תפריט ניווט עליון */
.main-layout[b-b7yutq8zp5] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.top-navigation[b-b7yutq8zp5] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(102, 126, 234, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.nav-container[b-b7yutq8zp5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-brand .brand-link[b-b7yutq8zp5] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #667eea;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-brand .brand-link:hover[b-b7yutq8zp5] {
    color: #764ba2;
}

.nav-menu[b-b7yutq8zp5] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.nav-link[b-b7yutq8zp5] {
    color: #2c3e50;
    text-decoration: none;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-link:hover[b-b7yutq8zp5] {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
    transform: translateY(-2px);
}

.nav-link.active[b-b7yutq8zp5] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.nav-actions[b-b7yutq8zp5] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.nav-button[b-b7yutq8zp5] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-button.primary[b-b7yutq8zp5] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
}

.nav-button.primary:hover[b-b7yutq8zp5] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);
}

/* תוכן העמוד */
.main-content[b-b7yutq8zp5] {
    flex: 1;
    min-height: calc(100vh - 200px);
}

/* כותרת תחתונה */
.main-footer[b-b7yutq8zp5] {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: white;
    margin-top: auto;
}

.footer-container[b-b7yutq8zp5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 2rem 1rem;
}

.footer-content[b-b7yutq8zp5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
}

.footer-section h4[b-b7yutq8zp5],
.footer-section h5[b-b7yutq8zp5] {
    margin: 0 0 1rem 0;
    font-weight: 600;
}

.footer-section h4[b-b7yutq8zp5] {
    font-size: 1.3rem;
    color: #3498db;
}

.footer-section h5[b-b7yutq8zp5] {
    font-size: 1.1rem;
    color: #bdc3c7;
}

.footer-section p[b-b7yutq8zp5] {
    color: #95a5a6;
    line-height: 1.6;
    margin: 0;
}

.footer-section ul[b-b7yutq8zp5] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-section li[b-b7yutq8zp5] {
    color: #95a5a6;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.footer-bottom[b-b7yutq8zp5] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1rem;
    text-align: center;
}

.footer-bottom p[b-b7yutq8zp5] {
    color: #95a5a6;
    margin: 0;
    font-size: 0.9rem;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .nav-container[b-b7yutq8zp5] {
        padding: 1rem;
        flex-direction: column;
        gap: 1rem;
    }
    
    .nav-menu[b-b7yutq8zp5] {
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .nav-link[b-b7yutq8zp5] {
        padding: 0.4rem 0.8rem;
        font-size: 0.9rem;
    }
    
    .footer-content[b-b7yutq8zp5] {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .nav-menu[b-b7yutq8zp5] {
        flex-direction: column;
        width: 100%;
    }
    
    .nav-link[b-b7yutq8zp5] {
        width: 100%;
        justify-content: center;
    }
}

#blazor-error-ui[b-b7yutq8zp5] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-b7yutq8zp5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/aiapiflu/Components/MDEditor/MDEditor.razor.rz.scp.css */
/* עיצוב כללי */
.md-editor-container[b-w60orws80c] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

/* כותרת */
.editor-header[b-w60orws80c] {
    text-align: center;
    margin-bottom: 30px;
    padding: 30px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.editor-header h2[b-w60orws80c] {
    color: #2c3e50;
    margin: 0 0 10px 0;
    font-size: 2.2rem;
    font-weight: 600;
}

.editor-header p[b-w60orws80c] {
    color: #7f8c8d;
    margin: 0;
    font-size: 1.1rem;
}

/* תוכן עיקרי */
.editor-content[b-w60orws80c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

/* אזור עריכה */
.editor-section[b-w60orws80c] {
    background: white;
    border-radius: 15px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.section-header[b-w60orws80c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.section-header h3[b-w60orws80c] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 500;
}

.editor-actions[b-w60orws80c] {
    display: flex;
    gap: 10px;
}

.editor-textarea[b-w60orws80c] {
    padding: 20px;
}

.editor-textarea textarea[b-w60orws80c] {
    width: 100%;
    height: 500px;
    border: 2px solid #e1e8ed;
    border-radius: 10px;
    padding: 15px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.6;
    resize: vertical;
    transition: border-color 0.3s ease;
    background: #fafbfc;
}

.editor-textarea textarea:focus[b-w60orws80c] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* אזור תצוגה מקדימה */
.preview-section[b-w60orws80c] {
    background: white;
    border-radius: 15px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.preview-actions[b-w60orws80c] {
    display: flex;
    gap: 10px;
}

.preview-content[b-w60orws80c] {
    padding: 20px;
    height: 500px;
    overflow-y: auto;
    background: #fafbfc;
    border-top: 1px solid #e1e8ed;
}

.preview-content.fullscreen[b-w60orws80c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    height: 100vh;
    background: white;
    padding: 40px;
}

.preview-empty[b-w60orws80c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #95a5a6;
    text-align: center;
}

.preview-empty i[b-w60orws80c] {
    font-size: 3rem;
    margin-bottom: 20px;
    opacity: 0.5;
}

.preview-empty p[b-w60orws80c] {
    font-size: 1.2rem;
    margin: 0 0 10px 0;
}

.preview-empty small[b-w60orws80c] {
    font-size: 0.9rem;
}

/* תוכן Markdown */
.markdown-content[b-w60orws80c] {
    line-height: 1.8;
    color: #2c3e50;
}

.markdown-content h1[b-w60orws80c] {
    color: #2c3e50;
    border-bottom: 3px solid #3498db;
    padding-bottom: 10px;
    margin: 30px 0 20px 0;
    font-size: 2rem;
}

.markdown-content h2[b-w60orws80c] {
    color: #34495e;
    border-bottom: 2px solid #ecf0f1;
    padding-bottom: 8px;
    margin: 25px 0 15px 0;
    font-size: 1.6rem;
}

.markdown-content h3[b-w60orws80c] {
    color: #34495e;
    margin: 20px 0 10px 0;
    font-size: 1.3rem;
}

.markdown-content p[b-w60orws80c] {
    margin: 15px 0;
    text-align: justify;
}

.markdown-content ul[b-w60orws80c], .markdown-content ol[b-w60orws80c] {
    margin: 15px 0;
    padding-right: 20px;
}

.markdown-content li[b-w60orws80c] {
    margin: 8px 0;
}

.markdown-content code[b-w60orws80c] {
    background: #f8f9fa;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9em;
    color: #e74c3c;
}

.markdown-content pre[b-w60orws80c] {
    background: #2c3e50;
    color: #ecf0f1;
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 20px 0;
}

.markdown-content pre code[b-w60orws80c] {
    background: none;
    color: inherit;
    padding: 0;
}

.markdown-content blockquote[b-w60orws80c] {
    border-right: 4px solid #3498db;
    background: #f8f9fa;
    padding: 15px 20px;
    margin: 20px 0;
    font-style: italic;
    color: #555;
}

.markdown-content a[b-w60orws80c] {
    color: #3498db;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s ease;
}

.markdown-content a:hover[b-w60orws80c] {
    border-bottom-color: #3498db;
}

.markdown-content hr[b-w60orws80c] {
    border: none;
    height: 2px;
    background: linear-gradient(to right, transparent, #bdc3c7, transparent);
    margin: 30px 0;
}

/* אזור פעולות */
.actions-section[b-w60orws80c] {
    background: white;
    border-radius: 15px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.actions-header[b-w60orws80c] {
    padding: 20px 25px;
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: white;
}

.actions-header h3[b-w60orws80c] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 500;
}

.actions-grid[b-w60orws80c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 25px;
}

.action-card[b-w60orws80c] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 25px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.action-card[b-w60orws80c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.action-card:hover[b-w60orws80c] {
    border-color: #667eea;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
}

.action-icon[b-w60orws80c] {
    text-align: center;
    margin-bottom: 15px;
}

.action-icon i[b-w60orws80c] {
    font-size: 2.5rem;
    color: #667eea;
}

.action-content h4[b-w60orws80c] {
    color: #2c3e50;
    margin: 0 0 10px 0;
    font-size: 1.2rem;
    text-align: center;
}

.action-content p[b-w60orws80c] {
    color: #7f8c8d;
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* כפתורים */
.btn[b-w60orws80c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.btn[b-w60orws80c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.btn:hover[b-w60orws80c]::before {
    left: 100%;
}

.btn:disabled[b-w60orws80c] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-w60orws80c] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-w60orws80c] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}

.btn-secondary[b-w60orws80c] {
    background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);
    color: white;
}

.btn-secondary:hover:not(:disabled)[b-w60orws80c] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(149, 165, 166, 0.3);
}

.btn-success[b-w60orws80c] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: white;
}

.btn-success:hover:not(:disabled)[b-w60orws80c] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(17, 153, 142, 0.3);
}

.btn-info[b-w60orws80c] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
}

.btn-info:hover:not(:disabled)[b-w60orws80c] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3);
}

.btn-outline[b-w60orws80c] {
    background: transparent;
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-outline:hover:not(:disabled)[b-w60orws80c] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}

/* אפשרויות יצוא */
.export-options[b-w60orws80c] {
    margin-bottom: 15px;
}

.form-group[b-w60orws80c] {
    margin-bottom: 10px;
}

.form-group label[b-w60orws80c] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    color: #2c3e50;
    cursor: pointer;
}

.form-group input[type="checkbox"][b-w60orws80c] {
    cursor: pointer;
    width: 18px;
    height: 18px;
}

/* טופס מייל */
.email-form[b-w60orws80c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-input[b-w60orws80c] {
    padding: 12px 15px;
    border: 2px solid #e1e8ed;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
    background: white;
}

.form-input:focus[b-w60orws80c] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

/* הודעות סטטוס */
.status-message[b-w60orws80c] {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px 20px;
    border-radius: 8px;
    color: white;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 1001;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    animation: slideIn-b-w60orws80c 0.3s ease;
}

.status-message.info[b-w60orws80c] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
}

.status-message.success[b-w60orws80c] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

.status-message.error[b-w60orws80c] {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
}

.btn-close[b-w60orws80c] {
    background: none;
    border: none;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0;
    margin-left: 10px;
}

/* אנימציות */
@keyframes slideIn-b-w60orws80c {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* אייקונים (ניתן להחליף באייקונים אמיתיים) */
.icon-clear[b-w60orws80c]::before { content: "🗑️"; }
.icon-sample[b-w60orws80c]::before { content: "📄"; }
.icon-fullscreen[b-w60orws80c]::before { content: "⛶"; }
.icon-preview[b-w60orws80c]::before { content: "👁️"; }
.icon-word[b-w60orws80c]::before { content: "📝"; }
.icon-email[b-w60orws80c]::before { content: "📧"; }
.icon-copy[b-w60orws80c]::before { content: "📋"; }
.icon-download[b-w60orws80c]::before { content: "⬇️"; }
.icon-send[b-w60orws80c]::before { content: "📤"; }
.icon-status[b-w60orws80c]::before { content: "ℹ️"; }

/* רספונסיביות */
@media (max-width: 768px) {
    .editor-content[b-w60orws80c] {
        grid-template-columns: 1fr;
    }
    
    .actions-grid[b-w60orws80c] {
        grid-template-columns: 1fr;
    }
    
    .md-editor-container[b-w60orws80c] {
        padding: 10px;
    }
    
    .editor-header[b-w60orws80c] {
        padding: 20px;
    }
    
    .editor-header h2[b-w60orws80c] {
        font-size: 1.8rem;
    }
    
    .editor-textarea textarea[b-w60orws80c] {
        height: 300px;
    }
    
    .preview-content[b-w60orws80c] {
        height: 300px;
    }
}
/* _content/aiapiflu/Components/Pages/Home.razor.rz.scp.css */
/* עיצוב דף הבית החדש - סוכני AI */
.ai-home[b-z7474xtt7c] {
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* קטע הכותרת הראשית */
.hero-section[b-z7474xtt7c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4rem 3rem;
    min-height: 80vh;
    position: relative;
    overflow: hidden;
}

.hero-section[b-z7474xtt7c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.hero-content[b-z7474xtt7c] {
    flex: 1;
    max-width: 600px;
    z-index: 2;
    position: relative;
}

.hero-title[b-z7474xtt7c] {
    font-size: 3.5rem;
    font-weight: 800;
    margin: 0 0 1rem 0;
    line-height: 1.1;
    text-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.hero-subtitle[b-z7474xtt7c] {
    display: block;
    font-size: 1.5rem;
    font-weight: 300;
    color: #e8f2ff;
    margin-top: 0.5rem;
}

.hero-description[b-z7474xtt7c] {
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 2rem 0;
    color: #e8f2ff;
    opacity: 0.9;
}

.hero-actions[b-z7474xtt7c] {
    display: flex;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.cta-button[b-z7474xtt7c] {
    padding: 1rem 2rem;
    border: none;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.cta-button.primary[b-z7474xtt7c] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
}

.cta-button.primary:hover[b-z7474xtt7c] {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(255,107,107,0.4);
}

.cta-button.secondary[b-z7474xtt7c] {
    background: rgba(255,255,255,0.2);
    color: white;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.3);
}

.cta-button.secondary:hover[b-z7474xtt7c] {
    background: rgba(255,255,255,0.3);
    transform: translateY(-3px);
}

.cta-button.large[b-z7474xtt7c] {
    padding: 1.2rem 2.5rem;
    font-size: 1.2rem;
}

.hero-visual[b-z7474xtt7c] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    position: relative;
}

.floating-cards[b-z7474xtt7c] {
    display: flex;
    gap: 2rem;
    animation: float-b-z7474xtt7c 6s ease-in-out infinite;
}

.card.ai-card[b-z7474xtt7c] {
    width: 120px;
    height: 120px;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
}

.card.ai-card:hover[b-z7474xtt7c] {
    transform: scale(1.1) rotate(5deg);
}

.card.ai-card:nth-child(2)[b-z7474xtt7c] {
    animation-delay: -2s;
}

.card.ai-card:nth-child(3)[b-z7474xtt7c] {
    animation-delay: -4s;
}

@keyframes float-b-z7474xtt7c {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

/* קטע השירותים */
.services-section[b-z7474xtt7c] {
    padding: 6rem 3rem;
    background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
    color: #2c3e50;
}

.section-header[b-z7474xtt7c] {
    text-align: center;
    margin-bottom: 4rem;
}

.section-header h2[b-z7474xtt7c] {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    color: #2c3e50;
}

.section-header p[b-z7474xtt7c] {
    font-size: 1.2rem;
    color: #7f8c8d;
    margin: 0;
}

.services-grid[b-z7474xtt7c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.service-card[b-z7474xtt7c] {
    background: white;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    border: 1px solid rgba(102, 126, 234, 0.1);
    position: relative;
    overflow: hidden;
}

.service-card[b-z7474xtt7c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2);
}

.service-card:hover[b-z7474xtt7c] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.service-icon[b-z7474xtt7c] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.service-card h3[b-z7474xtt7c] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    color: #2c3e50;
}

.service-card p[b-z7474xtt7c] {
    color: #7f8c8d;
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
}

.service-features[b-z7474xtt7c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.feature-tag[b-z7474xtt7c] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
}

.service-contact[b-z7474xtt7c] {
    border-top: 1px solid #ecf0f1;
    padding-top: 1rem;
}

.contact-method[b-z7474xtt7c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    color: #7f8c8d;
    font-size: 0.9rem;
}

.contact-icon[b-z7474xtt7c] {
    font-size: 1rem;
}

/* קטע יצירת קשר */
.contact-section[b-z7474xtt7c] {
    padding: 6rem 3rem;
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: white;
}

.contact-grid[b-z7474xtt7c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    max-width: 1000px;
    margin: 0 auto;
}

.contact-card[b-z7474xtt7c] {
    text-align: center;
    padding: 2rem;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s ease;
}

.contact-card:hover[b-z7474xtt7c] {
    transform: translateY(-5px);
    background: rgba(255,255,255,0.15);
}

.contact-icon-large[b-z7474xtt7c] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.contact-card h3[b-z7474xtt7c] {
    font-size: 1.3rem;
    margin: 0 0 1rem 0;
    font-weight: 600;
}

.contact-card p[b-z7474xtt7c] {
    color: #bdc3c7;
    margin: 0 0 1.5rem 0;
    line-height: 1.5;
}

.contact-link[b-z7474xtt7c] {
    color: #3498db;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.contact-link:hover[b-z7474xtt7c] {
    color: #5dade2;
}

/* קטע קריאה לפעולה */
.cta-section[b-z7474xtt7c] {
    padding: 6rem 3rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    text-align: center;
    color: white;
}

.cta-content h2[b-z7474xtt7c] {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
}

.cta-content p[b-z7474xtt7c] {
    font-size: 1.2rem;
    margin: 0 0 3rem 0;
    opacity: 0.9;
}

.cta-buttons[b-z7474xtt7c] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .hero-section[b-z7474xtt7c] {
        flex-direction: column;
        text-align: center;
        padding: 2rem 1rem;
    }
    
    .hero-title[b-z7474xtt7c] {
        font-size: 2.5rem;
    }
    
    .hero-actions[b-z7474xtt7c] {
        flex-direction: column;
        align-items: center;
    }
    
    .floating-cards[b-z7474xtt7c] {
        margin-top: 2rem;
    }
    
    .services-section[b-z7474xtt7c],
    .contact-section[b-z7474xtt7c],
    .cta-section[b-z7474xtt7c] {
        padding: 3rem 1rem;
    }
    
    .services-grid[b-z7474xtt7c] {
        grid-template-columns: 1fr;
    }
    
    .contact-grid[b-z7474xtt7c] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    
    .cta-buttons[b-z7474xtt7c] {
        flex-direction: column;
        align-items: center;
    }
}

.hero[b-z7474xtt7c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
    background: #17263f;
    color: #ffffff;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(12, 33, 63, 0.25);
}

.hero__content h1[b-z7474xtt7c] {
    margin: 0;
    font-size: 2.75rem;
    letter-spacing: -0.03em;
}

.hero__content p[b-z7474xtt7c] {
    margin: 0.75rem 0 0;
    font-size: 1.125rem;
    color: #dce7ff;
}

.hero__actions[b-z7474xtt7c] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.hero__actions .project-selector[b-z7474xtt7c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: right;
}

.primary[b-z7474xtt7c] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 12px 25px rgba(75, 123, 236, 0.35);
}

.primary:hover[b-z7474xtt7c] {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(75, 123, 236, 0.4);
}

select[b-z7474xtt7c] {
    border-radius: 16px;
    border: 2px solid #e1e8f0;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(15, 46, 91, 0.05);
    font-family: inherit;
    position: relative;
}

select:focus[b-z7474xtt7c] {
    border-color: #4b7bec;
    box-shadow: 0 0 0 6px rgba(75, 123, 236, 0.12), 0 8px 24px rgba(75, 123, 236, 0.15);
    outline: none;
    background: #ffffff;
    transform: translateY(-1px);
}

select:hover[b-z7474xtt7c] {
    border-color: #a8b8d8;
    box-shadow: 0 6px 16px rgba(15, 46, 91, 0.08);
    transform: translateY(-1px);
}

.project-overview[b-z7474xtt7c] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 28px;
    padding: 2.5rem 3rem;
    box-shadow: 0 20px 50px rgba(12, 33, 63, 0.15);
    border: 1px solid rgba(75, 123, 236, 0.08);
    position: relative;
    overflow: hidden;
}

.project-overview[b-z7474xtt7c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 28px 28px 0 0;
}

.project-overview header[b-z7474xtt7c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

.project-overview h2[b-z7474xtt7c] {
    margin: 0;
    font-size: 2rem;
}

.project-description[b-z7474xtt7c] {
    margin: 0.5rem 0 0;
    color: #4f5d78;
}

.project-actions[b-z7474xtt7c] {
    display: flex;
    gap: 0.75rem;
}

.ghost[b-z7474xtt7c] {
    background: rgba(72, 94, 144, 0.08);
    border: none;
    padding: 0.6rem 1.1rem;
    border-radius: 12px;
    color: #1a1a1a;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.ghost:hover[b-z7474xtt7c] {
    background: rgba(72, 94, 144, 0.14);
}

.ghost.danger[b-z7474xtt7c] {
    color: #ed4c5c;
    background: rgba(237, 76, 92, 0.12);
}

.ghost.danger:hover[b-z7474xtt7c] {
    background: rgba(237, 76, 92, 0.18);
}

.timeline[b-z7474xtt7c] {
    margin: 2.5rem 0 2rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
}

.timeline__step[b-z7474xtt7c] {
    background: linear-gradient(145deg, #f1f4fb, #ffffff);
    border-radius: 18px;
    padding: 1.2rem;
    border: 2px solid transparent;
    display: flex;
    gap: 1rem;
    cursor: pointer;
    transition: transform 0.2s ease, border 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 12px 30px rgba(15, 46, 91, 0.08);
}

.timeline__step:hover[b-z7474xtt7c] {
    transform: translateY(-3px);
    border-color: rgba(75, 123, 236, 0.45);
}

.timeline__step--active[b-z7474xtt7c] {
    border-color: #4b7bec;
    box-shadow: 0 18px 42px rgba(75, 123, 236, 0.2);
}

.timeline__index[b-z7474xtt7c] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

.empty-state[b-z7474xtt7c] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    padding: 3.5rem;
    border-radius: 28px;
    box-shadow: 0 16px 40px rgba(12, 33, 63, 0.15);
    text-align: center;
    color: #4f5d78;
    font-size: 1.1rem;
    border: 2px dashed rgba(75, 123, 236, 0.2);
    position: relative;
    overflow: hidden;
}

.empty-state[b-z7474xtt7c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #4b7bec, #3867d6);
    border-radius: 28px 28px 0 0;
}

.empty-state p[b-z7474xtt7c] {
    margin: 0;
}


.section-title[b-z7474xtt7c] {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #17263f;
}

.node-grid[b-z7474xtt7c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.node-card[b-z7474xtt7c] {
    border-radius: 20px;
    padding: 1.2rem;
    background: linear-gradient(145deg, #f6f8fc, #ffffff);
    border: 1px solid transparent;
    box-shadow: 0 12px 28px rgba(15, 46, 91, 0.1);
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    transition: transform 0.2s ease, border 0.2s ease;
}

.node-card:hover[b-z7474xtt7c] {
    transform: translateY(-4px);
    border-color: rgba(75, 123, 236, 0.35);
}

.node-card header[b-z7474xtt7c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.node-card header h4[b-z7474xtt7c] {
    margin: 0;
}

.node-card .tags[b-z7474xtt7c] {
    display: flex;
    gap: 0.5rem;
}

.tag[b-z7474xtt7c] {
    background: rgba(75, 123, 236, 0.12);
    color: #3867d6;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
}

.bindings-grid[b-z7474xtt7c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
}

.binding-card[b-z7474xtt7c] {
    background: linear-gradient(145deg, #f7f9ff, #ffffff);
    border-radius: 18px;
    padding: 1.2rem;
    box-shadow: 0 10px 24px rgba(15, 46, 91, 0.12);
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.binding-card h4[b-z7474xtt7c] {
    margin: 0;
    font-size: 1.05rem;
}

.binding-card .options[b-z7474xtt7c] {
    display: grid;
    gap: 0.75rem;
}

.binding-card .option[b-z7474xtt7c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.runner-panel[b-z7474xtt7c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 2rem;
}

.runner-panel .card[b-z7474xtt7c] {
    background: #ffffff;
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 0 12px 30px rgba(12, 33, 63, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.results-card ul[b-z7474xtt7c] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.4rem;
}

.results-card li[b-z7474xtt7c] {
    background: rgba(72, 94, 144, 0.08);
    padding: 0.45rem 0.75rem;
    border-radius: 10px;
    direction: ltr;
}

.pill-inputs[b-z7474xtt7c] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.pill[b-z7474xtt7c] {
    background: rgba(75, 123, 236, 0.1);
    color: #3867d6;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    font-size: 0.9rem;
}

.flex-row[b-z7474xtt7c] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.flex-between[b-z7474xtt7c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chips[b-z7474xtt7c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.chip[b-z7474xtt7c] {
    background: rgba(23, 38, 63, 0.12);
    border-radius: 999px;
    padding: 0.35rem 0.8rem;
    font-size: 0.85rem;
}

.muted[b-z7474xtt7c] {
    color: #6c7a92;
}

.divider[b-z7474xtt7c] {
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(15, 46, 91, 0.18), transparent);
    margin: 1.5rem 0;
}

.cards-grid[b-z7474xtt7c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.4rem;
}

.cards-grid .card[b-z7474xtt7c] {
    background: linear-gradient(145deg, #f6f8ff, #ffffff);
    border-radius: 20px;
    padding: 1.3rem;
    box-shadow: 0 12px 28px rgba(15, 46, 91, 0.12);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.animation-pop[b-z7474xtt7c] {
    animation: pop-b-z7474xtt7c 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes pop-b-z7474xtt7c {
    0% {
        transform: scale(0.9) translateY(20px);
        opacity: 0;
    }
    50% {
        transform: scale(1.02) translateY(-5px);
    }
    100% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

.fade-in[b-z7474xtt7c] {
    animation: fadeIn-b-z7474xtt7c 0.6s ease-out;
}

@keyframes fadeIn-b-z7474xtt7c {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide-up[b-z7474xtt7c] {
    animation: slideUp-b-z7474xtt7c 0.5s ease-out;
}

@keyframes slideUp-b-z7474xtt7c {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 960px) {
    .page[b-z7474xtt7c] {
        padding: 1.5rem;
    }

    .hero[b-z7474xtt7c] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .timeline[b-z7474xtt7c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .runner-panel[b-z7474xtt7c] {
        grid-template-columns: 1fr;
    }
}

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

    .hero__actions[b-z7474xtt7c] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .hero__actions .primary[b-z7474xtt7c],
    .hero__actions select[b-z7474xtt7c] {
        width: 100%;
    }
}

/* _content/aiapiflu/Components/Pages/ModelDetailsComponent.razor.rz.scp.css */
/* רכיב פרטי מודל */
.model-details[b-lp5h22ro98] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    padding: 24px;
    margin: 16px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid #dee2e6;
}

.details-header[b-lp5h22ro98] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e9ecef;
}

.details-header h3[b-lp5h22ro98] {
    margin: 0;
    color: #495057;
    font-size: 1.5rem;
    font-weight: 600;
}

.model-status[b-lp5h22ro98] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.status-badge[b-lp5h22ro98] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.active[b-lp5h22ro98] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status-badge.inactive[b-lp5h22ro98] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.status-badge.experimental[b-lp5h22ro98] {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.status-badge.hidden[b-lp5h22ro98] {
    background-color: #e2e3e5;
    color: #383d41;
    border: 1px solid #d6d8db;
}

.details-grid[b-lp5h22ro98] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

.details-section[b-lp5h22ro98] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.details-section h4[b-lp5h22ro98] {
    margin: 0 0 16px 0;
    color: #495057;
    font-size: 1.1rem;
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9ecef;
}

.details-content[b-lp5h22ro98] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.detail-item[b-lp5h22ro98] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.detail-item label[b-lp5h22ro98] {
    font-weight: 600;
    color: #6c757d;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-item span[b-lp5h22ro98] {
    color: #495057;
    font-size: 0.95rem;
    word-break: break-word;
}

/* יכולות */
.capabilities-grid[b-lp5h22ro98] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.capability-item[b-lp5h22ro98] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    text-align: center;
}

.capability-item.enabled[b-lp5h22ro98] {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.capability-item.disabled[b-lp5h22ro98] {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    color: #6c757d;
    opacity: 0.6;
}

.capability-icon[b-lp5h22ro98] {
    font-size: 1.5rem;
    margin-bottom: 8px;
}

.capability-item span:not(.capability-icon)[b-lp5h22ro98] {
    font-size: 0.85rem;
    font-weight: 500;
}

/* סוגי קבצים */
.file-types[b-lp5h22ro98] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.file-type-badge[b-lp5h22ro98] {
    background-color: #e9ecef;
    color: #495057;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid #dee2e6;
}

/* מחירים */
.pricing-list[b-lp5h22ro98] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pricing-item[b-lp5h22ro98] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.resolution[b-lp5h22ro98] {
    font-weight: 500;
    color: #495057;
}

.price[b-lp5h22ro98] {
    font-weight: 600;
    color: #28a745;
}

.pricing-source[b-lp5h22ro98] {
    background-color: #d1ecf1;
    color: #0c5460;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid #bee5eb;
}

/* טוקניזר */
.available[b-lp5h22ro98] {
    color: #28a745;
    font-weight: 600;
}

.unavailable[b-lp5h22ro98] {
    color: #dc3545;
    font-weight: 600;
}

/* פרמטרים */
.parameters-list[b-lp5h22ro98] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.parameter-badge[b-lp5h22ro98] {
    background-color: #007bff;
    color: white;
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid #0056b3;
}

/* תיאור */
.description-text[b-lp5h22ro98] {
    background-color: #f8f9fa;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    color: #495057;
    line-height: 1.5;
    display: block;
    margin-top: 4px;
}

.no-description[b-lp5h22ro98] {
    color: #6c757d;
    font-style: italic;
    font-size: 0.9rem;
}

/* הערות */
.notes-content[b-lp5h22ro98] {
    background-color: #f8f9fa;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    color: #495057;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* אנימציות */
.model-details[b-lp5h22ro98] {
    animation: slideDown-b-lp5h22ro98 0.3s ease-out;
}

@keyframes slideDown-b-lp5h22ro98 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* רספונסיביות */
@media (max-width: 768px) {
    .details-grid[b-lp5h22ro98] {
        grid-template-columns: 1fr;
    }
    
    .capabilities-grid[b-lp5h22ro98] {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
    
    .details-header[b-lp5h22ro98] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .model-details[b-lp5h22ro98] {
        padding: 16px;
        margin: 12px 0;
    }
    
    .details-section[b-lp5h22ro98] {
        padding: 16px;
    }
}
/* _content/aiapiflu/Components/Pages/הרשמה.razor.rz.scp.css */
/* עיצוב מודרני ומתקדם לדף ההרשמה */
.register-page[b-poq67ist4y] {
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    position: relative;
    overflow: hidden;
}

/* רקע אנימציה */
.register-page[b-poq67ist4y]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    animation: float-b-poq67ist4y 20s ease-in-out infinite;
}

@keyframes float-b-poq67ist4y {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(1deg); }
}

/* כרטיס ההרשמה */
.register-card[b-poq67ist4y] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    padding: 3rem;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    max-width: 450px;
    width: 100%;
    position: relative;
    z-index: 2;
    animation: slideUp-b-poq67ist4y 0.8s ease-out;
}

@keyframes slideUp-b-poq67ist4y {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* כותרת הכרטיס */
.register-header[b-poq67ist4y] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.register-title[b-poq67ist4y] {
    font-size: 2.2rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 0.5rem 0;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.register-subtitle[b-poq67ist4y] {
    color: #7f8c8d;
    font-size: 1rem;
    margin: 0;
    font-weight: 400;
}

/* שדות הקלט */
.form-group[b-poq67ist4y] {
    margin-bottom: 1.5rem;
    position: relative;
}

.form-label[b-poq67ist4y] {
    display: block;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-control[b-poq67ist4y] {
    width: 100%;
    padding: 1rem 1.2rem;
    border: 2px solid #e1e8f0;
    border-radius: 16px;
    font-size: 1rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(15, 46, 91, 0.05);
    font-family: inherit;
    color: #1a1a1a;
    box-sizing: border-box;
}

.form-control:focus[b-poq67ist4y] {
    border-color: #667eea;
    box-shadow: 0 0 0 6px rgba(102, 126, 234, 0.12), 0 8px 24px rgba(102, 126, 234, 0.15);
    outline: none;
    background: #ffffff;
    transform: translateY(-2px);
}

.form-control:hover[b-poq67ist4y] {
    border-color: #a8b8d8;
    box-shadow: 0 6px 16px rgba(15, 46, 91, 0.08);
    transform: translateY(-1px);
}

.form-control.is-invalid[b-poq67ist4y] {
    border-color: #e74c3c;
    box-shadow: 0 0 0 6px rgba(231, 76, 60, 0.12);
}

/* אייקונים בשדות */
.input-icon[b-poq67ist4y] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #7f8c8d;
    font-size: 1.1rem;
    pointer-events: none;
}

.form-group.has-icon .form-control[b-poq67ist4y] {
    padding-right: 3rem;
}

/* הודעות שגיאה */
.invalid-feedback[b-poq67ist4y] {
    color: #e74c3c;
    font-size: 0.85rem;
    margin-top: 0.5rem;
    font-weight: 500;
}

.alert[b-poq67ist4y] {
    padding: 1rem 1.2rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    border: none;
    font-weight: 500;
}

.alert-danger[b-poq67ist4y] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
    box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);
}

.alert-success[b-poq67ist4y] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    color: white;
    box-shadow: 0 8px 20px rgba(46, 204, 113, 0.3);
    text-align: center;
}

.alert-success .fa-check-circle[b-poq67ist4y] {
    display: block;
    margin: 0 auto 1rem auto;
    font-size: 3rem;
}

/* כפתור ההרשמה */
.register-button[b-poq67ist4y] {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    border: none;
    border-radius: 16px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
    position: relative;
    overflow: hidden;
}

.register-button[b-poq67ist4y]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.register-button:hover[b-poq67ist4y]::before {
    left: 100%;
}

.register-button:hover[b-poq67ist4y] {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(102, 126, 234, 0.4);
}

.register-button:active[b-poq67ist4y] {
    transform: translateY(-1px);
}

.register-button:disabled[b-poq67ist4y] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* ספינר טעינה */
.spinner-border-sm[b-poq67ist4y] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}

/* קישור להתחברות */
.register-link[b-poq67ist4y] {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e1e8f0;
}

.register-link p[b-poq67ist4y] {
    color: #7f8c8d;
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
}

.register-link a[b-poq67ist4y] {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 12px;
    background: rgba(102, 126, 234, 0.1);
}

.register-link a:hover[b-poq67ist4y] {
    background: rgba(102, 126, 234, 0.2);
    transform: translateY(-2px);
}

/* כפתור חזרה להתחברות */
.login-button[b-poq67ist4y] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    color: white;
    border: none;
    padding: 0.8rem 1.5rem;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(46, 204, 113, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.login-button:hover[b-poq67ist4y] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(46, 204, 113, 0.4);
}

/* אינדיקטור חוזק סיסמא */
.password-strength[b-poq67ist4y] {
    margin-top: 0.5rem;
    height: 4px;
    background: #e1e8f0;
    border-radius: 2px;
    overflow: hidden;
}

.password-strength-bar[b-poq67ist4y] {
    height: 100%;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.password-strength-weak[b-poq67ist4y] {
    background: linear-gradient(90deg, #e74c3c, #c0392b);
    width: 25%;
}

.password-strength-medium[b-poq67ist4y] {
    background: linear-gradient(90deg, #f39c12, #e67e22);
    width: 50%;
}

.password-strength-strong[b-poq67ist4y] {
    background: linear-gradient(90deg, #2ecc71, #27ae60);
    width: 75%;
}

.password-strength-very-strong[b-poq67ist4y] {
    background: linear-gradient(90deg, #2ecc71, #27ae60);
    width: 100%;
}

/* אנימציות נוספות */
.fade-in[b-poq67ist4y] {
    animation: fadeIn-b-poq67ist4y 0.6s ease-out;
}

@keyframes fadeIn-b-poq67ist4y {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .register-page[b-poq67ist4y] {
        padding: 1rem;
    }
    
    .register-card[b-poq67ist4y] {
        padding: 2rem;
        border-radius: 20px;
    }
    
    .register-title[b-poq67ist4y] {
        font-size: 1.8rem;
    }
    
    .form-control[b-poq67ist4y] {
        padding: 0.9rem 1rem;
    }
    
    .register-button[b-poq67ist4y] {
        padding: 0.9rem 1.5rem;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .register-card[b-poq67ist4y] {
        padding: 1.5rem;
        margin: 0.5rem;
    }
    
    .register-title[b-poq67ist4y] {
        font-size: 1.6rem;
    }
    
    .register-subtitle[b-poq67ist4y] {
        font-size: 0.9rem;
    }
}

/* אפקטים מיוחדים */
.register-card[b-poq67ist4y]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 24px 24px 0 0;
}

/* אנימציה לכניסה */
.register-card[b-poq67ist4y] {
    animation: cardEntrance-b-poq67ist4y 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes cardEntrance-b-poq67ist4y {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.9);
    }
    50% {
        transform: translateY(-10px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* אפקטים מיוחדים לשדות הסיסמא */
.password-field[b-poq67ist4y] {
    position: relative;
}

.password-toggle[b-poq67ist4y] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #7f8c8d;
    cursor: pointer;
    font-size: 1.1rem;
    transition: color 0.3s ease;
}

.password-toggle:hover[b-poq67ist4y] {
    color: #667eea;
}

/* אנימציה לשדות הקלט */
.form-group[b-poq67ist4y] {
    animation: fieldSlideIn-b-poq67ist4y 0.6s ease-out;
    animation-fill-mode: both;
}

.form-group:nth-child(1)[b-poq67ist4y] { animation-delay: 0.1s; }
.form-group:nth-child(2)[b-poq67ist4y] { animation-delay: 0.2s; }
.form-group:nth-child(3)[b-poq67ist4y] { animation-delay: 0.3s; }
.form-group:nth-child(4)[b-poq67ist4y] { animation-delay: 0.4s; }

@keyframes fieldSlideIn-b-poq67ist4y {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/* _content/aiapiflu/Components/Pages/התחברות.razor.rz.scp.css */
/* עיצוב מודרני ומתקדם לדף ההתחברות */
.auth-page[b-rnciz92vlq] {
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    position: relative;
    overflow: hidden;
}

/* רקע אנימציה */
.auth-page[b-rnciz92vlq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    animation: float-b-rnciz92vlq 20s ease-in-out infinite;
}

@keyframes float-b-rnciz92vlq {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(1deg); }
}

/* כרטיס ההתחברות */
.auth-card[b-rnciz92vlq] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    padding: 3rem;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    max-width: 450px;
    width: 100%;
    position: relative;
    z-index: 2;
    animation: slideUp-b-rnciz92vlq 0.8s ease-out;
}

@keyframes slideUp-b-rnciz92vlq {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* כותרת הכרטיס */
.auth-header[b-rnciz92vlq] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.auth-title[b-rnciz92vlq] {
    font-size: 2.2rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 0.5rem 0;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.auth-subtitle[b-rnciz92vlq] {
    color: #7f8c8d;
    font-size: 1rem;
    margin: 0;
    font-weight: 400;
}

/* שדות הקלט */
.form-group[b-rnciz92vlq] {
    margin-bottom: 1.5rem;
    position: relative;
}

.form-label[b-rnciz92vlq] {
    display: block;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-control[b-rnciz92vlq] {
    width: 100%;
    padding: 1rem 1.2rem;
    border: 2px solid #e1e8f0;
    border-radius: 16px;
    font-size: 1rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(15, 46, 91, 0.05);
    font-family: inherit;
    color: #1a1a1a;
    box-sizing: border-box;
}

.form-control:focus[b-rnciz92vlq] {
    border-color: #667eea;
    box-shadow: 0 0 0 6px rgba(102, 126, 234, 0.12), 0 8px 24px rgba(102, 126, 234, 0.15);
    outline: none;
    background: #ffffff;
    transform: translateY(-2px);
}

.form-control:hover[b-rnciz92vlq] {
    border-color: #a8b8d8;
    box-shadow: 0 6px 16px rgba(15, 46, 91, 0.08);
    transform: translateY(-1px);
}

.form-control.is-invalid[b-rnciz92vlq] {
    border-color: #e74c3c;
    box-shadow: 0 0 0 6px rgba(231, 76, 60, 0.12);
}

/* אייקונים בשדות */
.input-icon[b-rnciz92vlq] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #7f8c8d;
    font-size: 1.1rem;
    pointer-events: none;
}

.form-group.has-icon .form-control[b-rnciz92vlq] {
    padding-right: 3rem;
}

/* הודעות שגיאה */
.invalid-feedback[b-rnciz92vlq] {
    color: #e74c3c;
    font-size: 0.85rem;
    margin-top: 0.5rem;
    font-weight: 500;
}

.alert[b-rnciz92vlq] {
    padding: 1rem 1.2rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    border: none;
    font-weight: 500;
}

.alert-danger[b-rnciz92vlq] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
    box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);
}

.alert-success[b-rnciz92vlq] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    color: white;
    box-shadow: 0 8px 20px rgba(46, 204, 113, 0.3);
    text-align: center;
}

.alert-success .fa-check-circle[b-rnciz92vlq] {
    display: block;
    margin: 0 auto 1rem auto;
    font-size: 3rem;
}

/* כפתור ההתחברות */
.auth-button[b-rnciz92vlq] {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    border: none;
    border-radius: 16px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
    position: relative;
    overflow: hidden;
}

.auth-button[b-rnciz92vlq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.auth-button:hover[b-rnciz92vlq]::before {
    left: 100%;
}

.auth-button:hover[b-rnciz92vlq] {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(102, 126, 234, 0.4);
}

.auth-button:active[b-rnciz92vlq] {
    transform: translateY(-1px);
}

.auth-button:disabled[b-rnciz92vlq] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* ספינר טעינה */
.spinner-border-sm[b-rnciz92vlq] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}

/* קישור להרשמה */
.auth-link[b-rnciz92vlq] {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e1e8f0;
}

.auth-link p[b-rnciz92vlq] {
    color: #7f8c8d;
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
}

.auth-link a[b-rnciz92vlq] {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 12px;
    background: rgba(102, 126, 234, 0.1);
}

.auth-link a:hover[b-rnciz92vlq] {
    background: rgba(102, 126, 234, 0.2);
    transform: translateY(-2px);
}

/* כפתור חזרה לדף הבית */
.home-button[b-rnciz92vlq] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    color: white;
    border: none;
    padding: 0.8rem 1.5rem;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(46, 204, 113, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.home-button:hover[b-rnciz92vlq] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(46, 204, 113, 0.4);
}

/* אנימציות נוספות */
.fade-in[b-rnciz92vlq] {
    animation: fadeIn-b-rnciz92vlq 0.6s ease-out;
}

@keyframes fadeIn-b-rnciz92vlq {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .auth-page[b-rnciz92vlq] {
        padding: 1rem;
    }
    
    .auth-card[b-rnciz92vlq] {
        padding: 2rem;
        border-radius: 20px;
    }
    
    .auth-title[b-rnciz92vlq] {
        font-size: 1.8rem;
    }
    
    .form-control[b-rnciz92vlq] {
        padding: 0.9rem 1rem;
    }
    
    .auth-button[b-rnciz92vlq] {
        padding: 0.9rem 1.5rem;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .auth-card[b-rnciz92vlq] {
        padding: 1.5rem;
        margin: 0.5rem;
    }
    
    .auth-title[b-rnciz92vlq] {
        font-size: 1.6rem;
    }
    
    .auth-subtitle[b-rnciz92vlq] {
        font-size: 0.9rem;
    }
}

/* אפקטים מיוחדים */
.auth-card[b-rnciz92vlq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 24px 24px 0 0;
}

/* אנימציה לכניסה */
.auth-card[b-rnciz92vlq] {
    animation: cardEntrance-b-rnciz92vlq 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes cardEntrance-b-rnciz92vlq {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.9);
    }
    50% {
        transform: translateY(-10px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/aiapiflu/Components/Pages/לוג_webhook.razor.rz.scp.css */
.webhook-log-container[b-53h3o48t3a] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.header-section[b-53h3o48t3a] {
    margin-bottom: 30px;
}

.header-section h1[b-53h3o48t3a] {
    color: #2c3e50;
    margin-bottom: 10px;
    font-size: 2rem;
}

.header-section p[b-53h3o48t3a] {
    color: #7f8c8d;
    margin-bottom: 20px;
}

.controls-section[b-53h3o48t3a] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.filter-controls[b-53h3o48t3a] {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

.filter-controls select[b-53h3o48t3a],
.filter-controls input[b-53h3o48t3a] {
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
}

.filter-controls button[b-53h3o48t3a] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.filter-controls button:hover[b-53h3o48t3a] {
    background: #0056b3;
}

.stats-section[b-53h3o48t3a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card[b-53h3o48t3a] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.stat-card.success[b-53h3o48t3a] {
    border-left: 4px solid #28a745;
}

.stat-card.error[b-53h3o48t3a] {
    border-left: 4px solid #dc3545;
}

.stat-number[b-53h3o48t3a] {
    font-size: 2rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 5px;
}

.stat-card.success .stat-number[b-53h3o48t3a] {
    color: #28a745;
}

.stat-card.error .stat-number[b-53h3o48t3a] {
    color: #dc3545;
}

.stat-label[b-53h3o48t3a] {
    color: #6c757d;
    font-size: 14px;
}

.table-section[b-53h3o48t3a] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}

.loading[b-53h3o48t3a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #6c757d;
}

.spinner[b-53h3o48t3a] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin-b-53h3o48t3a 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin-b-53h3o48t3a {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.table-container[b-53h3o48t3a] {
    overflow-x: auto;
}

.webhook-table[b-53h3o48t3a] {
    width: 100%;
    border-collapse: collapse;
}

.webhook-table th[b-53h3o48t3a] {
    background: #f8f9fa;
    padding: 15px 12px;
    text-align: right;
    font-weight: 600;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.webhook-table td[b-53h3o48t3a] {
    padding: 12px;
    border-bottom: 1px solid #dee2e6;
    vertical-align: top;
}

.webhook-table tr:hover[b-53h3o48t3a] {
    background: #f8f9fa;
}

.success-row[b-53h3o48t3a] {
    border-left: 4px solid #28a745;
}

.error-row[b-53h3o48t3a] {
    border-left: 4px solid #dc3545;
}

.time-cell[b-53h3o48t3a] {
    white-space: nowrap;
    min-width: 120px;
}

.time-display[b-53h3o48t3a] {
    font-size: 14px;
}

.time-display small[b-53h3o48t3a] {
    color: #6c757d;
}

.sender-cell[b-53h3o48t3a] {
    min-width: 200px;
}

.sender-info .email[b-53h3o48t3a] {
    font-family: monospace;
    font-size: 13px;
    color: #495057;
}

.subject-cell[b-53h3o48t3a] {
    max-width: 300px;
}

.subject-text[b-53h3o48t3a] {
    font-size: 14px;
    line-height: 1.4;
}

.status-cell[b-53h3o48t3a] {
    min-width: 150px;
}

.status-badge[b-53h3o48t3a] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.status-badge.success[b-53h3o48t3a] {
    background: #d4edda;
    color: #155724;
}

.status-badge.error[b-53h3o48t3a] {
    background: #f8d7da;
    color: #721c24;
}

.error-details[b-53h3o48t3a] {
    margin-top: 5px;
}

.error-details small[b-53h3o48t3a] {
    color: #dc3545;
    font-style: italic;
}

.event-cell[b-53h3o48t3a] {
    min-width: 100px;
}

.event-tag[b-53h3o48t3a] {
    background: #e9ecef;
    color: #495057;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    font-family: monospace;
}

.message-id-cell[b-53h3o48t3a] {
    min-width: 200px;
}

.message-id[b-53h3o48t3a] {
    background: #f8f9fa;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 11px;
    font-family: monospace;
    color: #495057;
    word-break: break-all;
}

.actions-cell[b-53h3o48t3a] {
    white-space: nowrap;
}

.btn[b-53h3o48t3a] {
    padding: 6px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: white;
    color: #495057;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.btn:hover[b-53h3o48t3a] {
    background: #f8f9fa;
}

.btn-sm[b-53h3o48t3a] {
    padding: 4px 8px;
    font-size: 11px;
}

.btn-outline[b-53h3o48t3a] {
    border-color: #007bff;
    color: #007bff;
}

.btn-outline:hover[b-53h3o48t3a] {
    background: #007bff;
    color: white;
}

.no-data[b-53h3o48t3a] {
    color: #6c757d;
    font-style: italic;
}

.no-data-message[b-53h3o48t3a] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.no-data-icon[b-53h3o48t3a] {
    font-size: 3rem;
    margin-bottom: 20px;
}

.no-data-message h3[b-53h3o48t3a] {
    margin-bottom: 10px;
    color: #495057;
}

/* Modal Styles */
.modal-overlay[b-53h3o48t3a] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}

.modal-content[b-53h3o48t3a] {
    background: white;
    border-radius: 8px;
    max-width: 800px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.modal-header[b-53h3o48t3a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
}

.modal-header h2[b-53h3o48t3a] {
    margin: 0;
    color: #2c3e50;
}

.close-btn[b-53h3o48t3a] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #6c757d;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover[b-53h3o48t3a] {
    color: #dc3545;
}

.modal-body[b-53h3o48t3a] {
    padding: 20px;
}

.detail-grid[b-53h3o48t3a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.detail-item[b-53h3o48t3a] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.detail-item.full-width[b-53h3o48t3a] {
    grid-column: 1 / -1;
}

.detail-item label[b-53h3o48t3a] {
    font-weight: 600;
    color: #495057;
    font-size: 14px;
}

.detail-item span[b-53h3o48t3a] {
    color: #212529;
    font-size: 14px;
}

.error-text[b-53h3o48t3a] {
    background: #f8d7da;
    color: #721c24;
    padding: 10px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 13px;
    white-space: pre-wrap;
}

.payload-display[b-53h3o48t3a] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    padding: 15px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 12px;
    white-space: pre-wrap;
    max-height: 300px;
    overflow-y: auto;
}

.modal-footer[b-53h3o48t3a] {
    padding: 20px;
    border-top: 1px solid #e9ecef;
    text-align: left;
}

.btn-primary[b-53h3o48t3a] {
    background: #007bff;
    color: white;
    border-color: #007bff;
}

.btn-primary:hover[b-53h3o48t3a] {
    background: #0056b3;
    border-color: #0056b3;
}

/* Responsive Design */
@media (max-width: 768px) {
    .webhook-log-container[b-53h3o48t3a] {
        padding: 10px;
    }
    
    .filter-controls[b-53h3o48t3a] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-controls select[b-53h3o48t3a],
    .filter-controls input[b-53h3o48t3a],
    .filter-controls button[b-53h3o48t3a] {
        width: 100%;
    }
    
    .stats-section[b-53h3o48t3a] {
        grid-template-columns: 1fr 1fr;
    }
    
    .detail-grid[b-53h3o48t3a] {
        grid-template-columns: 1fr;
    }
    
    .webhook-table[b-53h3o48t3a] {
        font-size: 12px;
    }
    
    .webhook-table th[b-53h3o48t3a],
    .webhook-table td[b-53h3o48t3a] {
        padding: 8px 6px;
    }
}
/* _content/aiapiflu/Components/Pages/מודלים.razor.rz.scp.css */
/* עיצוב דף המודלים */
.models-page[b-hiagwztba6] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.models-page h1[b-hiagwztba6] {
    color: #2c3e50;
    margin-bottom: 30px;
    font-size: 2.5rem;
    text-align: center;
}

.models-explanation[b-hiagwztba6] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 4px solid #3498db;
}

.models-explanation h2[b-hiagwztba6] {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 1.3rem;
}

.models-explanation p[b-hiagwztba6] {
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* אזור פעולות */
.models-actions[b-hiagwztba6] {
    margin-bottom: 30px;
}

.import-section[b-hiagwztba6] {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.import-section label[b-hiagwztba6] {
    font-weight: 600;
    color: #2c3e50;
    white-space: nowrap;
}

.form-select[b-hiagwztba6] {
    padding: 8px 12px;
    border: 2px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    min-width: 200px;
    background: white;
}

.form-select:focus[b-hiagwztba6] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.import-models-btn[b-hiagwztba6] {
    background: #27ae60;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.2s;
}

.import-models-btn:hover:not(:disabled)[b-hiagwztba6] {
    background: #229954;
}

.import-models-btn:disabled[b-hiagwztba6] {
    background: #bdc3c7;
    cursor: not-allowed;
}

.import-models-btn .icon[b-hiagwztba6] {
    font-size: 16px;
}

/* טבלת מודלים */
.models-table[b-hiagwztba6] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.models-table th[b-hiagwztba6] {
    background: #34495e;
    color: white;
    padding: 15px 12px;
    text-align: right;
    font-weight: 600;
    font-size: 14px;
}

.models-table td[b-hiagwztba6] {
    padding: 15px 12px;
    border-bottom: 1px solid #ecf0f1;
    vertical-align: top;
}

.models-table tr:hover[b-hiagwztba6] {
    background: #f8f9fa;
}

/* עיצוב שם המודל */
.model-name[b-hiagwztba6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.model-name strong[b-hiagwztba6] {
    color: #2c3e50;
    font-size: 16px;
}

.version[b-hiagwztba6] {
    background: #e74c3c;
    color: white;
    padding: 2px 6px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    align-self: flex-start;
}

.provider-model-id[b-hiagwztba6] {
    color: #7f8c8d;
    font-size: 12px;
    font-family: monospace;
}

/* תיאור */
.description[b-hiagwztba6] {
    color: #555;
    font-size: 14px;
    line-height: 1.4;
    max-width: 200px;
}

.no-description[b-hiagwztba6] {
    color: #bdc3c7;
    font-style: italic;
    font-size: 14px;
}

/* יכולות */
.capabilities[b-hiagwztba6] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.capability-badge[b-hiagwztba6] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    color: white;
}

.capability-badge.text[b-hiagwztba6] {
    background: #3498db;
}

.capability-badge.image[b-hiagwztba6] {
    background: #e67e22;
}

.capability-badge.audio[b-hiagwztba6] {
    background: #9b59b6;
}

.capability-badge.files[b-hiagwztba6] {
    background: #95a5a6;
}

.capability-badge.streaming[b-hiagwztba6] {
    background: #1abc9c;
}

/* אייקוני פעולה */
.action-icons[b-hiagwztba6] {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.action-icon[b-hiagwztba6] {
    font-size: 16px;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s;
    display: inline-block;
}

.action-icon:hover[b-hiagwztba6] {
    transform: scale(1.2);
    background: rgba(0, 0, 0, 0.1);
}

.edit-icon:hover[b-hiagwztba6] {
    background: rgba(52, 152, 219, 0.2);
}

.delete-icon:hover[b-hiagwztba6] {
    background: rgba(231, 76, 60, 0.2);
}

.view-icon:hover[b-hiagwztba6] {
    background: rgba(52, 152, 219, 0.2);
}

/* מצב ריק */
.empty-state[b-hiagwztba6] {
    text-align: center;
    color: #7f8c8d;
    font-size: 16px;
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px dashed #bdc3c7;
}

/* הסבר הצעד הבא */
.models-next[b-hiagwztba6] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-top: 30px;
    border-left: 4px solid #27ae60;
}

.models-next h2[b-hiagwztba6] {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 1.3rem;
}

.models-next p[b-hiagwztba6] {
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* דיאלוג יבוא */
.modal-overlay[b-hiagwztba6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-hiagwztba6] {
    background: white;
    border-radius: 8px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.modal-header[b-hiagwztba6] {
    padding: 20px;
    border-bottom: 1px solid #ecf0f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3[b-hiagwztba6] {
    margin: 0;
    color: #2c3e50;
    font-size: 1.2rem;
}

.close-btn[b-hiagwztba6] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #7f8c8d;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover[b-hiagwztba6] {
    color: #e74c3c;
}

.modal-body[b-hiagwztba6] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
}

.loading-state[b-hiagwztba6] {
    text-align: center;
    padding: 40px;
    color: #7f8c8d;
}

.import-instructions[b-hiagwztba6] {
    margin-bottom: 20px;
}

.import-instructions p[b-hiagwztba6] {
    color: #2c3e50;
    font-weight: 600;
    margin: 0;
}

.models-selection[b-hiagwztba6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.model-selection-item[b-hiagwztba6] {
    border: 1px solid #ecf0f1;
    border-radius: 6px;
    padding: 12px;
    transition: border-color 0.2s;
}

.model-selection-item:hover[b-hiagwztba6] {
    border-color: #3498db;
}

.checkbox-label[b-hiagwztba6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    margin: 0;
}

.checkbox-label input[type="checkbox"][b-hiagwztba6] {
    margin: 0;
    margin-top: 2px;
}

.model-info[b-hiagwztba6] {
    flex: 1;
}

.model-info .model-name[b-hiagwztba6] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 4px;
}

.model-info .model-id[b-hiagwztba6] {
    color: #7f8c8d;
    font-size: 12px;
    font-family: monospace;
    margin-bottom: 4px;
}

.model-info .model-description[b-hiagwztba6] {
    color: #555;
    font-size: 14px;
    line-height: 1.4;
}

.modal-footer[b-hiagwztba6] {
    padding: 20px;
    border-top: 1px solid #ecf0f1;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.cancel-btn[b-hiagwztba6], .import-btn[b-hiagwztba6] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.cancel-btn[b-hiagwztba6] {
    background: #95a5a6;
    color: white;
}

.cancel-btn:hover[b-hiagwztba6] {
    background: #7f8c8d;
}

.import-btn[b-hiagwztba6] {
    background: #27ae60;
    color: white;
}

.import-btn:hover:not(:disabled)[b-hiagwztba6] {
    background: #229954;
}

.import-btn:disabled[b-hiagwztba6] {
    background: #bdc3c7;
    cursor: not-allowed;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .models-page[b-hiagwztba6] {
        padding: 15px;
    }
    
    .models-page h1[b-hiagwztba6] {
        font-size: 2rem;
    }
    
    .import-section[b-hiagwztba6] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .form-select[b-hiagwztba6] {
        min-width: auto;
    }
    
    .models-table[b-hiagwztba6] {
        font-size: 14px;
    }
    
    .models-table th[b-hiagwztba6],
    .models-table td[b-hiagwztba6] {
        padding: 10px 8px;
    }
    
    .model-name strong[b-hiagwztba6] {
        font-size: 14px;
    }
    
    .description[b-hiagwztba6] {
        max-width: 150px;
    }
    
    .capabilities[b-hiagwztba6] {
        flex-direction: column;
        gap: 2px;
    }
    
    .action-icons[b-hiagwztba6] {
        gap: 4px;
    }
    
    .action-icon[b-hiagwztba6] {
        font-size: 14px;
    }
    
    .modal-content[b-hiagwztba6] {
        width: 95%;
        margin: 20px;
    }
    
    .modal-header[b-hiagwztba6],
    .modal-body[b-hiagwztba6],
    .modal-footer[b-hiagwztba6] {
        padding: 15px;
    }
}

/* שורות פרטי מודל */
.model-details-row[b-hiagwztba6] {
    background-color: #f8f9fa;
}

.model-details-row td[b-hiagwztba6] {
    padding: 0;
    border-bottom: none;
}

.model-details-container[b-hiagwztba6] {
    padding: 0;
    background: transparent;
}
/* _content/aiapiflu/Components/Pages/מסד_מודלים.razor.rz.scp.css */
/* עיצוב עמוד מסד הנתונים של המודלים */
.models-database-page[b-4k4uefato3] {
    padding: 2rem;
    max-width: 100%;
    margin: 0 auto;
}

.models-database-page h1[b-4k4uefato3] {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-size: 2.5rem;
    text-align: center;
}

.database-explanation[b-4k4uefato3] {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    border-left: 4px solid #3498db;
}

.database-explanation h2[b-4k4uefato3] {
    color: #2c3e50;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
}

.database-explanation p[b-4k4uefato3] {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* עיצוב הטבלה המקיפה */
.table-container[b-4k4uefato3] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 80vh;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background: white;
}

.comprehensive-models-table[b-4k4uefato3] {
    width: 100%;
    border-collapse: collapse;
    min-width: 2000px; /* רוחב מינימלי לטבלה */
    font-size: 0.9rem;
}

.comprehensive-models-table thead[b-4k4uefato3] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    position: sticky;
    top: 0;
    z-index: 10;
}

.comprehensive-models-table th[b-4k4uefato3] {
    padding: 1rem 0.75rem;
    text-align: right;
    font-weight: 600;
    border-bottom: 2px solid #5a6fd8;
    white-space: nowrap;
    min-width: 120px;
}

.comprehensive-models-table td[b-4k4uefato3] {
    padding: 0.75rem;
    border-bottom: 1px solid #eee;
    vertical-align: top;
    max-width: 200px;
}

.comprehensive-models-table tbody tr:hover[b-4k4uefato3] {
    background-color: #f8f9fa;
    transition: background-color 0.2s ease;
}

/* עיצוב תאים מיוחדים */
.model-id-cell[b-4k4uefato3] {
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
}

.model-id[b-4k4uefato3] {
    font-weight: bold;
    color: #2c3e50;
}

.provider-model-id[b-4k4uefato3] {
    color: #7f8c8d;
    font-size: 0.75rem;
}

.display-name-cell[b-4k4uefato3] {
    font-weight: bold;
    color: #2c3e50;
    font-size: 1rem;
}

.description-cell[b-4k4uefato3] {
    max-width: 250px;
}

.description[b-4k4uefato3] {
    color: #555;
    line-height: 1.4;
}

.no-description[b-4k4uefato3] {
    color: #999;
    font-style: italic;
}

.version[b-4k4uefato3] {
    background: #e8f4fd;
    color: #2980b9;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}

.no-version[b-4k4uefato3] {
    color: #999;
}

/* עיצוב סטטוס */
.status-badges[b-4k4uefato3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.status-badge[b-4k4uefato3] {
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
}

.status-badge.active[b-4k4uefato3] {
    background: #d4edda;
    color: #155724;
}

.status-badge.inactive[b-4k4uefato3] {
    background: #f8d7da;
    color: #721c24;
}

.status-badge.experimental[b-4k4uefato3] {
    background: #fff3cd;
    color: #856404;
}

.status-badge.hidden[b-4k4uefato3] {
    background: #e2e3e5;
    color: #383d41;
}

/* עיצוב יכולות */
.capabilities-list[b-4k4uefato3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.capability-badge[b-4k4uefato3] {
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: bold;
    white-space: nowrap;
}

.capability-badge.text[b-4k4uefato3] {
    background: #e3f2fd;
    color: #1976d2;
}

.capability-badge.image[b-4k4uefato3] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.capability-badge.audio[b-4k4uefato3] {
    background: #e8f5e8;
    color: #388e3c;
}

.capability-badge.files[b-4k4uefato3] {
    background: #fff3e0;
    color: #f57c00;
}

.capability-badge.streaming[b-4k4uefato3] {
    background: #fce4ec;
    color: #c2185b;
}

.capability-badge.tool-calling[b-4k4uefato3] {
    background: #e0f2f1;
    color: #00695c;
}

.capability-badge.custom-functions[b-4k4uefato3] {
    background: #f1f8e9;
    color: #558b2f;
}

/* עיצוב מגבלות */
.limits-cell[b-4k4uefato3] {
    text-align: center;
}

.limit-value[b-4k4uefato3] {
    background: #fff3cd;
    color: #856404;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}

.no-limit[b-4k4uefato3] {
    color: #999;
    font-style: italic;
}

/* עיצוב מחירים */
.pricing-cell[b-4k4uefato3] {
    text-align: center;
    font-family: 'Courier New', monospace;
}

.price[b-4k4uefato3] {
    background: #d4edda;
    color: #155724;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}

.no-price[b-4k4uefato3] {
    color: #999;
}

/* עיצוב טוקניזר */
.tokenizer-cell[b-4k4uefato3] {
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
}

.tokenizer-info[b-4k4uefato3] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.tokenizer-id[b-4k4uefato3] {
    font-weight: bold;
    color: #2c3e50;
}

.tokenizer-type[b-4k4uefato3] {
    color: #7f8c8d;
    font-size: 0.7rem;
}

.no-tokenizer[b-4k4uefato3] {
    color: #999;
}

/* עיצוב פרמטרים */
.parameters-list[b-4k4uefato3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.parameter-tag[b-4k4uefato3] {
    background: #e8f4fd;
    color: #2980b9;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.7rem;
}

.more-params[b-4k4uefato3] {
    color: #7f8c8d;
    font-size: 0.7rem;
    font-style: italic;
}

.no-parameters[b-4k4uefato3] {
    color: #999;
}

/* עיצוב סוגי קבצים */
.file-types-list[b-4k4uefato3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.file-type-tag[b-4k4uefato3] {
    background: #f3e5f5;
    color: #7b1fa2;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.7rem;
}

.more-file-types[b-4k4uefato3] {
    color: #7f8c8d;
    font-size: 0.7rem;
    font-style: italic;
}

.no-file-types[b-4k4uefato3] {
    color: #999;
}

/* עיצוב גודל קובץ */
.file-size[b-4k4uefato3] {
    background: #fff3e0;
    color: #f57c00;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}

.no-file-size[b-4k4uefato3] {
    color: #999;
}

/* עיצוב תאריכים */
.date-cell[b-4k4uefato3] {
    text-align: center;
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
}

.date-info[b-4k4uefato3] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.date[b-4k4uefato3] {
    font-weight: bold;
    color: #2c3e50;
}

.time[b-4k4uefato3] {
    color: #7f8c8d;
    font-size: 0.7rem;
}

/* עיצוב הערות */
.notes-cell[b-4k4uefato3] {
    max-width: 200px;
}

.notes[b-4k4uefato3] {
    color: #555;
    font-style: italic;
    line-height: 1.3;
}

.no-notes[b-4k4uefato3] {
    color: #999;
}

/* עיצוב סיכום */
.database-summary[b-4k4uefato3] {
    margin-top: 2rem;
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #28a745;
}

.database-summary h2[b-4k4uefato3] {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.summary-stats[b-4k4uefato3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.stat-item[b-4k4uefato3] {
    text-align: center;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.stat-number[b-4k4uefato3] {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.stat-label[b-4k4uefato3] {
    color: #666;
    font-size: 0.9rem;
}

/* עיצוב מצב ריק */
.empty-state[b-4k4uefato3] {
    text-align: center;
    padding: 3rem;
    color: #666;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px dashed #ddd;
}

.empty-state p[b-4k4uefato3] {
    font-size: 1.1rem;
    margin: 0;
}

/* עיצוב רספונסיבי */
@media (max-width: 1200px) {
    .models-database-page[b-4k4uefato3] {
        padding: 1rem;
    }
    
    .comprehensive-models-table[b-4k4uefato3] {
        font-size: 0.8rem;
    }
    
    .comprehensive-models-table th[b-4k4uefato3],
    .comprehensive-models-table td[b-4k4uefato3] {
        padding: 0.5rem 0.4rem;
    }
}

@media (max-width: 768px) {
    .models-database-page h1[b-4k4uefato3] {
        font-size: 2rem;
    }
    
    .summary-stats[b-4k4uefato3] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stat-number[b-4k4uefato3] {
        font-size: 1.5rem;
    }
}
/* _content/aiapiflu/Components/Pages/ספקים.razor.rz.scp.css */
.providers-page[b-q4l68p5nh5] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
}

.providers-page h1[b-q4l68p5nh5] {
    font-size: 2rem;
    text-align: center;
}

.providers-explanation[b-q4l68p5nh5],
.providers-next[b-q4l68p5nh5] {
    background: var(--mud-palette-surface, #ffffff);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.providers-actions[b-q4l68p5nh5] {
    display: flex;
    justify-content: flex-end;
    padding: 0 1rem;
}

.add-provider-btn[b-q4l68p5nh5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--mud-palette-primary, #0078d4);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.add-provider-btn:hover[b-q4l68p5nh5] {
    background: var(--mud-palette-primary-dark, #106ebe);
    transform: translateY(-1px);
}

.add-provider-btn .icon[b-q4l68p5nh5] {
    font-size: 1.2rem;
    font-weight: bold;
}

.providers-list[b-q4l68p5nh5] {
    background: var(--mud-palette-surface, #ffffff);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.providers-table[b-q4l68p5nh5] {
    width: 100%;
    border-collapse: collapse;
}

.providers-table th[b-q4l68p5nh5],
.providers-table td[b-q4l68p5nh5] {
    text-align: right;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.providers-table th[b-q4l68p5nh5] {
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.04);
}

.providers-table a[b-q4l68p5nh5] {
    color: var(--mud-palette-primary, #0078d4);
    text-decoration: none;
}

.providers-table a:hover[b-q4l68p5nh5] {
    text-decoration: underline;
}

.status-badge[b-q4l68p5nh5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-weight: 600;
    color: white;
}

.status-badge.active[b-q4l68p5nh5] {
    background: #2ecc71;
}

.status-badge.inactive[b-q4l68p5nh5] {
    background: #e74c3c;
}

.empty-state[b-q4l68p5nh5] {
    text-align: center;
    font-size: 1.1rem;
    color: rgba(0, 0, 0, 0.6);
}

/* שורות עריכה */
.editing-row[b-q4l68p5nh5] {
    background: rgba(0, 120, 212, 0.05);
    border: 2px solid var(--mud-palette-primary, #0078d4);
}

.editing-row td[b-q4l68p5nh5] {
    padding: 0.5rem;
}

.api-key-row[b-q4l68p5nh5] {
    background: rgba(0, 120, 212, 0.08);
    border-top: none;
}

.api-key-section[b-q4l68p5nh5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    border: 1px solid rgba(0, 120, 212, 0.3);
}

.api-key-label[b-q4l68p5nh5] {
    font-weight: 600;
    color: var(--mud-palette-primary, #0078d4);
    font-size: 0.9rem;
}

.api-key-input[b-q4l68p5nh5] {
    max-width: 400px;
}

.api-key-note[b-q4l68p5nh5] {
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.6);
    font-style: italic;
}

/* שדות טופס */
.form-input[b-q4l68p5nh5] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    font-size: 0.9rem;
    background: white;
}

.form-input:focus[b-q4l68p5nh5] {
    outline: none;
    border-color: var(--mud-palette-primary, #0078d4);
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.2);
}

/* תיבת סימון */
.checkbox-label[b-q4l68p5nh5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.checkbox-label input[type="checkbox"][b-q4l68p5nh5] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* כפתורי פעולה */
.action-buttons[b-q4l68p5nh5] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.save-btn[b-q4l68p5nh5] {
    background: #2ecc71;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

.save-btn:hover[b-q4l68p5nh5] {
    background: #27ae60;
}

.cancel-btn[b-q4l68p5nh5] {
    background: #95a5a6;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

.cancel-btn:hover[b-q4l68p5nh5] {
    background: #7f8c8d;
}

.import-btn[b-q4l68p5nh5] {
    background: #27ae60;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

.import-btn:hover[b-q4l68p5nh5] {
    background: #229954;
}

.edit-btn[b-q4l68p5nh5] {
    background: #f39c12;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

.edit-btn:hover[b-q4l68p5nh5] {
    background: #e67e22;
}

.delete-btn[b-q4l68p5nh5] {
    background: #e74c3c;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

.delete-btn:hover[b-q4l68p5nh5] {
    background: #c0392b;
}

@media (max-width: 768px) {
    .providers-table[b-q4l68p5nh5] {
        display: block;
        overflow-x: auto;
    }
    
    .action-buttons[b-q4l68p5nh5] {
        flex-direction: column;
    }
    
    .action-buttons button[b-q4l68p5nh5] {
        width: 100%;
        margin-bottom: 0.25rem;
    }
}


/* _content/aiapiflu/Components/Shared/דיאלוג_אישור.razor.rz.scp.css */
/* דיאלוג אישור כללי */
.confirmation-dialog[b-tjkdzm38c6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.confirmation-dialog--visible[b-tjkdzm38c6] {
    opacity: 1;
    visibility: visible;
}

.confirmation-dialog__overlay[b-tjkdzm38c6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

.confirmation-dialog__content[b-tjkdzm38c6] {
    position: relative;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow: hidden;
    transform: scale(0.95);
    transition: transform 0.2s ease;
}

.confirmation-dialog--visible .confirmation-dialog__content[b-tjkdzm38c6] {
    transform: scale(1);
}

.confirmation-dialog__header[b-tjkdzm38c6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 24px 0 24px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
}

.confirmation-dialog__header h3[b-tjkdzm38c6] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.confirmation-dialog__close[b-tjkdzm38c6] {
    background: none;
    border: none;
    padding: 8px;
    border-radius: 6px;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirmation-dialog__close:hover[b-tjkdzm38c6] {
    background-color: #f3f4f6;
    color: #374151;
}

.confirmation-dialog__body[b-tjkdzm38c6] {
    padding: 0 24px 20px 24px;
}

.confirmation-dialog__body p[b-tjkdzm38c6] {
    margin: 0 0 16px 0;
    color: #374151;
    line-height: 1.6;
}

.confirmation-dialog__details[b-tjkdzm38c6] {
    font-size: 0.875rem;
    color: #6b7280;
    background-color: #f9fafb;
    padding: 12px;
    border-radius: 6px;
    border-left: 3px solid #d1d5db;
}

.confirmation-dialog__footer[b-tjkdzm38c6] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding: 20px 24px 24px 24px;
    border-top: 1px solid #e5e7eb;
    background-color: #f9fafb;
}

.confirmation-dialog__footer button[b-tjkdzm38c6] {
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.confirmation-dialog__footer .secondary[b-tjkdzm38c6] {
    background-color: white;
    color: #374151;
    border-color: #d1d5db;
}

.confirmation-dialog__footer .secondary:hover[b-tjkdzm38c6] {
    background-color: #f9fafb;
    border-color: #9ca3af;
}

.confirmation-dialog__footer .danger[b-tjkdzm38c6] {
    background-color: #dc2626;
    color: white;
}

.confirmation-dialog__footer .danger:hover[b-tjkdzm38c6] {
    background-color: #b91c1c;
}

/* אנימציה לפתיחה וסגירה */
@keyframes confirmationDialogSlideIn-b-tjkdzm38c6 {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.confirmation-dialog--visible .confirmation-dialog__content[b-tjkdzm38c6] {
    animation: confirmationDialogSlideIn-b-tjkdzm38c6 0.2s ease-out;
}

/* תמיכה במכשירים ניידים */
@media (max-width: 640px) {
    .confirmation-dialog__content[b-tjkdzm38c6] {
        width: 95%;
        margin: 20px;
    }
    
    .confirmation-dialog__header[b-tjkdzm38c6],
    .confirmation-dialog__body[b-tjkdzm38c6],
    .confirmation-dialog__footer[b-tjkdzm38c6] {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .confirmation-dialog__footer[b-tjkdzm38c6] {
        flex-direction: column;
    }
    
    .confirmation-dialog__footer button[b-tjkdzm38c6] {
        width: 100%;
    }
}
/* _content/aiapiflu/Components/Shared/דרופדאון_משתמש.razor.rz.scp.css */
/* עיצוב דרופדאון המשתמש */
.user-dropdown[b-oe15y9c2a3] {
    position: relative;
    display: inline-block;
}

/* כפתור המשתמש המחובר */
.user-button[b-oe15y9c2a3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    color: #2c3e50;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.user-button:hover[b-oe15y9c2a3] {
    background: rgba(102, 126, 234, 0.1);
    border-color: rgba(102, 126, 234, 0.3);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* כפתור התחברות */
.login-button[b-oe15y9c2a3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    color: white;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.login-button:hover[b-oe15y9c2a3] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* אווטר המשתמש */
.user-avatar[b-oe15y9c2a3] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8rem;
}

/* מידע המשתמש */
.user-info[b-oe15y9c2a3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.user-name[b-oe15y9c2a3] {
    font-weight: 500;
    font-size: 0.85rem;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-badge[b-oe15y9c2a3] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
}

/* חץ הדרופדאון */
.dropdown-arrow[b-oe15y9c2a3] {
    font-size: 0.7rem;
    transition: transform 0.3s ease;
    color: #95a5a6;
}

.dropdown-arrow.open[b-oe15y9c2a3] {
    transform: rotate(180deg);
}

/* תפריט הדרופדאון */
.dropdown-menu[b-oe15y9c2a3] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.5rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-width: 220px;
    z-index: 1000;
    overflow: hidden;
    animation: dropdownFadeIn-b-oe15y9c2a3 0.2s ease-out;
}

@keyframes dropdownFadeIn-b-oe15y9c2a3 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* כותרת הדרופדאון */
.dropdown-header[b-oe15y9c2a3] {
    padding: 1rem;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.user-details[b-oe15y9c2a3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-avatar-large[b-oe15y9c2a3] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1rem;
}

.user-info-large[b-oe15y9c2a3] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.user-name-large[b-oe15y9c2a3] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #2c3e50;
}

.user-badge-large[b-oe15y9c2a3] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    align-self: flex-start;
}

/* מפריד */
.dropdown-divider[b-oe15y9c2a3] {
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: 0.5rem 0;
}

/* פריטי התפריט */
.dropdown-items[b-oe15y9c2a3] {
    padding: 0.5rem 0;
}

.dropdown-item[b-oe15y9c2a3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: #2c3e50;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    border: none;
    background: none;
    width: 100%;
    cursor: pointer;
}

.dropdown-item:hover[b-oe15y9c2a3] {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
}

.dropdown-item i[b-oe15y9c2a3] {
    width: 16px;
    text-align: center;
    font-size: 0.85rem;
}

/* פריט התנתקות מיוחד */
.logout-item[b-oe15y9c2a3] {
    color: #e74c3c !important;
}

.logout-item:hover[b-oe15y9c2a3] {
    background: rgba(231, 76, 60, 0.1) !important;
    color: #c0392b !important;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .user-name[b-oe15y9c2a3] {
        max-width: 80px;
        font-size: 0.8rem;
    }
    
    .dropdown-menu[b-oe15y9c2a3] {
        min-width: 200px;
        right: -10px;
    }
    
    .user-button[b-oe15y9c2a3],
    .login-button[b-oe15y9c2a3] {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .user-name[b-oe15y9c2a3] {
        display: none;
    }
    
    .user-button[b-oe15y9c2a3] {
        padding: 0.4rem;
        gap: 0.5rem;
    }
    
    .login-button span[b-oe15y9c2a3] {
        display: none;
    }
    
    .dropdown-menu[b-oe15y9c2a3] {
        right: -20px;
        min-width: 180px;
    }
}
/* _content/aiapiflu/Components/Shared/מספר_דקות_אחורה.razor.rz.scp.css */
.minutes-back-selector[b-g9eoo27ftb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.minutes-back-selector label[b-g9eoo27ftb] {
    font-weight: 500;
    color: #495057;
    margin: 0;
    white-space: nowrap;
}

.number-input-group[b-g9eoo27ftb] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.number-input-group .btn[b-g9eoo27ftb] {
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    background-color: white;
    color: #495057;
    transition: all 0.2s ease;
}

.number-input-group .btn:hover:not(:disabled)[b-g9eoo27ftb] {
    background-color: #e9ecef;
    border-color: #adb5bd;
}

.number-input-group .btn:disabled[b-g9eoo27ftb] {
    opacity: 0.5;
    cursor: not-allowed;
}

.number-input-group .btn i[b-g9eoo27ftb] {
    font-size: 12px;
}

.number-input[b-g9eoo27ftb] {
    width: 80px;
    text-align: center;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 14px;
}

.number-input:focus[b-g9eoo27ftb] {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.unit-label[b-g9eoo27ftb] {
    color: #6c757d;
    font-size: 14px;
    white-space: nowrap;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .minutes-back-selector[b-g9eoo27ftb] {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }
    
    .minutes-back-selector label[b-g9eoo27ftb] {
        text-align: center;
    }
    
    .number-input-group[b-g9eoo27ftb] {
        justify-content: center;
    }
    
    .unit-label[b-g9eoo27ftb] {
        text-align: center;
    }
}
/* _content/aiapiflu/Components/ניהול/ContainerComponent.razor.rz.scp.css */
/* עיצוב הודעת גישה נדחתה */
.access-denied[b-qp4eghzqqm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
    color: white;
    text-align: center;
    padding: 2rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.access-denied h1[b-qp4eghzqqm] {
    font-size: 3rem;
    margin: 0 0 1rem 0;
    font-weight: 700;
}

.access-denied p[b-qp4eghzqqm] {
    font-size: 1.2rem;
    margin: 0.5rem 0;
    opacity: 0.9;
    max-width: 500px;
}

.access-denied .btn[b-qp4eghzqqm] {
    margin-top: 2rem;
    padding: 1rem 2rem;
    font-size: 1.1rem;
    border-radius: 10px;
    background: white;
    color: #ff6b6b;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.access-denied .btn:hover[b-qp4eghzqqm] {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* עיצוב רכיב הניהול */
.management-container[b-qp4eghzqqm] {
    display: flex;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* תפריט צדי */
.sidebar[b-qp4eghzqqm] {
    width: 280px;
    background: linear-gradient(180deg, #17263f 0%, #2c3e50 100%);
    color: white;
    display: flex;
    flex-direction: column;
    box-shadow: 4px 0 20px rgba(0,0,0,0.1);
    height: 100vh;
    overflow-y: auto;
    flex-shrink: 0;
}

.sidebar-header[b-qp4eghzqqm] {
    padding: 2rem 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.sidebar-header h2[b-qp4eghzqqm] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
}

.sidebar-nav[b-qp4eghzqqm] {
    flex: 1;
    padding: 1rem 0;
}

.nav-section[b-qp4eghzqqm] {
    margin-bottom: 2rem;
}

.nav-section h3[b-qp4eghzqqm] {
    margin: 0 0 1rem 0;
    padding: 0 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #a8b8d8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nav-item[b-qp4eghzqqm] {
    width: 100%;
    background: none;
    border: none;
    padding: 1rem 1.5rem;
    color: #dce7ff;
    text-align: right;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
}

.nav-item:hover[b-qp4eghzqqm] {
    background: rgba(255,255,255,0.1);
    color: #ffffff;
    transform: translateX(-3px);
}

.nav-item.active[b-qp4eghzqqm] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(75, 123, 236, 0.3);
}

.nav-item.active:hover[b-qp4eghzqqm] {
    transform: translateX(-3px);
    background: linear-gradient(135deg, #5a8bf0, #4a7ce8);
}

.nav-icon[b-qp4eghzqqm] {
    font-size: 1.2rem;
    min-width: 24px;
}

.nav-text[b-qp4eghzqqm] {
    flex: 1;
    text-align: right;
}

/* אזור התוכן */
.content-area[b-qp4eghzqqm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100vh;
}

.content-header[b-qp4eghzqqm] {
    background: white;
    padding: 2rem 3rem;
    border-bottom: 1px solid #e1e8f0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.content-header h1[b-qp4eghzqqm] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #17263f;
}

.content-body[b-qp4eghzqqm] {
    flex: 1;
    padding: 2rem 3rem;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f8f9ff;
    height: calc(100vh - 120px); /* מפחית את גובה הכותרת */
}

/* הודעות ברוכים הבאים */
.welcome-message[b-qp4eghzqqm] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    margin: 2rem 0;
}

.welcome-message h2[b-qp4eghzqqm] {
    margin: 0 0 1rem 0;
    font-size: 2rem;
    color: #17263f;
}

.welcome-message p[b-qp4eghzqqm] {
    margin: 0;
    font-size: 1.1rem;
    color: #6c7a92;
}

/* הודעות "בתהליך פיתוח" */
.coming-soon[b-qp4eghzqqm] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    margin: 2rem 0;
    border: 2px dashed #4b7bec;
}

.coming-soon h2[b-qp4eghzqqm] {
    margin: 0 0 1rem 0;
    font-size: 1.8rem;
    color: #17263f;
}

.coming-soon p[b-qp4eghzqqm] {
    margin: 0;
    font-size: 1.1rem;
    color: #6c7a92;
}

/* עיצוב רספונסיבי */
@media (max-width: 1024px) {
    .sidebar[b-qp4eghzqqm] {
        width: 240px;
    }
    
    .content-header[b-qp4eghzqqm],
    .content-body[b-qp4eghzqqm] {
        padding: 1.5rem 2rem;
    }
    
    .content-body[b-qp4eghzqqm] {
        height: calc(100vh - 100px);
    }
}

@media (max-width: 768px) {
    .management-container[b-qp4eghzqqm] {
        flex-direction: column;
        height: 100vh;
    }
    
    .sidebar[b-qp4eghzqqm] {
        width: 100%;
        height: auto;
        max-height: 200px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    
    .content-area[b-qp4eghzqqm] {
        height: calc(100vh - 200px);
    }
    
    .sidebar-nav[b-qp4eghzqqm] {
        display: flex;
        overflow-x: auto;
        padding: 1rem 0;
    }
    
    .nav-section[b-qp4eghzqqm] {
        margin-bottom: 0;
        margin-left: 1rem;
        min-width: 200px;
    }
    
    .nav-section h3[b-qp4eghzqqm] {
        padding: 0 0 0.5rem 0;
        margin-bottom: 0.5rem;
    }
    
    .nav-item[b-qp4eghzqqm] {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
    
    .content-header[b-qp4eghzqqm],
    .content-body[b-qp4eghzqqm] {
        padding: 1rem;
    }
    
    .content-header h1[b-qp4eghzqqm] {
        font-size: 1.5rem;
    }
    
    .content-body[b-qp4eghzqqm] {
        height: calc(100vh - 250px);
    }
}

@media (max-width: 480px) {
    .sidebar-header[b-qp4eghzqqm] {
        padding: 1rem;
    }
    
    .sidebar-header h2[b-qp4eghzqqm] {
        font-size: 1.2rem;
    }
    
    .nav-item[b-qp4eghzqqm] {
        padding: 0.6rem 0.8rem;
        font-size: 0.85rem;
    }
    
    .nav-icon[b-qp4eghzqqm] {
        font-size: 1rem;
    }
    
    .welcome-message[b-qp4eghzqqm],
    .coming-soon[b-qp4eghzqqm] {
        padding: 2rem 1rem;
    }
    
    .welcome-message h2[b-qp4eghzqqm],
    .coming-soon h2[b-qp4eghzqqm] {
        font-size: 1.5rem;
    }
    
    .content-body[b-qp4eghzqqm] {
        height: calc(100vh - 220px);
    }
}
/* _content/aiapiflu/Components/ניהול/דיאלוג_התנגשות_קבצים.razor.rz.scp.css */
.conflict-dialog-modal[b-1fx7rru3s8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.conflict-dialog-content[b-1fx7rru3s8] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    max-width: 700px;
    width: 90%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-1fx7rru3s8] {
    padding: 20px;
    border-bottom: 2px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3[b-1fx7rru3s8] {
    margin: 0;
    color: #d32f2f;
    font-size: 1.3em;
}

.close-btn[b-1fx7rru3s8] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover[b-1fx7rru3s8] {
    color: #000;
    background-color: #f0f0f0;
    border-radius: 50%;
}

.modal-body[b-1fx7rru3s8] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.conflict-message[b-1fx7rru3s8] {
    margin-bottom: 20px;
    color: #555;
    font-size: 1.05em;
}

.conflict-list[b-1fx7rru3s8] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.conflict-item[b-1fx7rru3s8] {
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    background-color: #fafafa;
}

.conflict-header[b-1fx7rru3s8] {
    margin-bottom: 10px;
}

.conflict-filename[b-1fx7rru3s8] {
    font-weight: bold;
    font-size: 1.1em;
    color: #333;
}

.conflict-details[b-1fx7rru3s8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.conflict-info[b-1fx7rru3s8] {
    color: #666;
    font-size: 0.95em;
}

.conflict-actions[b-1fx7rru3s8] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-conflict[b-1fx7rru3s8] {
    padding: 8px 16px;
    border: 2px solid #ccc;
    background-color: white;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9em;
    transition: all 0.2s;
}

.btn-conflict:hover[b-1fx7rru3s8] {
    background-color: #f0f0f0;
    border-color: #999;
}

.btn-conflict.active[b-1fx7rru3s8] {
    background-color: #1976d2;
    color: white;
    border-color: #1976d2;
}

.btn-conflict.active:hover[b-1fx7rru3s8] {
    background-color: #1565c0;
}

.rename-input-group[b-1fx7rru3s8] {
    margin-top: 10px;
}

.rename-input[b-1fx7rru3s8] {
    width: 100%;
    padding: 8px 12px;
    border: 2px solid #ccc;
    border-radius: 6px;
    font-size: 0.95em;
}

.rename-input:focus[b-1fx7rru3s8] {
    outline: none;
    border-color: #1976d2;
}

.modal-footer[b-1fx7rru3s8] {
    padding: 20px;
    border-top: 2px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn[b-1fx7rru3s8] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1em;
    transition: all 0.2s;
}

.btn-primary[b-1fx7rru3s8] {
    background-color: #1976d2;
    color: white;
}

.btn-primary:hover[b-1fx7rru3s8] {
    background-color: #1565c0;
}

.btn-danger[b-1fx7rru3s8] {
    background-color: #d32f2f;
    color: white;
}

.btn-danger:hover[b-1fx7rru3s8] {
    background-color: #c62828;
}

.btn-secondary[b-1fx7rru3s8] {
    background-color: #757575;
    color: white;
}

.btn-secondary:hover[b-1fx7rru3s8] {
    background-color: #616161;
}

/* _content/aiapiflu/Components/ניהול/דיאלוג_התקדמות_העלאה.razor.rz.scp.css */
/* דיאלוג התקדמות העלאה */
.upload-progress-modal[b-wez1w6ax81] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-wez1w6ax81 0.3s ease;
}

.upload-progress-content[b-wez1w6ax81] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    min-width: 500px;
    max-width: 600px;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideIn-b-wez1w6ax81 0.3s ease;
}

/* כותרת */
.modal-header[b-wez1w6ax81] {
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.modal-header h3[b-wez1w6ax81] {
    margin: 0;
    font-size: 1.3rem;
    color: white;
}

/* תוכן */
.modal-body[b-wez1w6ax81] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

/* פריט העלאה בודד */
.upload-item[b-wez1w6ax81] {
    margin-bottom: 20px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.upload-item-header[b-wez1w6ax81] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.file-name[b-wez1w6ax81] {
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.file-status[b-wez1w6ax81] {
    font-size: 0.85rem;
    color: #666;
}

/* פס התקדמות */
.progress-bar-container[b-wez1w6ax81] {
    width: 100%;
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px;
}

.progress-bar[b-wez1w6ax81] {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    transition: width 0.3s ease;
    border-radius: 4px;
}

/* סטטיסטיקות העלאה */
.upload-stats[b-wez1w6ax81] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    color: #666;
}

/* תצוגת השלמה */
.upload-complete[b-wez1w6ax81] {
    text-align: center;
    padding: 30px 20px;
}

.complete-icon[b-wez1w6ax81] {
    font-size: 4rem;
    margin-bottom: 16px;
    animation: bounce-b-wez1w6ax81 0.6s ease;
}

.upload-complete h4[b-wez1w6ax81] {
    margin: 0 0 8px 0;
    color: #28a745;
    font-size: 1.2rem;
}

.upload-complete p[b-wez1w6ax81] {
    margin: 0;
    color: #666;
    font-size: 0.95rem;
}

/* תחתית */
.modal-footer[b-wez1w6ax81] {
    padding: 16px 24px;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
}

.overall-progress[b-wez1w6ax81] {
    text-align: center;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

/* אנימציות */
@keyframes fadeIn-b-wez1w6ax81 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

@keyframes bounce-b-wez1w6ax81 {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}

/* התאמה למסכים קטנים */
@media (max-width: 600px) {
    .upload-progress-content[b-wez1w6ax81] {
        min-width: 90%;
        max-width: 90%;
    }
}

/* _content/aiapiflu/Components/ניהול/הצגת_ארנק.razor.rz.scp.css */
.wallet-display[b-6xpy23dsoe] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin: 15px 0;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.wallet-header[b-6xpy23dsoe] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wallet-header h3[b-6xpy23dsoe] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.user-email[b-6xpy23dsoe] {
    background: rgba(255,255,255,0.2);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

.operations-btn[b-6xpy23dsoe] {
    background: rgba(255,255,255,0.2);
    color: white;
    border: 1px solid rgba(255,255,255,0.3);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.operations-btn:hover[b-6xpy23dsoe] {
    background: rgba(255,255,255,0.3);
    border-color: rgba(255,255,255,0.5);
    transform: translateY(-1px);
}

.wallet-content[b-6xpy23dsoe] {
    padding: 25px;
}

.wallet-content h4[b-6xpy23dsoe] {
    color: #333;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
}

.wallet-content h5[b-6xpy23dsoe] {
    color: #555;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
}

/* יתרות */
.balances-section[b-6xpy23dsoe] {
    margin-bottom: 25px;
}

.balances-grid[b-6xpy23dsoe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

.balance-item[b-6xpy23dsoe] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.balance-item:hover[b-6xpy23dsoe] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.balance-item.positive[b-6xpy23dsoe] {
    border-color: #28a745;
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
}

.balance-item.negative[b-6xpy23dsoe] {
    border-color: #dc3545;
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
}

.currency[b-6xpy23dsoe] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.amount[b-6xpy23dsoe] {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

/* הגדרות מינוס */
.overdraft-section[b-6xpy23dsoe] {
    margin-bottom: 25px;
}

.overdraft-info[b-6xpy23dsoe] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.overdraft-item[b-6xpy23dsoe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding: 8px 0;
}

.overdraft-item:last-child[b-6xpy23dsoe] {
    margin-bottom: 0;
}

.label[b-6xpy23dsoe] {
    font-weight: 600;
    color: #555;
}

.value.yes[b-6xpy23dsoe] {
    color: #28a745;
    font-weight: 600;
}

.value.no[b-6xpy23dsoe] {
    color: #dc3545;
    font-weight: 600;
}

.overdraft-limits[b-6xpy23dsoe] {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #dee2e6;
}

.limit-item[b-6xpy23dsoe] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 5px 0;
}

.limit-item .currency[b-6xpy23dsoe] {
    font-weight: 600;
    color: #666;
}

.limit-item .limit[b-6xpy23dsoe] {
    font-weight: 600;
    color: #dc3545;
}

/* סטטיסטיקות */
.statistics-section[b-6xpy23dsoe] {
    margin-bottom: 25px;
}

.stats-grid[b-6xpy23dsoe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.currency-stats[b-6xpy23dsoe] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.currency-stats h5[b-6xpy23dsoe] {
    text-align: center;
    margin-bottom: 15px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.stat-item[b-6xpy23dsoe] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 8px 0;
}

.stat-item:last-child[b-6xpy23dsoe] {
    margin-bottom: 0;
}

.stat-label[b-6xpy23dsoe] {
    font-weight: 500;
    color: #666;
}

.stat-value[b-6xpy23dsoe] {
    font-weight: 600;
    font-size: 16px;
}

.stat-value.charges[b-6xpy23dsoe] {
    color: #dc3545;
}

.stat-value.credits[b-6xpy23dsoe] {
    color: #28a745;
}

.stat-value.total[b-6xpy23dsoe] {
    color: #007bff;
}

/* מצב כללי */
.status-section[b-6xpy23dsoe] {
    margin-bottom: 0;
}

.status-indicator[b-6xpy23dsoe] {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
}

.status-indicator.healthy[b-6xpy23dsoe] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border: 2px solid #28a745;
}

.status-indicator.warning[b-6xpy23dsoe] {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    color: #856404;
    border: 2px solid #ffc107;
}

.status-icon[b-6xpy23dsoe] {
    margin-left: 10px;
    font-size: 20px;
}

.status-text[b-6xpy23dsoe] {
    flex: 1;
}

.status-main[b-6xpy23dsoe] {
    font-weight: 600;
    font-size: 16px;
}

.status-details[b-6xpy23dsoe] {
    font-size: 12px;
    opacity: 0.8;
    margin-top: 4px;
    font-style: italic;
}

/* אין ארנק */
.no-wallet[b-6xpy23dsoe] {
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

.no-wallet p[b-6xpy23dsoe] {
    font-size: 16px;
    margin-bottom: 20px;
}

.create-wallet-btn[b-6xpy23dsoe] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.create-wallet-btn:hover[b-6xpy23dsoe] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* עיצוב סקציית הפעולות */
.operations-section[b-6xpy23dsoe] {
    margin-top: 20px;
    border-top: 2px solid #e9ecef;
    padding-top: 20px;
}

/* עיצוב עריכת הגדרות מינוס */
.overdraft-header[b-6xpy23dsoe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.edit-btn[b-6xpy23dsoe] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.edit-btn:hover[b-6xpy23dsoe] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.overdraft-edit[b-6xpy23dsoe] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid #28a745;
}

.edit-item[b-6xpy23dsoe] {
    margin-bottom: 15px;
    padding: 10px;
    background: white;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.edit-item label[b-6xpy23dsoe] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #555;
    cursor: pointer;
}

.edit-item input[type="checkbox"][b-6xpy23dsoe] {
    width: 18px;
    height: 18px;
    accent-color: #28a745;
}

.edit-limits[b-6xpy23dsoe] {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #dee2e6;
}

.limit-edit-item[b-6xpy23dsoe] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 15px;
}

.currency-label[b-6xpy23dsoe] {
    font-weight: 600;
    color: #666;
    min-width: 50px;
    text-align: left;
}

.limit-input[b-6xpy23dsoe] {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.limit-input:focus[b-6xpy23dsoe] {
    outline: none;
    border-color: #28a745;
    box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
}

.edit-buttons[b-6xpy23dsoe] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: flex-end;
}

.save-btn[b-6xpy23dsoe] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.save-btn:hover[b-6xpy23dsoe] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.cancel-btn[b-6xpy23dsoe] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cancel-btn:hover[b-6xpy23dsoe] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

/* רספונסיביות */
@media (max-width: 768px) {
    .wallet-header[b-6xpy23dsoe] {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .overdraft-header[b-6xpy23dsoe] {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .balances-grid[b-6xpy23dsoe] {
        grid-template-columns: 1fr;
    }
    
    .stats-grid[b-6xpy23dsoe] {
        grid-template-columns: 1fr;
    }
    
    .wallet-content[b-6xpy23dsoe] {
        padding: 20px;
    }
    
    .limit-edit-item[b-6xpy23dsoe] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .currency-label[b-6xpy23dsoe] {
        min-width: auto;
    }
    
    .limit-input[b-6xpy23dsoe] {
        width: 100%;
    }
    
    .edit-buttons[b-6xpy23dsoe] {
        justify-content: center;
        flex-direction: column;
    }
}
/* _content/aiapiflu/Components/ניהול/הצגת_פעולות_ארנק.razor.rz.scp.css */
/* עיצוב רכיב הצגת פעולות ארנק */

.wallet-operations-display[b-063tysn0tc] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    padding: 20px;
    margin: 10px 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #dee2e6;
}

.operations-header[b-063tysn0tc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e9ecef;
}

.operations-header h4[b-063tysn0tc] {
    margin: 0;
    color: #495057;
    font-size: 1.4rem;
    font-weight: 600;
}

.user-email[b-063tysn0tc] {
    color: #6c757d;
    font-size: 0.9rem;
    font-style: italic;
}

.add-operation-btn[b-063tysn0tc] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.3);
}

.add-operation-btn:hover[b-063tysn0tc] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.4);
}

.add-operation-btn:active[b-063tysn0tc] {
    transform: translateY(0);
}

/* עיצוב טבלה */
.table-container[b-063tysn0tc] {
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.operations-table[b-063tysn0tc] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 8px;
    overflow: hidden;
}

.operations-table thead[b-063tysn0tc] {
    background: linear-gradient(135deg, #495057 0%, #6c757d 100%);
    color: white;
}

.operations-table th[b-063tysn0tc] {
    padding: 12px 8px;
    text-align: right;
    font-weight: 600;
    font-size: 0.9rem;
    border: none;
}

.operations-table td[b-063tysn0tc] {
    padding: 10px 8px;
    border-bottom: 1px solid #e9ecef;
    font-size: 0.85rem;
}

.operations-table tbody tr:hover[b-063tysn0tc] {
    background-color: #f8f9fa;
}

/* עיצוב שורות לפי סוג פעולה */
.operations-table tbody tr.charge[b-063tysn0tc] {
    background-color: #fff5f5;
}

.operations-table tbody tr.credit[b-063tysn0tc] {
    background-color: #f0fff4;
}

.operations-table tbody tr.charge:hover[b-063tysn0tc] {
    background-color: #ffe6e6;
}

.operations-table tbody tr.credit:hover[b-063tysn0tc] {
    background-color: #e6ffe6;
}

/* עיצוב עמודות */
.amount[b-063tysn0tc] {
    font-weight: 600;
    text-align: center;
    min-width: 80px;
}

.amount.positive[b-063tysn0tc] {
    color: #28a745;
}

.amount.negative[b-063tysn0tc] {
    color: #dc3545;
}

.currency[b-063tysn0tc] {
    text-align: center;
    font-weight: 600;
    color: #495057;
    min-width: 60px;
}

.title[b-063tysn0tc] {
    font-weight: 500;
    color: #495057;
    min-width: 120px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note[b-063tysn0tc] {
    color: #6c757d;
    font-size: 0.8rem;
    min-width: 100px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.time[b-063tysn0tc] {
    color: #6c757d;
    font-size: 0.8rem;
    text-align: center;
    min-width: 100px;
}

.actions[b-063tysn0tc] {
    text-align: center;
    min-width: 60px;
}

.operation-type[b-063tysn0tc] {
    font-size: 1.2rem;
}

.charge-icon[b-063tysn0tc] {
    color: #dc3545;
}

.credit-icon[b-063tysn0tc] {
    color: #28a745;
}

/* עיצוב שורת הוספה */
.adding-new-operation[b-063tysn0tc] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    border: 2px solid #2196f3;
}

.adding-new-operation:hover[b-063tysn0tc] {
    background: linear-gradient(135deg, #bbdefb 0%, #90caf9 100%) !important;
}

.edit-input[b-063tysn0tc], .edit-select[b-063tysn0tc] {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 0.85rem;
    background: white;
}

.edit-input:focus[b-063tysn0tc], .edit-select:focus[b-063tysn0tc] {
    outline: none;
    border-color: #2196f3;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.25);
}

.action-btn[b-063tysn0tc] {
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    margin: 0 2px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.action-btn.save[b-063tysn0tc] {
    background: #28a745;
    color: white;
}

.action-btn.save:hover[b-063tysn0tc] {
    background: #218838;
    transform: scale(1.05);
}

.action-btn.cancel[b-063tysn0tc] {
    background: #dc3545;
    color: white;
}

.action-btn.cancel:hover[b-063tysn0tc] {
    background: #c82333;
    transform: scale(1.05);
}

/* עיצוב הודעת אין פעולות */
.no-operations[b-063tysn0tc] {
    text-align: center;
    padding: 40px 20px;
    color: #6c757d;
}

.no-operations p[b-063tysn0tc] {
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.add-first-operation-btn[b-063tysn0tc] {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3);
}

.add-first-operation-btn:hover[b-063tysn0tc] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.4);
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .wallet-operations-display[b-063tysn0tc] {
        padding: 15px;
        margin: 5px 0;
    }
    
    .operations-header[b-063tysn0tc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .operations-header h4[b-063tysn0tc] {
        font-size: 1.2rem;
    }
    
    .operations-table th[b-063tysn0tc],
    .operations-table td[b-063tysn0tc] {
        padding: 8px 4px;
        font-size: 0.8rem;
    }
    
    .title[b-063tysn0tc] {
        max-width: 100px;
    }
    
    .note[b-063tysn0tc] {
        max-width: 80px;
    }
    
    .time[b-063tysn0tc] {
        min-width: 80px;
    }
}

@media (max-width: 480px) {
    .operations-table th[b-063tysn0tc],
    .operations-table td[b-063tysn0tc] {
        padding: 6px 2px;
        font-size: 0.75rem;
    }
    
    .title[b-063tysn0tc] {
        max-width: 80px;
    }
    
    .note[b-063tysn0tc] {
        max-width: 60px;
    }
    
    .time[b-063tysn0tc] {
        min-width: 70px;
    }
    
    .amount[b-063tysn0tc] {
        min-width: 60px;
    }
    
    .currency[b-063tysn0tc] {
        min-width: 50px;
    }
}
/* _content/aiapiflu/Components/ניהול/הרצות.razor.rz.scp.css */
/* עיצוב רכיב ההרצות */
.runs-container[b-6buisznqs5] {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* כותרת וסטטיסטיקות */
.runs-header[b-6buisznqs5] {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border: 1px solid #e1e8f0;
}

.header-info h2[b-6buisznqs5] {
    margin: 0 0 0.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #17263f;
}

.header-info p[b-6buisznqs5] {
    margin: 0 0 2rem 0;
    color: #6c7a92;
    font-size: 1rem;
}

.stats-grid[b-6buisznqs5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.stat-card[b-6buisznqs5] {
    background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    border: 1px solid #e1e8f0;
    transition: all 0.3s ease;
}

.stat-card:hover[b-6buisznqs5] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.stat-number[b-6buisznqs5] {
    font-size: 2rem;
    font-weight: 700;
    color: #4b7bec;
    margin-bottom: 0.5rem;
}

.stat-label[b-6buisznqs5] {
    font-size: 0.9rem;
    color: #6c7a92;
    font-weight: 500;
}

/* פילטרים */
.filters-section[b-6buisznqs5] {
    background: white;
    border-radius: 15px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border: 1px solid #e1e8f0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: end;
}

.filter-group[b-6buisznqs5] {
    display: flex;
    flex-direction: column;
    min-width: 150px;
}

.filter-group label[b-6buisznqs5] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #17263f;
    margin-bottom: 0.5rem;
}

.filter-group select[b-6buisznqs5] {
    padding: 0.75rem;
    border: 1px solid #d1d9e6;
    border-radius: 8px;
    font-size: 0.9rem;
    background: white;
    color: #17263f;
    transition: all 0.3s ease;
}

.filter-group select:focus[b-6buisznqs5] {
    outline: none;
    border-color: #4b7bec;
    box-shadow: 0 0 0 3px rgba(75, 123, 236, 0.1);
}

.refresh-btn[b-6buisznqs5] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    height: fit-content;
}

.refresh-btn:hover[b-6buisznqs5] {
    background: linear-gradient(135deg, #5a8bf0, #4a7ce8);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(75, 123, 236, 0.3);
}

/* רשימת הרצות */
.runs-list[b-6buisznqs5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.run-card[b-6buisznqs5] {
    background: white;
    border-radius: 15px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border: 1px solid #e1e8f0;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.run-card:hover[b-6buisznqs5] {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    border-color: #4b7bec;
}

.run-card[b-6buisznqs5]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #e1e8f0;
    transition: all 0.3s ease;
}

.run-card.status-running[b-6buisznqs5]::before {
    background: linear-gradient(180deg, #4b7bec, #3867d6);
}

.run-card.status-completed[b-6buisznqs5]::before {
    background: linear-gradient(180deg, #26de81, #20bf6b);
}

.run-card.status-failed[b-6buisznqs5]::before {
    background: linear-gradient(180deg, #ff6b6b, #ee5a52);
}

.run-card.status-paused[b-6buisznqs5]::before {
    background: linear-gradient(180deg, #f39c12, #e67e22);
}

.run-card.status-cancelled[b-6buisznqs5]::before {
    background: linear-gradient(180deg, #95a5a6, #7f8c8d);
}

.run-card.status-waiting[b-6buisznqs5]::before {
    background: linear-gradient(180deg, #a8b8d8, #9aa8c8);
}

.run-header[b-6buisznqs5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.run-id[b-6buisznqs5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.run-icon[b-6buisznqs5] {
    font-size: 1.2rem;
}

.run-title[b-6buisznqs5] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #17263f;
}

.run-status[b-6buisznqs5] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.run-status.status-running[b-6buisznqs5] {
    background: rgba(75, 123, 236, 0.1);
    color: #4b7bec;
}

.run-status.status-completed[b-6buisznqs5] {
    background: rgba(38, 222, 129, 0.1);
    color: #26de81;
}

.run-status.status-failed[b-6buisznqs5] {
    background: rgba(255, 107, 107, 0.1);
    color: #ff6b6b;
}

.run-status.status-paused[b-6buisznqs5] {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
}

.run-status.status-cancelled[b-6buisznqs5] {
    background: rgba(149, 165, 166, 0.1);
    color: #95a5a6;
}

.run-status.status-waiting[b-6buisznqs5] {
    background: rgba(168, 184, 216, 0.1);
    color: #a8b8d8;
}

.run-details[b-6buisznqs5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.detail-row[b-6buisznqs5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f3f6;
}

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

.detail-label[b-6buisznqs5] {
    font-size: 0.9rem;
    color: #6c7a92;
    font-weight: 500;
}

.detail-value[b-6buisznqs5] {
    font-size: 0.9rem;
    color: #17263f;
    font-weight: 600;
}

.error-row .detail-value.error-count[b-6buisznqs5] {
    color: #ff6b6b;
}

.run-actions[b-6buisznqs5] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.action-btn[b-6buisznqs5] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.view-btn[b-6buisznqs5] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: white;
}

.view-btn:hover[b-6buisznqs5] {
    background: linear-gradient(135deg, #5a8bf0, #4a7ce8);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(75, 123, 236, 0.3);
}

.copy-btn[b-6buisznqs5] {
    background: linear-gradient(135deg, #26de81, #20bf6b);
    color: white;
}

.copy-btn:hover[b-6buisznqs5] {
    background: linear-gradient(135deg, #2ee88a, #26de81);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(38, 222, 129, 0.3);
}

/* אנימציה לכפתור העתקה */
.copy-btn.copied[b-6buisznqs5] {
    background: linear-gradient(135deg, #26de81, #20bf6b);
    animation: copySuccess-b-6buisznqs5 0.6s ease-in-out;
    transform: scale(1.05);
}

@keyframes copySuccess-b-6buisznqs5 {
    0% {
        transform: scale(1);
        box-shadow: 0 4px 15px rgba(38, 222, 129, 0.3);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 8px 25px rgba(38, 222, 129, 0.5);
        background: linear-gradient(135deg, #2ee88a, #26de81);
    }
    100% {
        transform: scale(1.05);
        box-shadow: 0 4px 15px rgba(38, 222, 129, 0.3);
    }
}

/* הודעת אין הרצות */
.no-runs[b-6buisznqs5] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border: 2px dashed #e1e8f0;
}

.no-runs-icon[b-6buisznqs5] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.no-runs h3[b-6buisznqs5] {
    margin: 0 0 0.5rem 0;
    font-size: 1.5rem;
    color: #17263f;
}

.no-runs p[b-6buisznqs5] {
    margin: 0;
    color: #6c7a92;
    font-size: 1rem;
}

/* פרטים מורחבים */
.run-expanded-details[b-6buisznqs5] {
    margin-top: 1rem;
    background: #f8f9ff;
    border-radius: 12px;
    border: 1px solid #e1e8f0;
    overflow: hidden;
    animation: expandDetails-b-6buisznqs5 0.3s ease-out;
}

@keyframes expandDetails-b-6buisznqs5 {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 1000px;
    }
}

.expanded-content[b-6buisznqs5] {
    padding: 1.5rem;
}

.expanded-sections[b-6buisznqs5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.expanded-section[b-6buisznqs5] {
    background: white;
    border-radius: 10px;
    padding: 1.25rem;
    border: 1px solid #e1e8f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.expanded-section h4[b-6buisznqs5] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #17263f;
    border-bottom: 2px solid #4b7bec;
    padding-bottom: 0.5rem;
}

.expanded-info-item[b-6buisznqs5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f3f6;
}

.expanded-info-item:last-child[b-6buisznqs5] {
    border-bottom: none;
}

.expanded-info-label[b-6buisznqs5] {
    font-size: 0.85rem;
    color: #6c7a92;
    font-weight: 500;
}

.expanded-info-value[b-6buisznqs5] {
    font-size: 0.85rem;
    color: #17263f;
    font-weight: 600;
    text-align: left;
}

.expanded-error-item[b-6buisznqs5] {
    background: rgba(255, 107, 107, 0.1);
    border: 1px solid rgba(255, 107, 107, 0.3);
    border-radius: 6px;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
}

.expanded-error-text[b-6buisznqs5] {
    font-size: 0.85rem;
    color: #ff6b6b;
    font-weight: 500;
}

.expanded-steps-section[b-6buisznqs5] {
    background: white;
    border-radius: 10px;
    padding: 1.25rem;
    border: 1px solid #e1e8f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.expanded-steps-section h4[b-6buisznqs5] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #17263f;
    border-bottom: 2px solid #4b7bec;
    padding-bottom: 0.5rem;
}

.expanded-steps-list[b-6buisznqs5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.expanded-step-item[b-6buisznqs5] {
    background: #f8f9ff;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #e1e8f0;
    transition: all 0.3s ease;
}

.expanded-step-item.success[b-6buisznqs5] {
    border-left: 4px solid #26de81;
}

.expanded-step-item.error[b-6buisznqs5] {
    border-left: 4px solid #ff6b6b;
}

.expanded-step-header[b-6buisznqs5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.step-copy-button[b-6buisznqs5] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
}

.expanded-step-header:hover[b-6buisznqs5] {
    background: rgba(75, 123, 236, 0.1);
}

.expanded-step-number[b-6buisznqs5] {
    background: #4b7bec;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.expanded-step-node[b-6buisznqs5] {
    font-size: 0.85rem;
    color: #17263f;
    font-weight: 600;
    flex: 1;
    margin: 0 1rem;
}

.expanded-step-status[b-6buisznqs5] {
    font-size: 0.9rem;
}

.expand-icon[b-6buisznqs5] {
    font-size: 0.8rem;
    color: #6c7a92;
    font-weight: 600;
    transition: all 0.3s ease;
}

.expanded-step-duration[b-6buisznqs5] {
    font-size: 0.75rem;
    color: #6c7a92;
    margin-bottom: 0.5rem;
}

.expanded-step-error[b-6buisznqs5] {
    font-size: 0.75rem;
    color: #ff6b6b;
    background: rgba(255, 107, 107, 0.1);
    padding: 0.5rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 107, 107, 0.3);
}

/* עיצוב פרטים מורחבים של צעדים */
.expanded-step-details[b-6buisznqs5] {
    margin-top: 1rem;
    background: white;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #e1e8f0;
    animation: expandStepDetails-b-6buisznqs5 0.3s ease-out;
}

@keyframes expandStepDetails-b-6buisznqs5 {
    from {
        opacity: 0;
        max-height: 0;
        padding: 0;
    }
    to {
        opacity: 1;
        max-height: 1000px;
        padding: 1rem;
    }
}

.step-info-section[b-6buisznqs5],
.step-inputs-section[b-6buisznqs5],
.step-outputs-section[b-6buisznqs5],
.step-context-section[b-6buisznqs5],
.step-debug-section[b-6buisznqs5],
.step-error-section[b-6buisznqs5] {
    margin-bottom: 1rem;
}

.step-info-section h5[b-6buisznqs5],
.step-inputs-section h5[b-6buisznqs5],
.step-outputs-section h5[b-6buisznqs5],
.step-context-section h5[b-6buisznqs5],
.step-debug-section h5[b-6buisznqs5],
.step-error-section h5[b-6buisznqs5] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #17263f;
    border-bottom: 1px solid #e1e8f0;
    padding-bottom: 0.5rem;
}

.step-info-grid[b-6buisznqs5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem;
}

.step-info-item[b-6buisznqs5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: #f8f9ff;
    border-radius: 4px;
    border: 1px solid #e1e8f0;
}

.step-info-label[b-6buisznqs5] {
    font-size: 0.8rem;
    color: #6c7a92;
    font-weight: 500;
}

.step-info-value[b-6buisznqs5] {
    font-size: 0.8rem;
    color: #17263f;
    font-weight: 600;
}

.parameters-grid[b-6buisznqs5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.5rem;
}

.parameter-item[b-6buisznqs5] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
    background: #f8f9ff;
    border-radius: 6px;
    border: 1px solid #e1e8f0;
    transition: all 0.3s ease;
}

.parameter-item:hover[b-6buisznqs5] {
    background: #f0f2ff;
    border-color: #4b7bec;
}

.param-name[b-6buisznqs5] {
    font-size: 0.8rem;
    color: #4b7bec;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.param-value[b-6buisznqs5] {
    font-size: 0.85rem;
    color: #17263f;
    font-weight: 500;
    word-break: break-word;
    line-height: 1.4;
}

.debug-messages[b-6buisznqs5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.debug-message[b-6buisznqs5] {
    font-size: 0.8rem;
    color: #6c7a92;
    background: #f8f9ff;
    padding: 0.75rem;
    border-radius: 6px;
    border: 1px solid #e1e8f0;
    line-height: 1.4;
    word-break: break-word;
}

.error-content[b-6buisznqs5] {
    font-size: 0.85rem;
    color: #ff6b6b;
    background: rgba(255, 107, 107, 0.1);
    padding: 0.75rem;
    border-radius: 6px;
    border: 1px solid rgba(255, 107, 107, 0.3);
    line-height: 1.4;
    word-break: break-word;
}

.step-summary[b-6buisznqs5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: rgba(108, 122, 146, 0.1);
    border-radius: 4px;
    font-size: 0.75rem;
}

.step-duration[b-6buisznqs5],
.step-error-summary[b-6buisznqs5],
.step-debug-count[b-6buisznqs5] {
    color: #6c7a92;
    font-weight: 500;
}

.step-error-summary[b-6buisznqs5] {
    color: #ff6b6b;
}

/* עיצוב תצוגת קונטקסט */
.context-items[b-6buisznqs5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.context-item[b-6buisznqs5] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
    background: #f8f9ff;
    border-radius: 6px;
    border: 1px solid #e1e8f0;
    transition: all 0.3s ease;
}

.context-item:hover[b-6buisznqs5] {
    background: #f0f2ff;
    border-color: #4b7bec;
}

.context-key[b-6buisznqs5] {
    font-size: 0.8rem;
    color: #4b7bec;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.context-value[b-6buisznqs5] {
    font-size: 0.85rem;
    color: #17263f;
    font-weight: 500;
    word-break: break-word;
    line-height: 1.4;
}

.context-grid[b-6buisznqs5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0.75rem;
}

.context-final-item[b-6buisznqs5] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
    background: #f8f9ff;
    border-radius: 6px;
    border: 1px solid #e1e8f0;
    transition: all 0.3s ease;
}

.context-final-item:hover[b-6buisznqs5] {
    background: #f0f2ff;
    border-color: #4b7bec;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(75, 123, 236, 0.1);
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .runs-header[b-6buisznqs5] {
        padding: 1.5rem;
    }
    
    .stats-grid[b-6buisznqs5] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .filters-section[b-6buisznqs5] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-group[b-6buisznqs5] {
        min-width: auto;
    }
    
    .run-details[b-6buisznqs5] {
        grid-template-columns: 1fr;
    }
    
    .run-header[b-6buisznqs5] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .run-actions[b-6buisznqs5] {
        justify-content: stretch;
    }
    
    .action-btn[b-6buisznqs5] {
        flex: 1;
    }
    
    .run-details-modal[b-6buisznqs5] {
        padding: 1rem;
    }
    
    .modal-content[b-6buisznqs5] {
        max-height: 95vh;
    }
    
    .modal-body[b-6buisznqs5] {
        padding: 1rem;
        max-height: calc(95vh - 100px);
    }
    
    .expanded-sections[b-6buisznqs5] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .expanded-content[b-6buisznqs5] {
        padding: 1rem;
    }
    
    .expanded-section[b-6buisznqs5] {
        padding: 1rem;
    }
    
    .step-info-grid[b-6buisznqs5] {
        grid-template-columns: 1fr;
    }
    
    .parameters-grid[b-6buisznqs5] {
        grid-template-columns: 1fr;
    }
    
    .context-grid[b-6buisznqs5] {
        grid-template-columns: 1fr;
    }
    
    .expanded-step-details[b-6buisznqs5] {
        padding: 0.75rem;
    }
}

@media (max-width: 480px) {
    .header-info h2[b-6buisznqs5] {
        font-size: 1.5rem;
    }
    
    .stat-number[b-6buisznqs5] {
        font-size: 1.5rem;
    }
    
    .run-card[b-6buisznqs5] {
        padding: 1rem;
    }
    
    .run-title[b-6buisznqs5] {
        font-size: 1rem;
    }
    
    .expanded-step-header[b-6buisznqs5] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .expanded-step-node[b-6buisznqs5] {
        margin: 0;
    }
}
/* _content/aiapiflu/Components/ניהול/מנהל_לוגים.razor.rz.scp.css */
.log-manager[b-gtzqt8pgyl] {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.log-header[b-gtzqt8pgyl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.log-header h2[b-gtzqt8pgyl] {
    margin: 0;
    color: #495057;
}

.log-stats[b-gtzqt8pgyl] {
    display: flex;
    gap: 20px;
}

.stat-item[b-gtzqt8pgyl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background: white;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    min-width: 80px;
}

.stat-label[b-gtzqt8pgyl] {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 5px;
}

.stat-value[b-gtzqt8pgyl] {
    font-size: 18px;
    font-weight: bold;
    color: #495057;
}

.stat-value.error[b-gtzqt8pgyl] {
    color: #dc3545;
}

.stat-value.warning[b-gtzqt8pgyl] {
    color: #ffc107;
}

.stat-value.info[b-gtzqt8pgyl] {
    color: #17a2b8;
}

.log-filters[b-gtzqt8pgyl] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 20px;
}

.filter-row[b-gtzqt8pgyl] {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    align-items: end;
}

.filter-row:last-child[b-gtzqt8pgyl] {
    margin-bottom: 0;
}

.filter-group[b-gtzqt8pgyl] {
    display: flex;
    flex-direction: column;
    min-width: 150px;
}

.filter-group label[b-gtzqt8pgyl] {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #495057;
}

.filter-group select[b-gtzqt8pgyl],
.filter-group input[b-gtzqt8pgyl] {
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    background: white;
}

.filter-group select:focus[b-gtzqt8pgyl],
.filter-group input:focus[b-gtzqt8pgyl] {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.scrollable-select[b-gtzqt8pgyl] {
    max-height: 200px;
    overflow-y: auto;
}

.scrollable-select option[b-gtzqt8pgyl] {
    padding: 8px 12px;
    font-size: 14px;
}

.scrollable-select:disabled[b-gtzqt8pgyl] {
    background-color: #f8f9fa;
    color: #6c757d;
    cursor: not-allowed;
}

.filter-actions[b-gtzqt8pgyl] {
    display: flex;
    gap: 10px;
    align-items: end;
}

.btn[b-gtzqt8pgyl] {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary[b-gtzqt8pgyl] {
    background: #007bff;
    color: white;
}

.btn-primary:hover[b-gtzqt8pgyl] {
    background: #0056b3;
}

.btn-secondary[b-gtzqt8pgyl] {
    background: #6c757d;
    color: white;
}

.btn-secondary:hover[b-gtzqt8pgyl] {
    background: #545b62;
}

.btn-danger[b-gtzqt8pgyl] {
    background: #dc3545;
    color: white;
}

.btn-danger:hover[b-gtzqt8pgyl] {
    background: #c82333;
}

.btn-success[b-gtzqt8pgyl] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-gtzqt8pgyl] {
    background: #218838;
}

.log-content[b-gtzqt8pgyl] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}

.log-list[b-gtzqt8pgyl] {
    max-height: 600px;
    overflow-y: auto;
    position: relative;
}

.virtual-scroll-container[b-gtzqt8pgyl] {
    position: relative;
    width: 100%;
}

.log-item[b-gtzqt8pgyl] {
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
    cursor: pointer;
    transition: background-color 0.2s;
}

.log-item:hover[b-gtzqt8pgyl] {
    background: #f8f9fa;
}

.log-item:last-child[b-gtzqt8pgyl] {
    border-bottom: none;
}

.log-header-item[b-gtzqt8pgyl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.log-level[b-gtzqt8pgyl] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.log-error[b-gtzqt8pgyl] {
    background: #f8d7da;
    color: #721c24;
}

.log-warning[b-gtzqt8pgyl] {
    background: #fff3cd;
    color: #856404;
}

.log-info[b-gtzqt8pgyl] {
    background: #d1ecf1;
    color: #0c5460;
}

.log-debug[b-gtzqt8pgyl] {
    background: #d4edda;
    color: #155724;
}

.log-trace[b-gtzqt8pgyl] {
    background: #e2e3e5;
    color: #383d41;
}

.log-default[b-gtzqt8pgyl] {
    background: #f8f9fa;
    color: #495057;
}

.log-time[b-gtzqt8pgyl] {
    font-size: 12px;
    color: #6c757d;
}

.log-location[b-gtzqt8pgyl] {
    font-size: 12px;
    color: #6c757d;
    font-family: monospace;
}

.log-message[b-gtzqt8pgyl] {
    font-size: 14px;
    color: #495057;
    margin-bottom: 8px;
    line-height: 1.4;
}

.log-details[b-gtzqt8pgyl] {
    font-size: 12px;
    color: #6c757d;
    background: #f8f9fa;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 8px;
    white-space: pre-wrap;
    max-height: 100px;
    overflow-y: auto;
}

.log-meta[b-gtzqt8pgyl] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.meta-item[b-gtzqt8pgyl] {
    font-size: 11px;
    color: #6c757d;
    background: #e9ecef;
    padding: 2px 6px;
    border-radius: 3px;
}

.no-logs[b-gtzqt8pgyl] {
    padding: 40px;
    text-align: center;
    color: #6c757d;
}

/* Loading indicators */
.loading-indicator[b-gtzqt8pgyl] {
    padding: 40px;
    text-align: center;
    color: #6c757d;
}

.spinner[b-gtzqt8pgyl] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin-b-gtzqt8pgyl 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin-b-gtzqt8pgyl {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.load-more-section[b-gtzqt8pgyl] {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
}

.load-more-btn[b-gtzqt8pgyl] {
    min-width: 150px;
    position: relative;
}

.load-more-btn:disabled[b-gtzqt8pgyl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.load-more-btn:disabled:hover[b-gtzqt8pgyl] {
    background: #007bff;
}

.log-detail-modal[b-gtzqt8pgyl] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.log-detail-content[b-gtzqt8pgyl] {
    background: white;
    border-radius: 8px;
    max-width: 800px;
    max-height: 90vh;
    width: 90%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.log-detail-header[b-gtzqt8pgyl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
}

.log-detail-header h3[b-gtzqt8pgyl] {
    margin: 0;
    color: #495057;
}

.close-btn[b-gtzqt8pgyl] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #6c757d;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s;
}

.close-btn:hover[b-gtzqt8pgyl] {
    background: #e9ecef;
}

.log-detail-body[b-gtzqt8pgyl] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.detail-section[b-gtzqt8pgyl] {
    margin-bottom: 25px;
}

.detail-section:last-child[b-gtzqt8pgyl] {
    margin-bottom: 0;
}

.detail-section h4[b-gtzqt8pgyl] {
    margin: 0 0 15px 0;
    color: #495057;
    font-size: 16px;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 5px;
}

.detail-grid[b-gtzqt8pgyl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.detail-item[b-gtzqt8pgyl] {
    display: flex;
    flex-direction: column;
}

.detail-item label[b-gtzqt8pgyl] {
    font-size: 12px;
    font-weight: 500;
    color: #6c757d;
    margin-bottom: 5px;
}

.detail-item span[b-gtzqt8pgyl] {
    font-size: 14px;
    color: #495057;
    word-break: break-word;
}

.message-content[b-gtzqt8pgyl],
.details-content[b-gtzqt8pgyl],
.parameters-content[b-gtzqt8pgyl] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 200px;
    overflow-y: auto;
}

.log-detail-footer[b-gtzqt8pgyl] {
    padding: 20px;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .log-manager[b-gtzqt8pgyl] {
        padding: 10px;
    }
    
    .log-header[b-gtzqt8pgyl] {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .log-stats[b-gtzqt8pgyl] {
        justify-content: center;
    }
    
    .filter-row[b-gtzqt8pgyl] {
        flex-direction: column;
        gap: 15px;
    }
    
    .filter-group[b-gtzqt8pgyl] {
        min-width: auto;
    }
    
    .filter-actions[b-gtzqt8pgyl] {
        justify-content: center;
    }
    
    .log-header-item[b-gtzqt8pgyl] {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
    
    .log-meta[b-gtzqt8pgyl] {
        justify-content: flex-start;
    }
    
    .detail-grid[b-gtzqt8pgyl] {
        grid-template-columns: 1fr;
    }
    
    .log-detail-content[b-gtzqt8pgyl] {
        width: 95%;
        max-height: 95vh;
    }
}
/* _content/aiapiflu/Components/ניהול/מסך_מסד_נתונים.razor.rz.scp.css */
.database-info[b-9c2vqxh9dh] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.db-header[b-9c2vqxh9dh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.db-header h2[b-9c2vqxh9dh] {
    margin: 0;
    color: #495057;
}

.btn[b-9c2vqxh9dh] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-primary[b-9c2vqxh9dh] {
    background: #007bff;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-9c2vqxh9dh] {
    background: #0056b3;
}

.btn-primary:disabled[b-9c2vqxh9dh] {
    opacity: 0.6;
    cursor: not-allowed;
}

.loading-section[b-9c2vqxh9dh] {
    padding: 60px;
    text-align: center;
    color: #6c757d;
}

.spinner[b-9c2vqxh9dh] {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #007bff;
    border-radius: 50%;
    animation: spin-b-9c2vqxh9dh 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin-b-9c2vqxh9dh {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.info-section[b-9c2vqxh9dh] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    padding: 25px;
    margin-bottom: 30px;
}

.info-section h3[b-9c2vqxh9dh] {
    margin: 0 0 20px 0;
    color: #495057;
    font-size: 20px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
}

.info-grid[b-9c2vqxh9dh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.info-item[b-9c2vqxh9dh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info-item label[b-9c2vqxh9dh] {
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-9c2vqxh9dh] {
    font-size: 15px;
    color: #212529;
    font-family: 'Courier New', monospace;
    background: #f8f9fa;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #e9ecef;
    word-break: break-all;
}

.info-value.highlight[b-9c2vqxh9dh] {
    font-weight: bold;
    color: #007bff;
    background: #e7f1ff;
    border-color: #007bff;
}

.collections-section[b-9c2vqxh9dh] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    padding: 25px;
}

.collections-section h3[b-9c2vqxh9dh] {
    margin: 0 0 25px 0;
    color: #495057;
    font-size: 20px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
}

.collections-grid[b-9c2vqxh9dh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
}

.collection-card[b-9c2vqxh9dh] {
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    padding: 20px;
    transition: all 0.3s;
}

.collection-card:hover[b-9c2vqxh9dh] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    border-color: #007bff;
}

.collection-header[b-9c2vqxh9dh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #dee2e6;
}

.collection-header h4[b-9c2vqxh9dh] {
    margin: 0;
    color: #495057;
    font-size: 18px;
}

.collection-count[b-9c2vqxh9dh] {
    background: #007bff;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
}

.collection-details[b-9c2vqxh9dh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-row[b-9c2vqxh9dh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
}

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

.detail-row label[b-9c2vqxh9dh] {
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    flex: 0 0 40%;
}

.detail-row span[b-9c2vqxh9dh] {
    font-size: 14px;
    color: #212529;
    flex: 1;
    text-align: left;
}

.status-active[b-9c2vqxh9dh] {
    color: #28a745;
    font-weight: bold;
}

.status-inactive[b-9c2vqxh9dh] {
    color: #dc3545;
    font-weight: bold;
}

.welcome-message[b-9c2vqxh9dh] {
    padding: 60px;
    text-align: center;
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.welcome-message h3[b-9c2vqxh9dh] {
    color: #495057;
    margin-bottom: 15px;
}

.welcome-message p[b-9c2vqxh9dh] {
    color: #6c757d;
    font-size: 16px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .database-info[b-9c2vqxh9dh] {
        padding: 10px;
    }
    
    .db-header[b-9c2vqxh9dh] {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .info-grid[b-9c2vqxh9dh] {
        grid-template-columns: 1fr;
    }
    
    .collections-grid[b-9c2vqxh9dh] {
        grid-template-columns: 1fr;
    }
    
    .detail-row[b-9c2vqxh9dh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .detail-row label[b-9c2vqxh9dh] {
        flex: 1;
    }
    
    .detail-row span[b-9c2vqxh9dh] {
        flex: 1;
    }
}

/* _content/aiapiflu/Components/ניהול/ניהול_מיילים.razor.rz.scp.css */
/* רכיב ניהול מיילים */
.email-management[b-7u3yaf56iz] {
    padding: 20px;
    max-width: 100%;
    overflow-x: auto;
}

.email-header[b-7u3yaf56iz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}

.email-header h2[b-7u3yaf56iz] {
    margin: 0;
    color: #333;
    font-size: 24px;
}

.email-controls[b-7u3yaf56iz] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-input[b-7u3yaf56iz] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    min-width: 200px;
}

.search-input:focus[b-7u3yaf56iz] {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.refresh-btn[b-7u3yaf56iz] {
    padding: 8px 12px;
    background: #28a745;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s;
}

.refresh-btn:hover[b-7u3yaf56iz] {
    background: #218838;
}

/* סטטיסטיקות */
.email-stats[b-7u3yaf56iz] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.stat-item[b-7u3yaf56iz] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stat-label[b-7u3yaf56iz] {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
}

.stat-value[b-7u3yaf56iz] {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/* טבלת מיילים */
.email-table-container[b-7u3yaf56iz] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
}

.email-table[b-7u3yaf56iz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.email-table th[b-7u3yaf56iz] {
    background: #f8f9fa;
    padding: 12px 8px;
    text-align: right;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #e0e0e0;
}

.email-table td[b-7u3yaf56iz] {
    padding: 12px 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: top;
}

.email-table tr:hover[b-7u3yaf56iz] {
    background: #f8f9fa;
}

.email-table tr.unread[b-7u3yaf56iz] {
    background: #fff3cd;
    font-weight: 500;
}

.email-table tr.unread:hover[b-7u3yaf56iz] {
    background: #ffeaa7;
}

/* מידע שולח */
.sender-info[b-7u3yaf56iz] {
    min-width: 150px;
}

.sender-name[b-7u3yaf56iz] {
    font-weight: 500;
    color: #333;
    margin-bottom: 2px;
}

.sender-email[b-7u3yaf56iz] {
    font-size: 12px;
    color: #666;
}

/* מידע נושא */
.subject-info[b-7u3yaf56iz] {
    min-width: 200px;
    max-width: 300px;
}

.subject-text[b-7u3yaf56iz] {
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

.email-preview[b-7u3yaf56iz] {
    font-size: 12px;
    color: #666;
    line-height: 1.3;
}

/* מידע זמן */
.time-info[b-7u3yaf56iz] {
    text-align: center;
    min-width: 80px;
}

.date[b-7u3yaf56iz] {
    font-size: 12px;
    color: #333;
    margin-bottom: 2px;
}

.time[b-7u3yaf56iz] {
    font-size: 11px;
    color: #666;
}

/* סטטוס */
.status-info[b-7u3yaf56iz] {
    text-align: center;
    min-width: 100px;
}

.status-badge[b-7u3yaf56iz] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 4px;
}

.status-badge.התקבל[b-7u3yaf56iz] {
    background: #d4edda;
    color: #155724;
}

.status-badge.נשלח[b-7u3yaf56iz] {
    background: #cce5ff;
    color: #004085;
}

.status-badge.נכשל[b-7u3yaf56iz] {
    background: #f8d7da;
    color: #721c24;
}

.status-badge.חזר[b-7u3yaf56iz] {
    background: #fff3cd;
    color: #856404;
}

.status-badge.נדחה[b-7u3yaf56iz] {
    background: #e2e3e5;
    color: #383d41;
}

.unread-badge[b-7u3yaf56iz] {
    display: block;
    background: #007bff;
    color: white;
    padding: 2px 6px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 500;
}

/* מצרפים */
.attachments-btn[b-7u3yaf56iz] {
    background: #6c757d;
    color: white;
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.attachments-btn:hover[b-7u3yaf56iz] {
    background: #5a6268;
}

.no-attachments[b-7u3yaf56iz] {
    color: #999;
    font-size: 12px;
}

/* כפתורי פעולה */
.action-buttons[b-7u3yaf56iz] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.view-btn[b-7u3yaf56iz], .mark-read-btn[b-7u3yaf56iz] {
    background: #007bff;
    color: white;
    border: none;
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.2s;
}

.view-btn:hover[b-7u3yaf56iz] {
    background: #0056b3;
}

.mark-read-btn[b-7u3yaf56iz] {
    background: #28a745;
}

.mark-read-btn:hover[b-7u3yaf56iz] {
    background: #218838;
}

/* טעינה */
.loading[b-7u3yaf56iz] {
    text-align: center;
    padding: 40px;
}

.spinner[b-7u3yaf56iz] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin-b-7u3yaf56iz 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin-b-7u3yaf56iz {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* אין מיילים */
.no-emails[b-7u3yaf56iz] {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

.no-emails-icon[b-7u3yaf56iz] {
    font-size: 48px;
    margin-bottom: 20px;
}

.no-emails h3[b-7u3yaf56iz] {
    margin: 0 0 10px 0;
    color: #333;
}

.no-emails p[b-7u3yaf56iz] {
    margin: 0;
    font-size: 14px;
}

/* מודל פרטי מייל */
.modal-overlay[b-7u3yaf56iz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-7u3yaf56iz] {
    background: white;
    border-radius: 8px;
    max-width: 80%;
    max-height: 80%;
    width: 600px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.modal-header[b-7u3yaf56iz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    background: #f8f9fa;
}

.modal-header h3[b-7u3yaf56iz] {
    margin: 0;
    color: #333;
}

.close-btn[b-7u3yaf56iz] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover[b-7u3yaf56iz] {
    color: #333;
}

.modal-body[b-7u3yaf56iz] {
    padding: 20px;
    max-height: 60vh;
    overflow-y: auto;
}

/* פרטי מייל */
.email-details[b-7u3yaf56iz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.detail-section h4[b-7u3yaf56iz] {
    margin: 0 0 15px 0;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
}

.detail-grid[b-7u3yaf56iz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.detail-item[b-7u3yaf56iz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.detail-item label[b-7u3yaf56iz] {
    font-weight: 600;
    color: #555;
    font-size: 12px;
}

.detail-item span[b-7u3yaf56iz] {
    color: #333;
    font-size: 14px;
}

.email-content[b-7u3yaf56iz] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.email-content pre[b-7u3yaf56iz] {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
}

.headers-list[b-7u3yaf56iz] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.header-item[b-7u3yaf56iz] {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.4;
}

.header-item:last-child[b-7u3yaf56iz] {
    margin-bottom: 0;
}

.header-item strong[b-7u3yaf56iz] {
    color: #555;
    font-weight: 600;
}

/* מודל מצרפים */
.attachments-modal[b-7u3yaf56iz] {
    width: 500px;
}

.attachments-list[b-7u3yaf56iz] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.attachment-item[b-7u3yaf56iz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.attachment-info[b-7u3yaf56iz] {
    flex: 1;
}

.attachment-name[b-7u3yaf56iz] {
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

.attachment-details[b-7u3yaf56iz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
    color: #666;
}

.attachment-actions[b-7u3yaf56iz] {
    margin-left: 15px;
}

.download-btn[b-7u3yaf56iz] {
    background: #007bff;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.2s;
}

.download-btn:hover[b-7u3yaf56iz] {
    background: #0056b3;
}

.file-missing[b-7u3yaf56iz] {
    color: #dc3545;
    font-size: 12px;
    font-style: italic;
}

.no-attachments[b-7u3yaf56iz] {
    text-align: center;
    padding: 40px;
    color: #666;
}

/* רספונסיביות */
@media (max-width: 768px) {
    .email-management[b-7u3yaf56iz] {
        padding: 10px;
    }
    
    .email-header[b-7u3yaf56iz] {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }
    
    .email-controls[b-7u3yaf56iz] {
        justify-content: center;
    }
    
    .email-stats[b-7u3yaf56iz] {
        flex-direction: column;
        gap: 10px;
    }
    
    .email-table[b-7u3yaf56iz] {
        font-size: 12px;
    }
    
    .email-table th[b-7u3yaf56iz],
    .email-table td[b-7u3yaf56iz] {
        padding: 8px 4px;
    }
    
    .modal-content[b-7u3yaf56iz] {
        max-width: 95%;
        width: 95%;
    }
    
    .detail-grid[b-7u3yaf56iz] {
        grid-template-columns: 1fr;
    }
    
    .attachment-item[b-7u3yaf56iz] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    
    .attachment-actions[b-7u3yaf56iz] {
        margin-left: 0;
        text-align: center;
    }
}
/* _content/aiapiflu/Components/ניהול/ניהול_משתמשים_מרכזי.razor.rz.scp.css */
.user-management-container[b-el32ljsm6u] {
    padding: 20px;
    max-width: 100%;
    overflow-x: auto;
}

.header-section[b-el32ljsm6u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}

.header-section h2[b-el32ljsm6u] {
    margin: 0;
    color: #333;
    font-size: 24px;
}

.stats[b-el32ljsm6u] {
    display: flex;
    gap: 20px;
}

.stat-item[b-el32ljsm6u] {
    background: #f5f5f5;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    border: 1px solid #ddd;
}

.table-container[b-el32ljsm6u] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.users-table[b-el32ljsm6u] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.users-table th[b-el32ljsm6u] {
    background: #f8f9fa;
    padding: 12px 8px;
    text-align: right;
    font-weight: 600;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.users-table td[b-el32ljsm6u] {
    padding: 12px 8px;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
    white-space: nowrap;
}

.users-table tr:hover[b-el32ljsm6u] {
    background-color: #f8f9fa;
}

.users-table tr.editing[b-el32ljsm6u] {
    background-color: #fff3cd;
    border: 2px solid #ffc107;
}

.edit-input[b-el32ljsm6u] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    background: white;
}

.edit-input:focus[b-el32ljsm6u] {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

.edit-checkbox[b-el32ljsm6u] {
    transform: scale(1.2);
    cursor: pointer;
}

.status[b-el32ljsm6u] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.status.active[b-el32ljsm6u] {
    background: #d4edda;
    color: #155724;
}

.status.inactive[b-el32ljsm6u] {
    background: #f8d7da;
    color: #721c24;
}

.no-data[b-el32ljsm6u] {
    color: #6c757d;
    font-style: italic;
}

.actions[b-el32ljsm6u] {
    text-align: center;
    width: 120px;
}

.action-btn[b-el32ljsm6u] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding: 4px 8px;
    margin: 0 2px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.action-btn:hover[b-el32ljsm6u] {
    background: rgba(0,0,0,0.1);
    transform: scale(1.1);
}

.action-btn.edit:hover[b-el32ljsm6u] {
    background: rgba(0,123,255,0.1);
}

.action-btn.save:hover[b-el32ljsm6u] {
    background: rgba(40,167,69,0.1);
}

.action-btn.cancel:hover[b-el32ljsm6u] {
    background: rgba(220,53,69,0.1);
}

.action-btn.delete:hover[b-el32ljsm6u] {
    background: rgba(220,53,69,0.1);
}

.action-btn.wallet:hover[b-el32ljsm6u] {
    background: rgba(255,193,7,0.1);
}

.no-users[b-el32ljsm6u] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.no-users p[b-el32ljsm6u] {
    font-size: 18px;
    margin: 0;
}

/* עיצוב כפתור הוספת משתמש */
.add-user-btn[b-el32ljsm6u] {
    background: #28a745;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.add-user-btn:hover[b-el32ljsm6u] {
    background: #218838;
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* עיצוב שורת הוספת משתמש חדש */
.users-table tr.adding-new-user[b-el32ljsm6u] {
    background-color: #d4edda;
    border: 2px solid #28a745;
}

.users-table tr.adding-new-user td[b-el32ljsm6u] {
    padding: 8px;
}

.users-table tr.adding-new-user .edit-input[b-el32ljsm6u] {
    background: white;
    border: 1px solid #28a745;
}

.users-table tr.adding-new-user .edit-input:focus[b-el32ljsm6u] {
    border-color: #218838;
    box-shadow: 0 0 0 2px rgba(40,167,69,0.25);
}

/* תגובה למסכים קטנים */
@media (max-width: 768px) {
    .user-management-container[b-el32ljsm6u] {
        padding: 10px;
    }
    
    .header-section[b-el32ljsm6u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .stats[b-el32ljsm6u] {
        flex-direction: column;
        gap: 8px;
    }
    
    .users-table[b-el32ljsm6u] {
        font-size: 12px;
    }
    
    .users-table th[b-el32ljsm6u],
    .users-table td[b-el32ljsm6u] {
        padding: 8px 4px;
    }
    
    .edit-input[b-el32ljsm6u] {
        font-size: 12px;
        padding: 2px 4px;
    }
    
    .add-user-btn[b-el32ljsm6u] {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
}

/* עיצוב שורת הארנק */
.wallet-row[b-el32ljsm6u] {
    background: #f8f9fa;
}

.wallet-cell[b-el32ljsm6u] {
    padding: 0 !important;
    border-top: none !important;
    border-bottom: 2px solid #dee2e6;
}

.wallet-cell > div[b-el32ljsm6u] {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
}
/* _content/aiapiflu/Components/ניהול/סייר_קבצים.razor.rz.scp.css */
/* עיצוב סייר הקבצים */
.file-explorer-container[b-2l6t3jen5c] {
    padding: 2rem;
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* מצב גרירה */
.file-explorer-container.dragging[b-2l6t3jen5c] {
    background: #e3f2fd;
}

/* שכבת גרירה */
.drag-overlay[b-2l6t3jen5c] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(25, 118, 210, 0.9);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    animation: fadeIn-b-2l6t3jen5c 0.2s ease;
}

.drag-message[b-2l6t3jen5c] {
    text-align: center;
    color: white;
    padding: 3rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    border: 3px dashed white;
    backdrop-filter: blur(10px);
}

.drag-icon[b-2l6t3jen5c] {
    font-size: 5rem;
    margin-bottom: 1rem;
    animation: bounce-b-2l6t3jen5c 1s infinite;
}

@keyframes bounce-b-2l6t3jen5c {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.drag-message h3[b-2l6t3jen5c] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    color: white;
}

.drag-message p[b-2l6t3jen5c] {
    margin: 0;
    font-size: 1.2rem;
    opacity: 0.9;
}

/* כותרת */
.explorer-header[b-2l6t3jen5c] {
    margin-bottom: 2rem;
}

.explorer-header h2[b-2l6t3jen5c] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    color: #2c3e50;
}

.explorer-header p[b-2l6t3jen5c] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* פס כלים */
.toolbar[b-2l6t3jen5c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: white;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    flex-wrap: wrap;
}

.toolbar-btn[b-2l6t3jen5c] {
    background: #ecf0f1;
    border: none;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
}

.toolbar-btn:hover:not(:disabled)[b-2l6t3jen5c] {
    background: #bdc3c7;
    transform: scale(1.05);
}

.toolbar-btn:disabled[b-2l6t3jen5c] {
    opacity: 0.3;
    cursor: not-allowed;
}

.toolbar-separator[b-2l6t3jen5c] {
    width: 1px;
    height: 30px;
    background: #ddd;
    margin: 0 0.5rem;
}

.current-path-display[b-2l6t3jen5c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    overflow: hidden;
}

.path-label[b-2l6t3jen5c] {
    font-weight: 600;
    color: #34495e;
    white-space: nowrap;
}

.path-value[b-2l6t3jen5c] {
    color: #2c3e50;
    font-family: 'Courier New', monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* תצוגת כוננים */
.drives-grid[b-2l6t3jen5c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.5rem;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    flex: 1;
    overflow-y: auto;
}

.drive-item[b-2l6t3jen5c] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    border-radius: 12px;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 3px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.drive-item:hover[b-2l6t3jen5c] {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 8px 20px rgba(52, 152, 219, 0.4);
    border-color: #1abc9c;
}

.drive-item:active[b-2l6t3jen5c] {
    transform: translateY(-2px) scale(0.98);
}

.drive-icon[b-2l6t3jen5c] {
    font-size: 3.5rem;
    margin-bottom: 0.75rem;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

.drive-info[b-2l6t3jen5c] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.drive-label[b-2l6t3jen5c] {
    font-weight: 700;
    color: white;
    font-size: 1.2rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    margin-bottom: 0.5rem;
}

.drive-stats[b-2l6t3jen5c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.drive-stat[b-2l6t3jen5c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
}

.stat-label[b-2l6t3jen5c] {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.stat-value[b-2l6t3jen5c] {
    color: white;
    font-weight: 700;
    font-family: 'Courier New', monospace;
}

.drive-progress-bar[b-2l6t3jen5c] {
    width: 100%;
    height: 8px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 0.25rem;
}

.drive-progress-fill[b-2l6t3jen5c] {
    height: 100%;
    background: linear-gradient(90deg, #2ecc71 0%, #27ae60 100%);
    border-radius: 4px;
    transition: width 0.3s ease;
    box-shadow: 0 0 8px rgba(46, 204, 113, 0.5);
}

/* תיקיות וקבצים */
.files-container[b-2l6t3jen5c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* פריט קובץ/תיקייה */
.file-item[b-2l6t3jen5c] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    position: relative;
}

.file-item:hover[b-2l6t3jen5c] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
    border-color: #3498db;
    background: #f8faff;
}

.file-item:active[b-2l6t3jen5c] {
    transform: translateY(-1px) scale(0.97);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.file-item.directory[b-2l6t3jen5c] {
    border-color: #f39c12;
}

.file-item.directory:hover[b-2l6t3jen5c] {
    border-color: #e67e22;
    background: #fff8e1;
}

.file-item.file[b-2l6t3jen5c] {
    border-color: #3498db;
}

.file-item.file:hover[b-2l6t3jen5c] {
    border-color: #2980b9;
    background: #e3f2fd;
}

.file-icon[b-2l6t3jen5c] {
    font-size: 3.5rem;
    margin-bottom: 0.75rem;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
    transition: transform 0.2s ease;
}

.file-item:hover .file-icon[b-2l6t3jen5c] {
    transform: scale(1.1);
}

.file-name[b-2l6t3jen5c] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.25rem;
    word-break: break-word;
    width: 100%;
    font-size: 0.95rem;
}

.file-type[b-2l6t3jen5c] {
    font-size: 0.75rem;
    color: #7f8c8d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* פס ניהול בתחתית */
.status-bar[b-2l6t3jen5c] {
    display: flex;
    align-items: center;
    gap: 2rem;
    background: #2c3e50;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    margin-top: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    flex-wrap: wrap;
}

.status-item[b-2l6t3jen5c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.status-item.status-path[b-2l6t3jen5c] {
    margin-right: auto;
    flex: 1;
    min-width: 200px;
}

.status-label[b-2l6t3jen5c] {
    font-weight: 600;
    color: #ecf0f1;
}

.status-value[b-2l6t3jen5c] {
    color: #3498db;
    font-weight: 500;
}

.status-path .status-value[b-2l6t3jen5c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ecf0f1;
}

/* מצב ריק */
.empty-state[b-2l6t3jen5c] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin: 2rem 0;
}

.empty-icon[b-2l6t3jen5c] {
    font-size: 5rem;
    margin-bottom: 1rem;
    opacity: 0.6;
}

.empty-state h3[b-2l6t3jen5c] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.5rem;
}

.empty-state p[b-2l6t3jen5c] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* דיאלוג התנגשות */
.conflict-dialog-wrapper[b-2l6t3jen5c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
}

/* חלון פרטי קובץ */
.file-details-modal[b-2l6t3jen5c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-2l6t3jen5c 0.3s ease;
}

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

.file-details-content[b-2l6t3jen5c] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    animation: slideUp-b-2l6t3jen5c 0.3s ease;
}

@keyframes slideUp-b-2l6t3jen5c {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-header[b-2l6t3jen5c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.modal-header h3[b-2l6t3jen5c] {
    margin: 0;
    color: #2c3e50;
}

.close-btn[b-2l6t3jen5c] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #7f8c8d;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.close-btn:hover[b-2l6t3jen5c] {
    background: #f5f5f5;
    color: #2c3e50;
}

.modal-body[b-2l6t3jen5c] {
    padding: 1.5rem;
}

.detail-row[b-2l6t3jen5c] {
    display: flex;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f0f0f0;
}

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

.detail-label[b-2l6t3jen5c] {
    font-weight: 600;
    color: #34495e;
    min-width: 120px;
}

.detail-value[b-2l6t3jen5c] {
    color: #2c3e50;
    word-break: break-word;
    flex: 1;
}

.modal-footer[b-2l6t3jen5c] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid #e0e0e0;
    justify-content: flex-end;
}

.modal-footer .btn[b-2l6t3jen5c] {
    margin: 0;
}

/* כפתורים */
.btn[b-2l6t3jen5c] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary[b-2l6t3jen5c] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
}

.btn-primary:hover[b-2l6t3jen5c] {
    background: linear-gradient(135deg, #2980b9 0%, #21618c 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4);
}

.btn-secondary[b-2l6t3jen5c] {
    background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);
    color: white;
}

.btn-secondary:hover[b-2l6t3jen5c] {
    background: linear-gradient(135deg, #7f8c8d 0%, #6c7a7d 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(149, 165, 166, 0.4);
}

/* חלון חיפוש */
.search-modal[b-2l6t3jen5c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1002;
    animation: fadeIn-b-2l6t3jen5c 0.3s ease;
}

.search-content[b-2l6t3jen5c] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 800px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    animation: slideUp-b-2l6t3jen5c 0.3s ease;
}

.search-header[b-2l6t3jen5c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.search-header h3[b-2l6t3jen5c] {
    margin: 0;
    color: #2c3e50;
}

.search-body[b-2l6t3jen5c] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.search-input-group[b-2l6t3jen5c] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.search-input[b-2l6t3jen5c] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.search-input:focus[b-2l6t3jen5c] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.search-input:disabled[b-2l6t3jen5c] {
    background: #f5f5f5;
    cursor: not-allowed;
}

.search-btn[b-2l6t3jen5c] {
    padding: 0.75rem 2rem;
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.search-btn:hover:not(:disabled)[b-2l6t3jen5c] {
    background: linear-gradient(135deg, #2980b9 0%, #21618c 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4);
}

.search-btn:disabled[b-2l6t3jen5c] {
    opacity: 0.6;
    cursor: not-allowed;
}

.stop-btn[b-2l6t3jen5c] {
    padding: 0.75rem 2rem;
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.stop-btn:hover[b-2l6t3jen5c] {
    background: linear-gradient(135deg, #c0392b 0%, #a93226 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.4);
}

.search-status[b-2l6t3jen5c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    justify-content: center;
    color: #7f8c8d;
}

.search-current-path[b-2l6t3jen5c] {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: #3498db;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.path-monospace[b-2l6t3jen5c] {
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    background: #f8f9fa;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    color: #2c3e50;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spinner[b-2l6t3jen5c] {
    width: 24px;
    height: 24px;
    border: 3px solid #e0e0e0;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin-b-2l6t3jen5c 1s linear infinite;
}

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

.search-results-header[b-2l6t3jen5c] {
    margin-bottom: 1rem;
    font-weight: 600;
    color: #2c3e50;
    font-size: 1.1rem;
}

.search-results-list[b-2l6t3jen5c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 400px;
    overflow-y: auto;
}

.search-result-item[b-2l6t3jen5c] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.search-result-item:hover[b-2l6t3jen5c] {
    background: #e3f2fd;
    border-color: #3498db;
    transform: translateX(-4px);
}

.result-icon[b-2l6t3jen5c] {
    font-size: 2.5rem;
    flex-shrink: 0;
}

.result-info[b-2l6t3jen5c] {
    flex: 1;
    min-width: 0;
}

.result-name[b-2l6t3jen5c] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.25rem;
    word-break: break-word;
}

.result-path[b-2l6t3jen5c] {
    font-size: 0.85rem;
    color: #7f8c8d;
    font-family: 'Courier New', monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-no-results[b-2l6t3jen5c] {
    text-align: center;
    padding: 3rem 2rem;
}

.no-results-icon[b-2l6t3jen5c] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.search-no-results h4[b-2l6t3jen5c] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.3rem;
}

.search-no-results p[b-2l6t3jen5c] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* התאמה למסכים קטנים */
@media (max-width: 768px) {
    .file-explorer-container[b-2l6t3jen5c] {
        padding: 1rem;
    }

    .toolbar[b-2l6t3jen5c] {
        flex-direction: column;
        align-items: stretch;
    }

    .toolbar-btn[b-2l6t3jen5c] {
        width: 100%;
    }

    .toolbar-separator[b-2l6t3jen5c] {
        display: none;
    }

    .drives-grid[b-2l6t3jen5c] {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 1rem;
    }

    .files-container[b-2l6t3jen5c] {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 0.75rem;
    }

    .drive-item[b-2l6t3jen5c] {
        padding: 1.25rem 0.75rem;
    }

    .drive-icon[b-2l6t3jen5c] {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .drive-label[b-2l6t3jen5c] {
        font-size: 1rem;
    }

    .drive-stat[b-2l6t3jen5c] {
        font-size: 0.75rem;
    }

    .drive-progress-bar[b-2l6t3jen5c] {
        height: 6px;
    }

    .file-item[b-2l6t3jen5c] {
        padding: 1rem 0.75rem;
    }

    .file-icon[b-2l6t3jen5c] {
        font-size: 2.5rem;
    }

    .modal-footer[b-2l6t3jen5c] {
        flex-direction: column;
    }

    .modal-footer .btn[b-2l6t3jen5c] {
        width: 100%;
    }

    .search-content[b-2l6t3jen5c] {
        width: 95%;
        max-height: 90vh;
    }

    .search-input-group[b-2l6t3jen5c] {
        flex-direction: column;
    }

    .search-btn[b-2l6t3jen5c], .stop-btn[b-2l6t3jen5c] {
        width: 100%;
    }

    .search-results-list[b-2l6t3jen5c] {
        max-height: 300px;
    }
}

/* דיאלוג יצירת תיקייה חדשה */
.new-folder-modal[b-2l6t3jen5c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1003;
    animation: fadeIn-b-2l6t3jen5c 0.3s ease;
}

.new-folder-content[b-2l6t3jen5c] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    animation: slideUp-b-2l6t3jen5c 0.3s ease;
}

.new-folder-header[b-2l6t3jen5c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.new-folder-header h3[b-2l6t3jen5c] {
    margin: 0;
    color: #2c3e50;
}

.new-folder-body[b-2l6t3jen5c] {
    padding: 1.5rem;
}

.input-group[b-2l6t3jen5c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.input-group label[b-2l6t3jen5c] {
    font-weight: 600;
    color: #34495e;
    font-size: 0.95rem;
}

.folder-name-input[b-2l6t3jen5c] {
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
}

.folder-name-input:focus[b-2l6t3jen5c] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.error-message[b-2l6t3jen5c] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #fee;
    border: 1px solid #fcc;
    border-radius: 6px;
    color: #c33;
    font-size: 0.9rem;
}

.new-folder-footer[b-2l6t3jen5c] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid #e0e0e0;
    justify-content: flex-end;
}

.new-folder-footer .btn[b-2l6t3jen5c] {
    margin: 0;
}

.new-folder-footer .btn:disabled[b-2l6t3jen5c] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

/* _content/aiapiflu/Components/ניהול/פרמטרים_מחוברים.razor.rz.scp.css */
/* עיצוב רכיב פרמטרים מחוברים */

.step-bindings-section[b-wm3q5vt2cb] {
    margin-top: 15px;
    padding: 12px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #007bff;
}

.step-bindings-section h5[b-wm3q5vt2cb] {
    margin: 0 0 10px 0;
    color: #495057;
    font-size: 14px;
    font-weight: 600;
}

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

.binding-item[b-wm3q5vt2cb] {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 10px;
    transition: all 0.2s ease;
}

.binding-item:hover[b-wm3q5vt2cb] {
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}

.binding-header[b-wm3q5vt2cb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.binding-param-name[b-wm3q5vt2cb] {
    font-weight: 600;
    color: #212529;
    font-size: 13px;
}

.binding-source-type[b-wm3q5vt2cb] {
    font-size: 11px;
    padding: 2px 6px;
    background-color: #e9ecef;
    color: #6c757d;
    border-radius: 12px;
    font-weight: 500;
}

.binding-details[b-wm3q5vt2cb] {
    font-size: 12px;
    color: #6c757d;
    line-height: 1.4;
}

.binding-description[b-wm3q5vt2cb] {
    display: block;
}

.binding-source-detail[b-wm3q5vt2cb] {
    color: #495057;
    font-style: italic;
}

/* עיצוב מיוחד לסוגי מקור שונים */
.binding-item[data-source-type="FlowInput"][b-wm3q5vt2cb] {
    border-left: 3px solid #28a745;
}

.binding-item[data-source-type="NodeOutput"][b-wm3q5vt2cb] {
    border-left: 3px solid #007bff;
}

.binding-item[data-source-type="ConstantValue"][b-wm3q5vt2cb] {
    border-left: 3px solid #ffc107;
}

/* עיצוב הודעה כשאין פרמטרים מחוברים */
.no-bindings-message[b-wm3q5vt2cb] {
    padding: 15px;
    text-align: center;
    background-color: #f8f9fa;
    border: 1px dashed #dee2e6;
    border-radius: 6px;
    margin-top: 8px;
}

.no-bindings-text[b-wm3q5vt2cb] {
    color: #6c757d;
    font-style: italic;
    font-size: 13px;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .binding-header[b-wm3q5vt2cb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .binding-source-type[b-wm3q5vt2cb] {
        align-self: flex-end;
    }
}
/* _content/aiapiflu/Components/ניהול/רכיב_תמלול.razor.rz.scp.css */
/* עיצוב רכיב תמלול */
.transcription-container[b-rjs0xm3alo] {
    padding: 2rem;
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* מצב גרירה */
.transcription-container.dragging[b-rjs0xm3alo] {
    background: #e3f2fd;
}

/* שכבת גרירה */
.drag-overlay[b-rjs0xm3alo] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(25, 118, 210, 0.9);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    animation: fadeIn-b-rjs0xm3alo 0.2s ease;
}

.drag-message[b-rjs0xm3alo] {
    text-align: center;
    color: white;
    padding: 3rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    border: 3px dashed white;
    backdrop-filter: blur(10px);
}

.drag-icon[b-rjs0xm3alo] {
    font-size: 5rem;
    margin-bottom: 1rem;
    animation: bounce-b-rjs0xm3alo 1s infinite;
}

@keyframes bounce-b-rjs0xm3alo {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.drag-message h3[b-rjs0xm3alo] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    color: white;
}

.drag-message p[b-rjs0xm3alo] {
    margin: 0;
    font-size: 1.2rem;
    opacity: 0.9;
}

/* כותרת */
.transcription-header[b-rjs0xm3alo] {
    margin-bottom: 2rem;
}

.transcription-header h2[b-rjs0xm3alo] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    color: #2c3e50;
}

.transcription-header p[b-rjs0xm3alo] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* בחירת משתמש */
.user-selection-section[b-rjs0xm3alo] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.user-selection-section label[b-rjs0xm3alo] {
    display: block;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.form-select[b-rjs0xm3alo] {
    width: 100%;
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.form-select:focus[b-rjs0xm3alo] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

/* אזור העלאת קבצים */
.file-upload-section[b-rjs0xm3alo] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.upload-methods[b-rjs0xm3alo] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.upload-btn[b-rjs0xm3alo] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.upload-btn:hover[b-rjs0xm3alo] {
    background: linear-gradient(135deg, #2980b9 0%, #21618c 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4);
}

.upload-btn:active[b-rjs0xm3alo] {
    transform: translateY(0);
}

/* רשימת קבצים שנבחרו */
.selected-files[b-rjs0xm3alo] {
    margin-top: 1.5rem;
}

.selected-files h3[b-rjs0xm3alo] {
    margin: 0 0 1rem 0;
    color: #2c3e50;
    font-size: 1.2rem;
}

.files-list[b-rjs0xm3alo] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.file-item[b-rjs0xm3alo] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    border: 2px solid #e0e0e0;
    transition: all 0.2s ease;
}

.file-item:hover[b-rjs0xm3alo] {
    background: #e3f2fd;
    border-color: #3498db;
}

.file-icon[b-rjs0xm3alo] {
    font-size: 2rem;
}

.file-name[b-rjs0xm3alo] {
    flex: 1;
    font-weight: 600;
    color: #2c3e50;
}

.file-size[b-rjs0xm3alo] {
    color: #7f8c8d;
    font-size: 0.9rem;
}

.remove-btn[b-rjs0xm3alo] {
    background: #e74c3c;
    color: white;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.remove-btn:hover[b-rjs0xm3alo] {
    background: #c0392b;
    transform: scale(1.1);
}

/* כפתור תמלול */
.transcription-actions[b-rjs0xm3alo] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: center;
}

.transcribe-btn[b-rjs0xm3alo] {
    background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.transcribe-btn:hover:not(:disabled)[b-rjs0xm3alo] {
    background: linear-gradient(135deg, #16a085 0%, #138d75 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26, 188, 156, 0.4);
}

.transcribe-btn:disabled[b-rjs0xm3alo] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* הודעת סטטוס */
.status-message[b-rjs0xm3alo] {
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-top: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    animation: slideIn-b-rjs0xm3alo 0.3s ease;
}

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

.status-message.success[b-rjs0xm3alo] {
    background: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

.status-message.error[b-rjs0xm3alo] {
    background: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

/* אנימציות */
@keyframes fadeIn-b-rjs0xm3alo {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* התאמה למסכים קטנים */
@media (max-width: 768px) {
    .transcription-container[b-rjs0xm3alo] {
        padding: 1rem;
    }

    .upload-methods[b-rjs0xm3alo] {
        flex-direction: column;
    }

    .upload-btn[b-rjs0xm3alo] {
        width: 100%;
    }

    .file-item[b-rjs0xm3alo] {
        flex-wrap: wrap;
    }

    .transcribe-btn[b-rjs0xm3alo] {
        width: 100%;
    }
}