@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

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

/* מצב סטודיו - אפס padding לצדדים */
.main-layout.studio-mode .flow-studio[b-4g8hybq92j] {
    padding: 0.5rem 0;
}

/* Hero קומפקטי */
.hero-compact[b-4g8hybq92j] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.5rem 1rem;
    background: rgba(23, 38, 63, 0.05);
    border-radius: 12px;
}

/* מצב סטודיו - Hero עם padding מינימלי */
.main-layout.studio-mode .hero-compact[b-4g8hybq92j] {
    padding: 0.5rem 0.75rem;
    border-radius: 0;
    margin: 0 0.75rem;
}

.project-selector-compact[b-4g8hybq92j] {
    border-radius: 8px;
    border: 1px solid #e1e8f0;
    padding: 0.4rem 0.75rem;
    font-size: 0.9rem;
    background: #ffffff;
    transition: all 0.2s ease;
    font-family: inherit;
    min-width: 200px;
}

.project-selector-compact:focus[b-4g8hybq92j] {
    border-color: #4b7bec;
    box-shadow: 0 0 0 3px rgba(75, 123, 236, 0.1);
    outline: none;
}

.primary[b-4g8hybq92j] {
    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-4g8hybq92j] {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(75, 123, 236, 0.4);
}

select[b-4g8hybq92j] {
    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-4g8hybq92j] {
    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-4g8hybq92j] {
    border-color: #a8b8d8;
    box-shadow: 0 6px 16px rgba(15, 46, 91, 0.08);
    transform: translateY(-1px);
}

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

/* מצב סטודיו - אפס padding וגבולות */
.main-layout.studio-mode .project-overview[b-4g8hybq92j] {
    padding: 0.75rem 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}

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

/* Header קומפקטי */
.project-header-compact[b-4g8hybq92j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

/* מצב סטודיו - Header עם padding מינימלי */
.main-layout.studio-mode .project-header-compact[b-4g8hybq92j] {
    padding: 0 0.75rem;
}

.project-info-compact h3[b-4g8hybq92j] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #17263f;
}

.project-description-compact[b-4g8hybq92j] {
    margin: 0.25rem 0 0;
    color: #6b7280;
    font-size: 0.85rem;
}

.project-actions-compact[b-4g8hybq92j] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

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

.secondary[b-4g8hybq92j] {
    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-4g8hybq92j] {
    background: rgba(72, 94, 144, 0.18);
}

.ghost[b-4g8hybq92j] {
    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-4g8hybq92j] {
    background: rgba(72, 94, 144, 0.14);
}

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

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

/* Timeline קומפקטי */
.timeline-compact[b-4g8hybq92j] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

/* מצב סטודיו - Timeline עם padding מינימלי */
.main-layout.studio-mode .timeline-compact[b-4g8hybq92j] {
    padding: 0 0.75rem;
}

.timeline__step-compact[b-4g8hybq92j] {
    background: rgba(75, 123, 236, 0.08);
    border-radius: 8px;
    padding: 0.4rem 0.75rem;
    border: 1px solid transparent;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
}

.timeline__step-compact:hover[b-4g8hybq92j] {
    background: rgba(75, 123, 236, 0.12);
    border-color: rgba(75, 123, 236, 0.3);
}

.timeline__step-compact--active[b-4g8hybq92j] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #ffffff;
    border-color: #4b7bec;
    box-shadow: 0 2px 8px rgba(75, 123, 236, 0.3);
}

.timeline__icon[b-4g8hybq92j] {
    font-size: 1rem;
}

.timeline__label[b-4g8hybq92j] {
    font-weight: 600;
    font-size: 0.85rem;
}

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

.card[b-4g8hybq92j] {
    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-4g8hybq92j] {
    margin: 0;
    font-size: 1.3rem;
    color: #17263f;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* כפתורי אייקונים */
.icon-btn[b-4g8hybq92j] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    cursor: pointer;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    padding: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.icon-btn:hover[b-4g8hybq92j] {
    background: #f3f4f6;
    border-color: #d1d5db;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.icon-btn:active[b-4g8hybq92j] {
    transform: translateY(0);
}

.icon-btn.danger-icon[b-4g8hybq92j] {
    color: #ed4c5c;
    border-color: rgba(237, 76, 92, 0.3);
}

.icon-btn.danger-icon:hover[b-4g8hybq92j] {
    background: rgba(237, 76, 92, 0.1);
    border-color: #ed4c5c;
}

/* שמירה - סטטוס מלוכלך ונקי */
.save-icon-dirty[b-4g8hybq92j] {
    background: linear-gradient(135deg, #ed4c5c, #e74c3c);
    border-color: #ed4c5c;
    color: #ffffff;
    animation: pulse-icon-b-4g8hybq92j 2s infinite;
}

.save-icon-dirty:hover[b-4g8hybq92j] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    transform: translateY(-2px);
}

.save-icon-clean[b-4g8hybq92j] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    border-color: #2ecc71;
    color: #ffffff;
    cursor: not-allowed;
    opacity: 0.6;
}

.save-icon-clean:hover[b-4g8hybq92j] {
    transform: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

@keyframes pulse-icon-b-4g8hybq92j {
    0% {
        box-shadow: 0 2px 8px rgba(237, 76, 92, 0.4);
    }
    50% {
        box-shadow: 0 2px 12px rgba(237, 76, 92, 0.6), 0 0 0 4px rgba(237, 76, 92, 0.15);
    }
    100% {
        box-shadow: 0 2px 8px rgba(237, 76, 92, 0.4);
    }
}
/* _content/aiapiflu/Components/FlowStudio/NodeBindingsDialog.razor.rz.scp.css */
.dialog-backdrop[b-1nnzk56d4c] {
    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-1nnzk56d4c] {
    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-1nnzk56d4c]::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-1nnzk56d4c] {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.binding-card[b-1nnzk56d4c] {
    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-1nnzk56d4c 0.5s ease-out;
}

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

.binding-card[b-1nnzk56d4c]::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-1nnzk56d4c] {
    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-1nnzk56d4c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

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

.binding-card header .pill[b-1nnzk56d4c] {
    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-1nnzk56d4c] {
    display: grid;
    gap: 1rem;
}

.option[b-1nnzk56d4c] {
    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-1nnzk56d4c]::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-1nnzk56d4c] {
    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-1nnzk56d4c] {
    accent-color: #4b7bec;
}

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

.node-selectors select[b-1nnzk56d4c] {
    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-1nnzk56d4c] {
    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-1nnzk56d4c] {
    border-color: #a8b8d8;
    box-shadow: 0 6px 16px rgba(15, 46, 91, 0.08);
    transform: translateY(-1px);
}

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

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

/* _content/aiapiflu/Components/FlowStudio/NodeDetailsPanel.razor.rz.scp.css */
.node-details-panel[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.connection-item[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    font-weight: 500;
    color: #666666;
}

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

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

.edit-button[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    background: #d4c4b0;
    color: #6b5a3a;
}

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

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

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

.connection-select[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

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

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

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

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

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

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

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

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

.edit-icon-button[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    background: #e8d5c4;
    opacity: 1;
    transform: scale(1.1);
}

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

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

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

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

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

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

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

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

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

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

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

.binding-option[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    background: #f0ebe5;
    border-color: #d4c4b0;
}

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

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

.binding-input[b-qjf7z8km4y],
.binding-select[b-qjf7z8km4y] {
    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-qjf7z8km4y],
.binding-select:focus[b-qjf7z8km4y] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

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

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

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

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

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

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

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

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

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

.error-strategy-select[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

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

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

.error-target-select[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

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

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

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

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

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

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

.parameter-type-radio[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    background: #f0ebe5;
}

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

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

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

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

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

.edit-settings-button[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    background: #6b5a3a;
}

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

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

.settings-summary-item[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    font-weight: 500;
    color: #666666;
    font-size: 0.9rem;
}

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

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

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

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

.rule-summary-item[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    color: #8b6f47;
    font-weight: 500;
    font-family: monospace;
}

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

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

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

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

.text-check-general-settings h6[b-qjf7z8km4y],
.text-check-rules-section h6[b-qjf7z8km4y],
.text-check-preview-section h6[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

.text-check-setting-input[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

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

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

.add-rule-button[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    background: #4a6b2a;
}

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

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

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

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

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

.text-check-rule-header[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.9rem;
}

.remove-rule-button[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    background: #9a6f0a;
}

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

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

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

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

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

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

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

.text-check-preview-branch[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    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-qjf7z8km4y] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    flex: 1;
}

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

.file-upload-area[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    border-color: #6b5a3a;
    background: #f5f1eb;
    transform: translateY(-1px);
}

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

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

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

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

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

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

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

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

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

.file-remove-button[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    background: #9a6f0a;
}

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

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

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

.model-selection-select[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

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

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

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

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

.model-selection-edit-actions[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    flex: 1;
}

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

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

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

.current-model-description[b-qjf7z8km4y] {
    font-size: 0.85rem;
    color: #666666;
}

/* עיצוב פלטים לפרמטרים גלובליים */
.output-item[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #e8ddd4;
    background: #f0ebe5;
}

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

.output-global-section[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #faf8f5;
    border-radius: 0.375rem;
    border: 1px dashed #d4c4b0;
}

.output-global-row[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.output-global-label[b-qjf7z8km4y],
.output-global-row-label[b-qjf7z8km4y] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #666666;
}

.output-global-select[b-qjf7z8km4y] {
    padding: 0.5rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: white;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
    cursor: pointer;
}

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

.output-global-options[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    border-top: 1px solid #e8ddd4;
}

.output-global-mode-options[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.output-global-mode-option[b-qjf7z8km4y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: white;
    border: 1px solid #e8ddd4;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.output-global-mode-option:hover[b-qjf7z8km4y] {
    background: #f5f1eb;
    border-color: #d4c4b0;
}

.output-global-mode-option input[type="radio"][b-qjf7z8km4y] {
    margin: 0;
    cursor: pointer;
}

.output-global-mode-option span[b-qjf7z8km4y] {
    font-size: 0.9rem;
    color: #2c2c2c;
}

.output-global-conditions[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.output-global-checkbox[b-qjf7z8km4y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: white;
    border: 1px solid #e8ddd4;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.output-global-checkbox:hover[b-qjf7z8km4y] {
    background: #f5f1eb;
    border-color: #d4c4b0;
}

.output-global-checkbox input[type="checkbox"][b-qjf7z8km4y] {
    margin: 0;
    cursor: pointer;
}

.output-global-checkbox span[b-qjf7z8km4y] {
    font-size: 0.9rem;
    color: #2c2c2c;
    font-style: italic;
    margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ai-form-select[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

.ai-form-textarea[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    outline: none;
    border-color: #8b6f47;
    box-shadow: 0 0 0 2px rgba(139, 111, 71, 0.1);
}

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

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

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

/* עיצוב כפתורי רדיו לבחירת ספק */
.ai-radio-group[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ai-radio-option[b-qjf7z8km4y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #faf8f5;
    border: 2px solid #e8ddd4;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ai-radio-option:hover[b-qjf7z8km4y] {
    background: #f5f1eb;
    border-color: #d4c4b0;
}

.ai-radio-option input[type="radio"][b-qjf7z8km4y] {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    accent-color: #8b6f47;
}

.ai-radio-option span[b-qjf7z8km4y] {
    font-weight: 500;
    color: #2c2c2c;
    font-size: 0.95rem;
}

.ai-radio-option:has(input:checked)[b-qjf7z8km4y] {
    background: #d4e6c1;
    border-color: #5a7c3a;
}

.ai-radio-option:has(input:checked) span[b-qjf7z8km4y] {
    color: #2c2c2c;
    font-weight: 600;
}

/* עיצוב תצוגת ספק */
.ai-provider-display[b-qjf7z8km4y] {
    padding: 0.75rem;
}

.ai-provider-badge[b-qjf7z8km4y] {
    padding: 1rem;
    background: #d4e6c1;
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    text-align: center;
}

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

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

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

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

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

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

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

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

.ai-message-preview[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    padding: 1rem;
    text-align: center;
    background: #f0ebe5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
}

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

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

.ai-temperature-value[b-qjf7z8km4y] {
    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-qjf7z8km4y] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c2c2c;
    font-family: monospace;
}

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

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

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

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

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

.ai-temperature-slider[b-qjf7z8km4y]::-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-qjf7z8km4y]::-webkit-slider-thumb:hover {
    background: #6b5a3a;
    transform: scale(1.1);
}

.ai-temperature-slider[b-qjf7z8km4y]::-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-qjf7z8km4y]::-moz-range-thumb:hover {
    background: #6b5a3a;
    transform: scale(1.1);
}

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

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

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

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

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

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

/* עיצוב פרמטרים גלובליים עבור פלטים */
.output-global-section[b-qjf7z8km4y] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8ddd4;
}

.output-global-row[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.output-global-row:last-child[b-qjf7z8km4y] {
    margin-bottom: 0;
}

.output-global-label[b-qjf7z8km4y],
.output-global-row-label[b-qjf7z8km4y] {
    font-weight: 500;
    color: #666666;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.output-global-select[b-qjf7z8km4y] {
    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;
    cursor: pointer;
}

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

.output-global-options[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f5f1eb;
    border-radius: 0.5rem;
    border: 1px solid #e8ddd4;
    margin-top: 0.5rem;
}

.output-global-mode-options[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.output-global-mode-option[b-qjf7z8km4y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #faf8f5;
    border: 1px solid #e8ddd4;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.output-global-mode-option:hover[b-qjf7z8km4y] {
    background: #f0ebe5;
    border-color: #d4c4b0;
}

.output-global-mode-option input[type="radio"][b-qjf7z8km4y] {
    margin: 0;
    accent-color: #8b6f47;
}

.output-global-mode-option span[b-qjf7z8km4y] {
    font-size: 0.9rem;
    color: #2c2c2c;
    font-weight: 500;
}

.output-global-mode-option:has(input:checked)[b-qjf7z8km4y] {
    background: #d4e6c1;
    border-color: #5a7c3a;
}

.output-global-mode-option:has(input:checked) span[b-qjf7z8km4y] {
    color: #2c2c2c;
    font-weight: 600;
}

.output-global-conditions[b-qjf7z8km4y] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.output-global-checkbox[b-qjf7z8km4y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #faf8f5;
    border: 1px solid #e8ddd4;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.output-global-checkbox:hover[b-qjf7z8km4y] {
    background: #f0ebe5;
    border-color: #d4c4b0;
}

.output-global-checkbox input[type="checkbox"][b-qjf7z8km4y] {
    margin: 0;
    accent-color: #8b6f47;
}

.output-global-checkbox span[b-qjf7z8km4y] {
    font-size: 0.9rem;
    color: #2c2c2c;
    font-weight: 500;
}

.output-global-checkbox:has(input:checked)[b-qjf7z8km4y] {
    background: #d4e6c1;
    border-color: #5a7c3a;
}

.output-global-checkbox:has(input:checked) span[b-qjf7z8km4y] {
    color: #2c2c2c;
    font-weight: 600;
}

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

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

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

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

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

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

    .ai-temperature-number[b-qjf7z8km4y] {
        font-size: 1.25rem;
    }
}

/* עיצוב עורך סקריפט בפרמטר */
.script-editor-container[b-qjf7z8km4y] {
    margin-top: 8px;
}

.script-input[b-qjf7z8km4y] {
    width: 100%;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 13px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f9f9f9;
}

.script-help[b-qjf7z8km4y] {
    margin-top: 6px;
    padding: 6px;
    background: #fff9e6;
    border-radius: 4px;
    color: #666;
}

.script-help code[b-qjf7z8km4y] {
    background: #f0f0f0;
    padding: 2px 4px;
    border-radius: 3px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
}
/* _content/aiapiflu/Components/FlowStudio/RunnerPanel.razor.rz.scp.css */
.runner-panel[b-2o42y8bcll] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
}

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

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

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

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

.timeline-flow__index[b-2o42y8bcll] {
    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-2o42y8bcll] {
    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-2o42y8bcll 0.5s ease-out;
}

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

.timeline-flow__content[b-2o42y8bcll]::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-2o42y8bcll] {
    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-2o42y8bcll] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.timeline-flow__content .badge[b-2o42y8bcll] {
    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-2o42y8bcll] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.io-grid > div[b-2o42y8bcll] {
    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-2o42y8bcll] {
    background: rgba(75, 123, 236, 0.08);
    border-color: rgba(75, 123, 236, 0.15);
    transform: translateY(-1px);
}

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

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

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

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

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

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

.results-card section[b-2o42y8bcll] {
    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-2o42y8bcll]::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-2o42y8bcll] {
    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-2o42y8bcll] {
    margin: 0 0 0.8rem;
    font-size: 1rem;
    color: #122044;
    font-weight: 600;
}

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

.results-card section ul li[b-2o42y8bcll] {
    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-2o42y8bcll] {
    border-bottom: none;
}

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

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

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

.step-header[b-2o42y8bcll] {
    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-2o42y8bcll] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.step-card[b-2o42y8bcll] {
    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-2o42y8bcll] {
    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-2o42y8bcll] {
    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-2o42y8bcll] {
    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-2o42y8bcll] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.input-output-section[b-2o42y8bcll] {
    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-2o42y8bcll] {
    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-2o42y8bcll] {
    background: rgba(75, 123, 236, 0.15);
}

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

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

.parameter-item[b-2o42y8bcll] {
    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-2o42y8bcll] {
    font-weight: 600;
    color: #1a3f92;
    font-size: 0.85rem;
}

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

.binding-info[b-2o42y8bcll] {
    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-2o42y8bcll] {
    font-size: 0.75rem;
    color: #1a3f92;
    font-weight: 500;
    display: block;
}

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

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

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

.context-changes[b-2o42y8bcll] {
    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-2o42y8bcll] {
    margin: 0 0 0.8rem;
    color: #1a3f92;
    font-size: 0.9rem;
    font-weight: 600;
}

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

.context-item[b-2o42y8bcll] {
    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-2o42y8bcll] {
    font-weight: 600;
    color: #1a3f92;
    font-size: 0.85rem;
}

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

.error-details[b-2o42y8bcll] {
    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-2o42y8bcll] {
    margin: 0 0 0.8rem;
    color: #ee5a52;
    font-size: 0.9rem;
    font-weight: 600;
}

.error-content[b-2o42y8bcll] {
    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-2o42y8bcll] {
    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-2o42y8bcll] {
    margin: 0 0 1rem;
    color: #ee5a52;
    font-size: 1rem;
    font-weight: 600;
}

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

.error-summary-item[b-2o42y8bcll] {
    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-2o42y8bcll] {
    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-2o42y8bcll] {
    margin: 0 0 1rem;
    color: #1a3f92;
    font-size: 1rem;
    font-weight: 600;
}

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

.context-final-item[b-2o42y8bcll] {
    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-2o42y8bcll] {
        grid-template-columns: 1fr;
    }

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

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

    .timeline-flow__index[b-2o42y8bcll] {
        width: 32px;
        height: 32px;
    }

    .parameters-grid[b-2o42y8bcll] {
        grid-template-columns: 1fr;
    }

    .context-grid[b-2o42y8bcll] {
        grid-template-columns: 1fr;
    }

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

/* עיצוב דיבוג מפורט */
.debug-info[b-2o42y8bcll] {
    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-2o42y8bcll] {
    margin: 0 0 0.8rem;
    color: #856404;
    font-size: 0.95rem;
    font-weight: 600;
}

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

.debug-message[b-2o42y8bcll] {
    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-2o42y8bcll] {
    border-left-color: rgba(40, 167, 69, 0.6);
}

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

/* כפתורי פעולה משניים ומסוכנים */
button.secondary[b-2o42y8bcll] {
    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-2o42y8bcll] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4);
}

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

button.danger[b-2o42y8bcll] {
    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-2o42y8bcll] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
}

button.danger:active[b-2o42y8bcll] {
    transform: translateY(0);
}
/* _content/aiapiflu/Components/FlowStudio/WizardProjectDialog.razor.rz.scp.css */
.wizard-modal[b-37rjq581vq] {
    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-37rjq581vq] {
    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-37rjq581vq]::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-37rjq581vq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.close-button[b-37rjq581vq] {
    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-37rjq581vq] {
    color: #2f3b55;
    background: rgba(108, 122, 146, 0.1);
}

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

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

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

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

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

.primary[b-37rjq581vq] {
    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-37rjq581vq] {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(75, 123, 236, 0.4);
}

.secondary[b-37rjq581vq] {
    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-37rjq581vq] {
    border-color: #a2b0c7;
    background: #f8f9fc;
    box-shadow: 0 8px 20px rgba(15, 46, 91, 0.08);
}

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

@keyframes wizard-pop-b-37rjq581vq {
    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-37rjq581vq] {
    animation: backdropFade-b-37rjq581vq 0.3s ease-out;
}

@keyframes backdropFade-b-37rjq581vq {
    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-kw9gy41e6p] {
    background: white;
    border-radius: 8px;
    padding: 20px;
}

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

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

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

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

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

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

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

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

.project-settings__param-type[b-kw9gy41e6p] {
    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-kw9gy41e6p] {
    padding: 15px;
    background: #fff9e6;
    border: 1px solid #f39c12;
    border-radius: 4px;
    color: #856404;
    text-align: center;
    font-style: italic;
}

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

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

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

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

.project-settings__btn-remove[b-kw9gy41e6p] {
    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-kw9gy41e6p] {
    background: #c0392b;
}

.project-settings__btn-add[b-kw9gy41e6p] {
    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-kw9gy41e6p] {
    background: #229954;
}

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

.project-settings__btn-save[b-kw9gy41e6p] {
    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-kw9gy41e6p] {
    background: #2980b9;
}

.project-settings__btn-cancel[b-kw9gy41e6p] {
    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-kw9gy41e6p] {
    background: #7f8c8d;
}

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

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

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

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

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

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

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

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

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

/* _content/aiapiflu/Components/FlowStudio/לוח_טאבים.razor.rz.scp.css */
/* מיכל הטאבים */
.tab-container[b-r3bi7xs1t4] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
}

/* סרגל הטאבים */
.tab-container__tabs[b-r3bi7xs1t4] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 12px;
    flex-shrink: 0;
}

/* כפתור טאב */
.tab-container__tab[b-r3bi7xs1t4] {
    flex: 1;
    padding: 8px 12px;
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
}

.tab-container__tab:hover[b-r3bi7xs1t4] {
    color: #8b6f47;
    background: rgba(139, 111, 71, 0.05);
}

/* טאב פעיל */
.tab-container__tab--active[b-r3bi7xs1t4] {
    color: #8b6f47;
    border-bottom-color: #8b6f47;
    font-weight: 600;
}

.tab-container__tab--active:hover[b-r3bi7xs1t4] {
    background: transparent;
}

/* תוכן הטאבים */
.tab-container__content[b-r3bi7xs1t4] {
    min-height: 100px;
    max-height: 70vh;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

/* עיצוב גלילה */
.tab-container__content[b-r3bi7xs1t4]::-webkit-scrollbar {
    width: 8px;
}

.tab-container__content[b-r3bi7xs1t4]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.tab-container__content[b-r3bi7xs1t4]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.tab-container__content[b-r3bi7xs1t4]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* תוכן ריק */
.tab-container__empty[b-r3bi7xs1t4] {
    padding: 20px;
    text-align: center;
    color: #9ca3af;
}

.tab-container__empty p[b-r3bi7xs1t4] {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 500;
}

.tab-container__empty small[b-r3bi7xs1t4] {
    font-size: 12px;
    color: #d1d5db;
}

/* _content/aiapiflu/Components/FlowStudio/מסך_פרויקטים.razor.rz.scp.css */
.project-screen[b-865f3o173w] {
    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-865f3o173w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

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

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

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

.project-screen__active-pill[b-865f3o173w] {
    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-865f3o173w] {
    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-865f3o173w] {
    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-865f3o173w] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.project-table th[b-865f3o173w] {
    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-865f3o173w] {
    padding: 1rem 0.8rem;
    border-bottom: 1px solid rgba(56, 103, 214, 0.08);
    vertical-align: top;
}

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

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

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

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

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

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

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

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

.project-table__node-count[b-865f3o173w] {
    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-865f3o173w] {
    color: #6c7a92;
    font-size: 0.9rem;
    direction: ltr;
    text-align: left;
}

.project-table__status[b-865f3o173w] {
    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-865f3o173w] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #ffffff;
}

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

.project-table__action-button[b-865f3o173w] {
    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-865f3o173w] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    padding: 0.5rem 1rem;
    min-width: auto;
    height: auto;
}

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

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

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

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

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

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

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

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

.project-table__input[b-865f3o173w] {
    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-865f3o173w] {
    outline: none;
    border-color: #3867d6;
    box-shadow: 0 0 0 3px rgba(56, 103, 214, 0.1);
}

.project-table__textarea[b-865f3o173w] {
    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-865f3o173w] {
    outline: none;
    border-color: #3867d6;
    box-shadow: 0 0 0 3px rgba(56, 103, 214, 0.1);
}

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

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

.project-table__checkbox-text[b-865f3o173w] {
    font-weight: 500;
}

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

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

    .project-screen__actions[b-865f3o173w] {
        justify-content: space-between;
    }

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

    .project-table__description[b-865f3o173w] {
        max-width: 150px;
    }
}

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

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

    .project-table__description[b-865f3o173w] {
        max-width: 120px;
    }

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

/* _content/aiapiflu/Components/FlowStudio/סטטיסטיקות_צמתים.razor.rz.scp.css */
.node-statistics[b-m26mruowdy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 220px;
}

/* פריט מרכזי */
.node-statistics__item[b-m26mruowdy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: linear-gradient(135deg, #f0ebe5 0%, #faf8f5 100%);
    border-radius: 6px;
    border: 1px solid #e8ddd4;
}

.node-statistics__icon[b-m26mruowdy] {
    font-size: 24px;
    line-height: 1;
}

.node-statistics__details[b-m26mruowdy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.node-statistics__label[b-m26mruowdy] {
    font-size: 12px;
    font-weight: 500;
    color: #666666;
}

.node-statistics__value[b-m26mruowdy] {
    font-size: 24px;
    font-weight: 700;
    color: #2c2c2c;
    line-height: 1;
}

/* פירוט לפי סוג */
.node-statistics__breakdown[b-m26mruowdy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.node-statistics__breakdown-title[b-m26mruowdy] {
    font-size: 11px;
    font-weight: 600;
    color: #8b6f47;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.node-statistics__breakdown-item[b-m26mruowdy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    background: #faf8f5;
    border-radius: 4px;
    border: 1px solid #f0ebe5;
    transition: all 0.2s ease;
}

.node-statistics__breakdown-item:hover[b-m26mruowdy] {
    background: #f5f1eb;
    border-color: #e8ddd4;
    transform: translateX(-2px);
}

.node-statistics__breakdown-label[b-m26mruowdy] {
    font-size: 12px;
    color: #2c2c2c;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

.node-statistics__breakdown-count[b-m26mruowdy] {
    font-size: 12px;
    font-weight: 700;
    color: #8b6f47;
    background: #e8ddd4;
    padding: 2px 8px;
    border-radius: 10px;
    min-width: 24px;
    text-align: center;
}

.node-statistics__breakdown-more[b-m26mruowdy] {
    font-size: 11px;
    color: #999999;
    font-style: italic;
    text-align: center;
    padding: 4px;
}

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

/* מסגרת כללית */
.node-special-settings[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

.edit-settings-button[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    background: #6b5a3a;
    transform: translateY(-1px);
}

/* עיצוב עורך הגדרות בדיקת טקסט */
.text-check-edit-form[b-m3rg3e1y7j] {
    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-m3rg3e1y7j],
.text-check-rules-section[b-m3rg3e1y7j],
.text-check-preview-section[b-m3rg3e1y7j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.text-check-general-settings h6[b-m3rg3e1y7j],
.text-check-rules-section h6[b-m3rg3e1y7j],
.text-check-preview-section h6[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

.text-check-setting-input[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    border-color: #c4b4a0;
    transform: translateY(-1px);
}

.text-check-setting-input:focus[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    font-size: 0.8rem;
    color: #666666;
    font-style: italic;
}

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

.add-rule-button[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    background: #4a6b2a;
    transform: translateY(-1px);
}

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

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

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

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

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

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

.text-check-rule-header[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.9rem;
}

.remove-rule-button[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    background: #9a6f0a;
    transform: scale(1.1);
}

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

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

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

.text-check-rule-field-input[b-m3rg3e1y7j],
.text-check-rule-field-select[b-m3rg3e1y7j] {
    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-m3rg3e1y7j],
.text-check-rule-field-select:hover[b-m3rg3e1y7j] {
    border-color: #c4b4a0;
    transform: translateY(-1px);
}

.text-check-rule-field-input:focus[b-m3rg3e1y7j],
.text-check-rule-field-select:focus[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    color: #666666;
    font-weight: 500;
}

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

.text-check-preview-branch[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    background: #5a7c3a;
    color: white;
    border: none;
}

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

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

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

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

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

.settings-summary-item[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    background: #f0ebe5;
    transform: translateY(-1px);
}

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

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

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

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

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

.rule-summary-item[b-m3rg3e1y7j] {
    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-m3rg3e1y7j] {
    background: #f0ebe5;
    transform: translateY(-1px);
}

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

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

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

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

/* מסגרת כללית */
.node-special-settings[b-wcw9vdhyro] {
    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-wcw9vdhyro] {
    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-wcw9vdhyro] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

.edit-settings-button[b-wcw9vdhyro] {
    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-wcw9vdhyro] {
    background: #6b5a3a;
    transform: translateY(-1px);
}

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

.file-upload-area[b-wcw9vdhyro] {
    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-wcw9vdhyro] {
    border-color: #6b5a3a;
    background: #f5f1eb;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(139, 111, 71, 0.2);
}

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

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

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

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

.file-selected-info[b-wcw9vdhyro] {
    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-wcw9vdhyro] {
    font-size: 1.2rem;
    color: #5a7c3a;
}

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

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

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

.file-remove-button[b-wcw9vdhyro] {
    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-wcw9vdhyro] {
    background: #9a6f0a;
    transform: scale(1.1);
}

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

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

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

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

/* מסגרת כללית */
.node-special-settings[b-9aw79edgyd] {
    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-9aw79edgyd] {
    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-9aw79edgyd] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

.edit-settings-button[b-9aw79edgyd] {
    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-9aw79edgyd] {
    background: #6b5a3a;
    transform: translateY(-1px);
}

/* סקציות עורך */
.ai-settings-section[b-9aw79edgyd] {
    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-9aw79edgyd] {
    margin-bottom: 0;
}

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

/* טפסים */
.ai-model-selection-form[b-9aw79edgyd],
.ai-system-message-form[b-9aw79edgyd],
.ai-temperature-form[b-9aw79edgyd],
.ai-gemini-thinking-budget-form[b-9aw79edgyd],
.ai-provider-selection-form[b-9aw79edgyd],
.ai-reasoning-effort-form[b-9aw79edgyd] {
    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-9aw79edgyd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.ai-form-select[b-9aw79edgyd] {
    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-9aw79edgyd] {
    border-color: #c4b4a0;
    transform: translateY(-1px);
}

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

.ai-form-textarea[b-9aw79edgyd] {
    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-9aw79edgyd] {
    border-color: #c4b4a0;
    transform: translateY(-1px);
}

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

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

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

.ai-form-actions button.small[b-9aw79edgyd] {
    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-9aw79edgyd] {
    background: #5a7c3a;
    color: white;
    border: none;
}

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

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

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

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

.ai-model-card[b-9aw79edgyd] {
    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-9aw79edgyd] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 1rem;
}

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

.ai-no-model[b-9aw79edgyd] {
    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-9aw79edgyd] {
    color: #8b6f47;
    font-weight: 500;
}

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

.ai-message-preview[b-9aw79edgyd] {
    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-9aw79edgyd] {
    padding: 1rem;
    text-align: center;
    background: #f0ebe5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
}

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

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

.ai-temperature-value[b-9aw79edgyd] {
    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-9aw79edgyd] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c2c2c;
    font-family: monospace;
}

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

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

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

/* עיצוב slider ל-Temperature */
.ai-temperature-slider-container[b-9aw79edgyd] {
    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-9aw79edgyd] {
    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-9aw79edgyd] {
    background: #d4c4b0;
}

.ai-temperature-slider[b-9aw79edgyd]::-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-9aw79edgyd]::-webkit-slider-thumb:hover {
    background: #6b5a3a;
    transform: scale(1.1);
}

.ai-temperature-slider[b-9aw79edgyd]::-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-9aw79edgyd]::-moz-range-thumb:hover {
    background: #6b5a3a;
    transform: scale(1.1);
}

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

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

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

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

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

/* שדה קלט מספרי */
.ai-form-input[b-9aw79edgyd] {
    padding: 0.75rem;
    border: 1px solid #d4c4b0;
    border-radius: 0.375rem;
    background: #faf8f5;
    color: #2c2c2c;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    width: 100%;
}

.ai-form-input:hover[b-9aw79edgyd] {
    border-color: #c4b4a0;
    transform: translateY(-1px);
}

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

/* כפתורי רדיו */
.ai-radio-group[b-9aw79edgyd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #faf8f5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
}

.ai-radio-option[b-9aw79edgyd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: white;
    border: 2px solid #e8ddd4;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ai-radio-option:hover[b-9aw79edgyd] {
    border-color: #c4b4a0;
    transform: translateX(4px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ai-radio-option input[type="radio"][b-9aw79edgyd] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #8b6f47;
}

.ai-radio-option input[type="radio"]:checked + span[b-9aw79edgyd] {
    font-weight: 600;
    color: #8b6f47;
}

.ai-radio-option span[b-9aw79edgyd] {
    flex: 1;
    color: #2c2c2c;
    font-size: 0.95rem;
    transition: all 0.2s ease;
}

/* תצוגת תקציב חשיבה */
.ai-gemini-thinking-budget-display[b-9aw79edgyd] {
    padding: 0.75rem;
}

.ai-gemini-thinking-budget-value[b-9aw79edgyd] {
    padding: 1rem;
    background: linear-gradient(135deg, #d4e6c1 0%, #c8e0b8 100%);
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px rgba(90, 124, 58, 0.2);
    transition: all 0.3s ease;
}

.ai-gemini-thinking-budget-value:hover[b-9aw79edgyd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(90, 124, 58, 0.3);
}

.ai-gemini-thinking-budget-name[b-9aw79edgyd] {
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

.ai-no-gemini-thinking-budget[b-9aw79edgyd] {
    padding: 1rem;
    text-align: center;
    background: #f0ebe5;
    border: 1px solid #e8ddd4;
    border-radius: 0.5rem;
}

.ai-no-gemini-thinking-budget-text[b-9aw79edgyd] {
    color: #666666;
    font-style: italic;
}

/* תצוגת ספק */
.ai-provider-display[b-9aw79edgyd] {
    padding: 0.75rem;
}

.ai-provider-badge[b-9aw79edgyd] {
    padding: 1rem;
    background: linear-gradient(135deg, #d4e6c1 0%, #c8e0b8 100%);
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px rgba(90, 124, 58, 0.2);
    transition: all 0.3s ease;
}

.ai-provider-badge:hover[b-9aw79edgyd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(90, 124, 58, 0.3);
}

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

/* תצוגת Reasoning Effort */
.ai-reasoning-effort-display[b-9aw79edgyd] {
    padding: 0.75rem;
}

.ai-reasoning-effort-value[b-9aw79edgyd] {
    padding: 1rem;
    background: linear-gradient(135deg, #d4e6c1 0%, #c8e0b8 100%);
    border: 1px solid #5a7c3a;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px rgba(90, 124, 58, 0.2);
    transition: all 0.3s ease;
}

.ai-reasoning-effort-value:hover[b-9aw79edgyd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(90, 124, 58, 0.3);
}

.ai-reasoning-effort-name[b-9aw79edgyd] {
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
}

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

.ai-no-reasoning-effort-text[b-9aw79edgyd] {
    color: #666666;
    font-style: italic;
}

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

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

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

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

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

    .ai-temperature-number[b-9aw79edgyd] {
        font-size: 1.25rem;
    }

    .ai-radio-group[b-9aw79edgyd] {
        gap: 0.5rem;
    }

    .ai-radio-option[b-9aw79edgyd] {
        padding: 0.5rem;
    }
}
/* _content/aiapiflu/Components/FlowStudio/עורכים/עורך_צומת_סקריפט.razor.rz.scp.css */
/* 🎨 עיצוב עורך צומת סקריפט */

.script-editor[b-iupezec8nj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.script-editor__header[b-iupezec8nj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #dee2e6;
}

.script-editor__header h5[b-iupezec8nj] {
    margin: 0;
    font-size: 1.1rem;
    color: #495057;
}

.script-editor__actions[b-iupezec8nj] {
    display: flex;
    gap: 0.5rem;
}

.btn-small[b-iupezec8nj] {
    padding: 0.4rem 0.8rem;
    font-size: 0.85rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-check[b-iupezec8nj] {
    background: #007bff;
    color: white;
}

.btn-check:hover:not(:disabled)[b-iupezec8nj] {
    background: #0056b3;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

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

.script-editor__content[b-iupezec8nj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* אזור עריכת הקוד */
.script-editor__code-area[b-iupezec8nj] {
    position: relative;
    border: 1px solid #ced4da;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}

.script-editor__textarea[b-iupezec8nj] {
    width: 100%;
    min-height: 300px;
    max-height: 500px;
    padding: 12px 12px 12px 50px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.6;
    border: none;
    resize: vertical;
    outline: none;
    direction: ltr;
    text-align: left;
    tab-size: 4;
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: auto;
    background: #ffffff;
    box-sizing: border-box;
}

.script-editor__textarea[b-iupezec8nj]::placeholder {
    color: #adb5bd;
    font-style: italic;
}

.script-editor__line-numbers[b-iupezec8nj] {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    background: #f1f3f5;
    border-right: 1px solid #dee2e6;
    padding: 12px 8px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 13px;
    line-height: 1.6;
    color: #868e96;
    text-align: right;
    user-select: none;
    pointer-events: none;
    z-index: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.line-number[b-iupezec8nj] {
    height: 22.4px; /* מתאים ל-line-height של 1.6 ופונט 14px */
}

/* תוצאות בדיקה */
.script-editor__result[b-iupezec8nj] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem;
    border-radius: 6px;
    border: 1px solid;
    animation: slideIn-b-iupezec8nj 0.3s ease;
}

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

.script-editor__result.success[b-iupezec8nj] {
    background: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.script-editor__result.error[b-iupezec8nj] {
    background: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.result-icon[b-iupezec8nj] {
    font-size: 1.25rem;
    line-height: 1;
}

.result-content[b-iupezec8nj] {
    flex: 1;
}

.result-message[b-iupezec8nj] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.result-errors[b-iupezec8nj] {
    margin: 0;
    padding-right: 1.25rem;
    list-style-type: disc;
}

.result-errors li[b-iupezec8nj] {
    margin-bottom: 0.25rem;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9rem;
}

/* טאבים */
.script-editor__tabs[b-iupezec8nj] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    overflow: hidden;
}

.tabs-header[b-iupezec8nj] {
    display: flex;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.tab-button[b-iupezec8nj] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.9rem;
    color: #6c757d;
    transition: all 0.2s ease;
    border-bottom: 3px solid transparent;
}

.tab-button:hover[b-iupezec8nj] {
    background: #e9ecef;
    color: #495057;
}

.tab-button.active[b-iupezec8nj] {
    background: white;
    color: #007bff;
    font-weight: 600;
    border-bottom-color: #007bff;
}

.tabs-content[b-iupezec8nj] {
    max-height: 400px;
    overflow-y: auto;
}

.tab-panel[b-iupezec8nj] {
    padding: 1rem;
}

.tab-panel h6[b-iupezec8nj] {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #495057;
    font-size: 0.95rem;
}

.tab-panel code[b-iupezec8nj] {
    background: #f8f9fa;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    color: #d63384;
}

/* רשימת משתנים */
.variables-list[b-iupezec8nj] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.variable-item[b-iupezec8nj] {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.variable-name[b-iupezec8nj] {
    font-weight: 600;
    color: #0066cc;
}

.variable-type[b-iupezec8nj] {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 500;
}

.variable-desc[b-iupezec8nj] {
    font-size: 0.85rem;
    color: #868e96;
    font-style: italic;
}

/* פונקציות עזר */
.helpers-categories[b-iupezec8nj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.helpers-categories details[b-iupezec8nj] {
    border: 1px solid #e9ecef;
    border-radius: 4px;
    padding: 0.5rem;
    background: #f8f9fa;
}

.helpers-categories summary[b-iupezec8nj] {
    cursor: pointer;
    font-weight: 600;
    padding: 0.5rem;
    user-select: none;
    color: #495057;
    transition: color 0.2s ease;
}

.helpers-categories summary:hover[b-iupezec8nj] {
    color: #007bff;
}

.helpers-list[b-iupezec8nj] {
    list-style: none;
    margin: 0.75rem 0 0 0;
    padding: 0 0 0 1.5rem;
}

.helpers-list li[b-iupezec8nj] {
    padding: 0.5rem 0;
    border-bottom: 1px solid #e9ecef;
    font-size: 0.875rem;
}

.helpers-list li:last-child[b-iupezec8nj] {
    border-bottom: none;
}

.helpers-list code[b-iupezec8nj] {
    display: block;
    margin-bottom: 0.25rem;
}

/* דוגמאות */
.examples-list[b-iupezec8nj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.example-item[b-iupezec8nj] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    overflow: hidden;
}

.example-title[b-iupezec8nj] {
    padding: 0.75rem 1rem;
    background: #e9ecef;
    font-weight: 600;
    color: #495057;
    border-bottom: 1px solid #dee2e6;
}

.example-code[b-iupezec8nj] {
    margin: 0;
    padding: 1rem;
    background: #2d2d2d;
    color: #f8f8f2;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    overflow-x: auto;
    direction: ltr;
    text-align: left;
}

/* תיעוד */
.docs-content[b-iupezec8nj] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.doc-section[b-iupezec8nj] {
    padding: 1rem;
    background: #f8f9fa;
    border-right: 4px solid #007bff;
    border-radius: 4px;
}

.doc-section strong[b-iupezec8nj] {
    display: block;
    margin-bottom: 0.75rem;
    color: #495057;
    font-size: 1rem;
}

.doc-section ul[b-iupezec8nj] {
    margin: 0;
    padding-right: 1.5rem;
}

.doc-section li[b-iupezec8nj] {
    margin-bottom: 0.5rem;
    color: #6c757d;
    line-height: 1.6;
}

.doc-section p[b-iupezec8nj] {
    margin: 0;
    color: #6c757d;
    line-height: 1.6;
}

/* כללי */
.muted[b-iupezec8nj] {
    color: #6c757d;
    font-style: italic;
}

/* Scrollbar styling */
.tabs-content[b-iupezec8nj]::-webkit-scrollbar,
.script-editor__textarea[b-iupezec8nj]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.tabs-content[b-iupezec8nj]::-webkit-scrollbar-track,
.script-editor__textarea[b-iupezec8nj]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.tabs-content[b-iupezec8nj]::-webkit-scrollbar-thumb,
.script-editor__textarea[b-iupezec8nj]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.tabs-content[b-iupezec8nj]::-webkit-scrollbar-thumb:hover,
.script-editor__textarea[b-iupezec8nj]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* _content/aiapiflu/Components/FlowStudio/פאנל_צף.razor.rz.scp.css */
.floating-panel[b-gagou2ycpl] {
    position: fixed;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    max-width: 400px;
    max-height: 85vh;
    transition: box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
}

.floating-panel:hover[b-gagou2ycpl] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.floating-panel--collapsed[b-gagou2ycpl] {
    min-width: auto;
}

/* כותרת */
.floating-panel__header[b-gagou2ycpl] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: linear-gradient(135deg, #8b6f47 0%, #6b5a3a 100%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    cursor: move;
    user-select: none;
    border-bottom: 1px solid #5a4a2a;
    flex-shrink: 0;
}

.floating-panel__header:active[b-gagou2ycpl] {
    cursor: grabbing;
}

/* סמן גרירה */
.floating-panel__drag-handle[b-gagou2ycpl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.8);
    transition: color 0.2s ease;
}

.floating-panel__header:hover .floating-panel__drag-handle[b-gagou2ycpl] {
    color: rgba(255, 255, 255, 1);
}

/* כותרת */
.floating-panel__title[b-gagou2ycpl] {
    flex: 1;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* כפתור קיפול */
.floating-panel__collapse-btn[b-gagou2ycpl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 10px;
    transition: all 0.2s ease;
}

.floating-panel__collapse-btn:hover[b-gagou2ycpl] {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

.floating-panel__collapse-btn:active[b-gagou2ycpl] {
    transform: scale(0.95);
}

/* תוכן */
.floating-panel__content[b-gagou2ycpl] {
    padding: 12px;
    background: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

/* עיצוב גלילה */
.floating-panel__content[b-gagou2ycpl]::-webkit-scrollbar {
    width: 8px;
}

.floating-panel__content[b-gagou2ycpl]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.floating-panel__content[b-gagou2ycpl]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.floating-panel__content[b-gagou2ycpl]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* כשהפאנל קפוץ */
.floating-panel--collapsed .floating-panel__content[b-gagou2ycpl] {
    display: none;
}

/* _content/aiapiflu/Components/Layout/MainLayout.razor.rz.scp.css */
/* עיצוב תפריט ניווט עליון */
.main-layout[b-xy371n08xz] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.top-navigation[b-xy371n08xz] {
    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-xy371n08xz] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

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

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

.nav-link[b-xy371n08xz] {
    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-xy371n08xz] {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
    transform: translateY(-2px);
}

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

.nav-link.wallet-button[b-xy371n08xz] {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

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

.nav-button[b-xy371n08xz] {
    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-xy371n08xz] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
}

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

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

/* מצב סטודיו - קנבס מלא */
.main-layout.studio-mode .main-content[b-xy371n08xz] {
    min-height: calc(100vh - 80px);
    height: calc(100vh - 80px);
}

/* כותרת תחתונה */
.main-footer[b-xy371n08xz] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    color: #2c3e50;
    margin-top: auto;
    border-top: 2px solid #dee2e6;
}

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

.footer-content[b-xy371n08xz] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.footer-content h5[b-xy371n08xz] {
    margin: 0 0 1rem 0;
    font-weight: 600;
    font-size: 1.3rem;
    color: #2c3e50;
}

.footer-content p[b-xy371n08xz] {
    color: #495057;
    line-height: 2;
    margin: 0;
    font-size: 1.1rem;
    direction: rtl;
}

.footer-content p span[b-xy371n08xz] {
    display: block;
    margin-bottom: 0.5rem;
}

.footer-content .email-link[b-xy371n08xz] {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
    padding: 0.3rem 0.8rem;
    border-radius: 5px;
    transition: all 0.3s ease;
    display: inline-block;
    background: rgba(102, 126, 234, 0.1);
}

.footer-content .email-link:hover[b-xy371n08xz] {
    background: rgba(102, 126, 234, 0.2);
    transform: translateY(-2px);
}

.footer-bottom[b-xy371n08xz] {
    border-top: 1px solid #dee2e6;
    padding-top: 1rem;
    text-align: center;
}

.footer-bottom p[b-xy371n08xz] {
    color: #6c757d;
    margin: 0;
    font-size: 0.95rem;
}

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

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

#blazor-error-ui[b-xy371n08xz] {
    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-xy371n08xz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/aiapiflu/Components/MDEditor/MDEditor.razor.rz.scp.css */
/* עיצוב כללי */
.md-editor-container[b-333pww07hx] {
    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-333pww07hx] {
    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-333pww07hx] {
    color: #2c3e50;
    margin: 0 0 10px 0;
    font-size: 2.2rem;
    font-weight: 600;
}

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

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

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

.section-header[b-333pww07hx] {
    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-333pww07hx] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 500;
}

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

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

.editor-textarea textarea[b-333pww07hx] {
    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-333pww07hx] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.markdown-content code[b-333pww07hx] {
    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-333pww07hx] {
    background: #2c3e50;
    color: #ecf0f1;
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 20px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* כפתורים */
.btn[b-333pww07hx] {
    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-333pww07hx]::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-333pww07hx]::before {
    left: 100%;
}

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

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

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

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

.btn-secondary:hover:not(:disabled)[b-333pww07hx] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(149, 165, 166, 0.3);
}

.btn-success[b-333pww07hx] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: white;
}

.btn-success:hover:not(:disabled)[b-333pww07hx] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(17, 153, 142, 0.3);
}

.btn-info[b-333pww07hx] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
}

.btn-info:hover:not(:disabled)[b-333pww07hx] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3);
}

.btn-outline[b-333pww07hx] {
    background: transparent;
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-outline:hover:not(:disabled)[b-333pww07hx] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}

/* אפשרויות יצוא */
.export-options[b-333pww07hx] {
    margin-bottom: 15px;
}

.form-group[b-333pww07hx] {
    margin-bottom: 10px;
}

.form-group label[b-333pww07hx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    color: #2c3e50;
    cursor: pointer;
}

.form-group input[type="checkbox"][b-333pww07hx] {
    cursor: pointer;
    width: 18px;
    height: 18px;
}

/* טופס מייל */
.email-form[b-333pww07hx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-input[b-333pww07hx] {
    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-333pww07hx] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

/* הודעות סטטוס */
.status-message[b-333pww07hx] {
    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-333pww07hx 0.3s ease;
}

.status-message.info[b-333pww07hx] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
}

.status-message.success[b-333pww07hx] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

.status-message.error[b-333pww07hx] {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
}

.btn-close[b-333pww07hx] {
    background: none;
    border: none;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0;
    margin-left: 10px;
}

/* אנימציות */
@keyframes slideIn-b-333pww07hx {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* אייקונים (ניתן להחליף באייקונים אמיתיים) */
.icon-clear[b-333pww07hx]::before { content: "🗑️"; }
.icon-sample[b-333pww07hx]::before { content: "📄"; }
.icon-fullscreen[b-333pww07hx]::before { content: "⛶"; }
.icon-preview[b-333pww07hx]::before { content: "👁️"; }
.icon-word[b-333pww07hx]::before { content: "📝"; }
.icon-email[b-333pww07hx]::before { content: "📧"; }
.icon-copy[b-333pww07hx]::before { content: "📋"; }
.icon-download[b-333pww07hx]::before { content: "⬇️"; }
.icon-send[b-333pww07hx]::before { content: "📤"; }
.icon-status[b-333pww07hx]::before { content: "ℹ️"; }

/* רספונסיביות */
@media (max-width: 768px) {
    .editor-content[b-333pww07hx] {
        grid-template-columns: 1fr;
    }
    
    .actions-grid[b-333pww07hx] {
        grid-template-columns: 1fr;
    }
    
    .md-editor-container[b-333pww07hx] {
        padding: 10px;
    }
    
    .editor-header[b-333pww07hx] {
        padding: 20px;
    }
    
    .editor-header h2[b-333pww07hx] {
        font-size: 1.8rem;
    }
    
    .editor-textarea textarea[b-333pww07hx] {
        height: 300px;
    }
    
    .preview-content[b-333pww07hx] {
        height: 300px;
    }
}
/* _content/aiapiflu/Components/Pages/Home.razor.rz.scp.css */
.home-page[b-893pujkur2] {
    min-height: calc(100vh - 120px);
    background: linear-gradient(135deg, #FFF8DC 0%, #FFE4B5 100%);
    padding: 3rem 1rem;
}

.content-container[b-893pujkur2] {
    max-width: 1200px;
    margin: 0 auto;
}

.hero-section[b-893pujkur2] {
    text-align: center;
    margin-bottom: 4rem;
    padding: 2rem;
}

.icon-decoration[b-893pujkur2] {
    font-size: 4rem;
    margin-bottom: 1rem;
    animation: float-b-893pujkur2 3s ease-in-out infinite;
}

@keyframes float-b-893pujkur2 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.home-page h1[b-893pujkur2] {
    font-size: 3rem;
    color: #2c3e50;
    margin-bottom: 1rem;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.tagline[b-893pujkur2] {
    font-size: 1.5rem;
    color: #34495e;
    font-weight: 300;
    margin-top: 1rem;
}

.features-grid[b-893pujkur2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin: 3rem 0;
}

.feature-card[b-893pujkur2] {
    background: white;
    padding: 2rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover[b-893pujkur2] {
    transform: translateY(-5px);
    box-shadow: 0 8px 12px rgba(0,0,0,0.15);
}

.feature-icon[b-893pujkur2] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.feature-card h3[b-893pujkur2] {
    font-size: 1.5rem;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.feature-card p[b-893pujkur2] {
    color: #7f8c8d;
    line-height: 1.6;
    font-size: 1.1rem;
}

.cta-section[b-893pujkur2] {
    background: white;
    padding: 3rem;
    border-radius: 20px;
    margin: 3rem 0;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

.cta-section h2[b-893pujkur2] {
    text-align: center;
    font-size: 2.2rem;
    color: #2c3e50;
    margin-bottom: 3rem;
}

.steps[b-893pujkur2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
}

.step[b-893pujkur2] {
    text-align: center;
    padding: 1.5rem;
}

.step-number[b-893pujkur2] {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 50%;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
}

.step p[b-893pujkur2] {
    color: #34495e;
    font-size: 1.1rem;
    line-height: 1.6;
}

.admin-section[b-893pujkur2] {
    text-align: center;
    margin-top: 3rem;
    padding: 2rem;
}

.btn-admin[b-893pujkur2] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 1.2rem 3rem;
    font-size: 1.2rem;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    font-weight: 600;
}

.btn-admin:hover[b-893pujkur2] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}

.btn-admin:active[b-893pujkur2] {
    transform: translateY(0);
}

@media (max-width: 768px) {
    .home-page h1[b-893pujkur2] {
        font-size: 2rem;
    }

    .tagline[b-893pujkur2] {
        font-size: 1.2rem;
    }

    .features-grid[b-893pujkur2] {
        grid-template-columns: 1fr;
    }

    .steps[b-893pujkur2] {
        grid-template-columns: 1fr;
    }

    .cta-section[b-893pujkur2] {
        padding: 2rem 1rem;
    }
}
/* _content/aiapiflu/Components/Pages/ModelDetailsComponent.razor.rz.scp.css */
/* רכיב פרטי מודל */
.model-details[b-6n42ppeobe] {
    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-6n42ppeobe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e9ecef;
}

.details-header h3[b-6n42ppeobe] {
    margin: 0;
    color: #495057;
    font-size: 1.5rem;
    font-weight: 600;
}

.model-status[b-6n42ppeobe] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.status-badge[b-6n42ppeobe] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.active[b-6n42ppeobe] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status-badge.inactive[b-6n42ppeobe] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.status-badge.experimental[b-6n42ppeobe] {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.status-badge.hidden[b-6n42ppeobe] {
    background-color: #e2e3e5;
    color: #383d41;
    border: 1px solid #d6d8db;
}

.details-grid[b-6n42ppeobe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

.details-section[b-6n42ppeobe] {
    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-6n42ppeobe] {
    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-6n42ppeobe] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.detail-item[b-6n42ppeobe] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.detail-item label[b-6n42ppeobe] {
    font-weight: 600;
    color: #6c757d;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-item span[b-6n42ppeobe] {
    color: #495057;
    font-size: 0.95rem;
    word-break: break-word;
}

/* יכולות */
.capabilities-grid[b-6n42ppeobe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.capability-item[b-6n42ppeobe] {
    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-6n42ppeobe] {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.capability-item.disabled[b-6n42ppeobe] {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    color: #6c757d;
    opacity: 0.6;
}

.capability-icon[b-6n42ppeobe] {
    font-size: 1.5rem;
    margin-bottom: 8px;
}

.capability-item span:not(.capability-icon)[b-6n42ppeobe] {
    font-size: 0.85rem;
    font-weight: 500;
}

/* סוגי קבצים */
.file-types[b-6n42ppeobe] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.file-type-badge[b-6n42ppeobe] {
    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-6n42ppeobe] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pricing-item[b-6n42ppeobe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.resolution[b-6n42ppeobe] {
    font-weight: 500;
    color: #495057;
}

.price[b-6n42ppeobe] {
    font-weight: 600;
    color: #28a745;
}

.pricing-source[b-6n42ppeobe] {
    background-color: #d1ecf1;
    color: #0c5460;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid #bee5eb;
}

/* טוקניזר */
.available[b-6n42ppeobe] {
    color: #28a745;
    font-weight: 600;
}

.unavailable[b-6n42ppeobe] {
    color: #dc3545;
    font-weight: 600;
}

/* פרמטרים */
.parameters-list[b-6n42ppeobe] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.parameter-badge[b-6n42ppeobe] {
    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-6n42ppeobe] {
    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-6n42ppeobe] {
    color: #6c757d;
    font-style: italic;
    font-size: 0.9rem;
}

/* הערות */
.notes-content[b-6n42ppeobe] {
    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-6n42ppeobe] {
    animation: slideDown-b-6n42ppeobe 0.3s ease-out;
}

@keyframes slideDown-b-6n42ppeobe {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* רספונסיביות */
@media (max-width: 768px) {
    .details-grid[b-6n42ppeobe] {
        grid-template-columns: 1fr;
    }
    
    .capabilities-grid[b-6n42ppeobe] {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
    
    .details-header[b-6n42ppeobe] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .model-details[b-6n42ppeobe] {
        padding: 16px;
        margin: 12px 0;
    }
    
    .details-section[b-6n42ppeobe] {
        padding: 16px;
    }
}
/* _content/aiapiflu/Components/Pages/הרשמה.razor.rz.scp.css */
/* עיצוב מודרני ומתקדם לדף ההרשמה */
.register-page[b-8032m4w4v5] {
    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-8032m4w4v5]::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-8032m4w4v5 20s ease-in-out infinite;
}

@keyframes float-b-8032m4w4v5 {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(1deg); }
}

/* כרטיס ההרשמה */
.register-card[b-8032m4w4v5] {
    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-8032m4w4v5 0.8s ease-out;
}

@keyframes slideUp-b-8032m4w4v5 {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* כותרת הכרטיס */
.register-header[b-8032m4w4v5] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.register-title[b-8032m4w4v5] {
    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-8032m4w4v5] {
    color: #7f8c8d;
    font-size: 1rem;
    margin: 0;
    font-weight: 400;
}

/* שדות הקלט */
.form-group[b-8032m4w4v5] {
    margin-bottom: 1.5rem;
    position: relative;
}

.form-label[b-8032m4w4v5] {
    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-8032m4w4v5] {
    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-8032m4w4v5] {
    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-8032m4w4v5] {
    border-color: #a8b8d8;
    box-shadow: 0 6px 16px rgba(15, 46, 91, 0.08);
    transform: translateY(-1px);
}

.form-control.is-invalid[b-8032m4w4v5] {
    border-color: #e74c3c;
    box-shadow: 0 0 0 6px rgba(231, 76, 60, 0.12);
}

/* אייקונים בשדות */
.input-icon[b-8032m4w4v5] {
    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-8032m4w4v5] {
    padding-right: 3rem;
}

/* הודעות שגיאה */
.invalid-feedback[b-8032m4w4v5] {
    color: #e74c3c;
    font-size: 0.85rem;
    margin-top: 0.5rem;
    font-weight: 500;
}

.alert[b-8032m4w4v5] {
    padding: 1rem 1.2rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    border: none;
    font-weight: 500;
}

.alert-danger[b-8032m4w4v5] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
    box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);
}

.alert-success[b-8032m4w4v5] {
    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-8032m4w4v5] {
    display: block;
    margin: 0 auto 1rem auto;
    font-size: 3rem;
}

/* כפתור ההרשמה */
.register-button[b-8032m4w4v5] {
    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-8032m4w4v5]::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-8032m4w4v5]::before {
    left: 100%;
}

.register-button:hover[b-8032m4w4v5] {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(102, 126, 234, 0.4);
}

.register-button:active[b-8032m4w4v5] {
    transform: translateY(-1px);
}

.register-button:disabled[b-8032m4w4v5] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* ספינר טעינה */
.spinner-border-sm[b-8032m4w4v5] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}

/* קישור להתחברות */
.register-link[b-8032m4w4v5] {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e1e8f0;
}

.register-link p[b-8032m4w4v5] {
    color: #7f8c8d;
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
}

.register-link a[b-8032m4w4v5] {
    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-8032m4w4v5] {
    background: rgba(102, 126, 234, 0.2);
    transform: translateY(-2px);
}

/* כפתור חזרה להתחברות */
.login-button[b-8032m4w4v5] {
    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-8032m4w4v5] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(46, 204, 113, 0.4);
}

/* אינדיקטור חוזק סיסמא */
.password-strength[b-8032m4w4v5] {
    margin-top: 0.5rem;
    height: 4px;
    background: #e1e8f0;
    border-radius: 2px;
    overflow: hidden;
}

.password-strength-bar[b-8032m4w4v5] {
    height: 100%;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.password-strength-weak[b-8032m4w4v5] {
    background: linear-gradient(90deg, #e74c3c, #c0392b);
    width: 25%;
}

.password-strength-medium[b-8032m4w4v5] {
    background: linear-gradient(90deg, #f39c12, #e67e22);
    width: 50%;
}

.password-strength-strong[b-8032m4w4v5] {
    background: linear-gradient(90deg, #2ecc71, #27ae60);
    width: 75%;
}

.password-strength-very-strong[b-8032m4w4v5] {
    background: linear-gradient(90deg, #2ecc71, #27ae60);
    width: 100%;
}

/* אנימציות נוספות */
.fade-in[b-8032m4w4v5] {
    animation: fadeIn-b-8032m4w4v5 0.6s ease-out;
}

@keyframes fadeIn-b-8032m4w4v5 {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .register-page[b-8032m4w4v5] {
        padding: 1rem;
    }
    
    .register-card[b-8032m4w4v5] {
        padding: 2rem;
        border-radius: 20px;
    }
    
    .register-title[b-8032m4w4v5] {
        font-size: 1.8rem;
    }
    
    .form-control[b-8032m4w4v5] {
        padding: 0.9rem 1rem;
    }
    
    .register-button[b-8032m4w4v5] {
        padding: 0.9rem 1.5rem;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .register-card[b-8032m4w4v5] {
        padding: 1.5rem;
        margin: 0.5rem;
    }
    
    .register-title[b-8032m4w4v5] {
        font-size: 1.6rem;
    }
    
    .register-subtitle[b-8032m4w4v5] {
        font-size: 0.9rem;
    }
}

/* אפקטים מיוחדים */
.register-card[b-8032m4w4v5]::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-8032m4w4v5] {
    animation: cardEntrance-b-8032m4w4v5 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes cardEntrance-b-8032m4w4v5 {
    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-8032m4w4v5] {
    position: relative;
}

.password-toggle[b-8032m4w4v5] {
    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-8032m4w4v5] {
    color: #667eea;
}

/* אנימציה לשדות הקלט */
.form-group[b-8032m4w4v5] {
    animation: fieldSlideIn-b-8032m4w4v5 0.6s ease-out;
    animation-fill-mode: both;
}

.form-group:nth-child(1)[b-8032m4w4v5] { animation-delay: 0.1s; }
.form-group:nth-child(2)[b-8032m4w4v5] { animation-delay: 0.2s; }
.form-group:nth-child(3)[b-8032m4w4v5] { animation-delay: 0.3s; }
.form-group:nth-child(4)[b-8032m4w4v5] { animation-delay: 0.4s; }

@keyframes fieldSlideIn-b-8032m4w4v5 {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/* _content/aiapiflu/Components/Pages/התחברות.razor.rz.scp.css */
/* עיצוב מודרני ומתקדם לדף ההתחברות */
.auth-page[b-lup9e4gvqy] {
    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-lup9e4gvqy]::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-lup9e4gvqy 20s ease-in-out infinite;
}

@keyframes float-b-lup9e4gvqy {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(1deg); }
}

/* כרטיס ההתחברות */
.auth-card[b-lup9e4gvqy] {
    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-lup9e4gvqy 0.8s ease-out;
}

@keyframes slideUp-b-lup9e4gvqy {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* כותרת הכרטיס */
.auth-header[b-lup9e4gvqy] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.auth-title[b-lup9e4gvqy] {
    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-lup9e4gvqy] {
    color: #7f8c8d;
    font-size: 1rem;
    margin: 0;
    font-weight: 400;
}

/* שדות הקלט */
.form-group[b-lup9e4gvqy] {
    margin-bottom: 1.5rem;
    position: relative;
}

.form-label[b-lup9e4gvqy] {
    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-lup9e4gvqy] {
    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-lup9e4gvqy] {
    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-lup9e4gvqy] {
    border-color: #a8b8d8;
    box-shadow: 0 6px 16px rgba(15, 46, 91, 0.08);
    transform: translateY(-1px);
}

.form-control.is-invalid[b-lup9e4gvqy] {
    border-color: #e74c3c;
    box-shadow: 0 0 0 6px rgba(231, 76, 60, 0.12);
}

/* אייקונים בשדות */
.input-icon[b-lup9e4gvqy] {
    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-lup9e4gvqy] {
    padding-right: 3rem;
}

/* הודעות שגיאה */
.invalid-feedback[b-lup9e4gvqy] {
    color: #e74c3c;
    font-size: 0.85rem;
    margin-top: 0.5rem;
    font-weight: 500;
}

.alert[b-lup9e4gvqy] {
    padding: 1rem 1.2rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    border: none;
    font-weight: 500;
}

.alert-danger[b-lup9e4gvqy] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
    box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);
}

.alert-success[b-lup9e4gvqy] {
    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-lup9e4gvqy] {
    display: block;
    margin: 0 auto 1rem auto;
    font-size: 3rem;
}

/* כפתור ההתחברות */
.auth-button[b-lup9e4gvqy] {
    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-lup9e4gvqy]::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-lup9e4gvqy]::before {
    left: 100%;
}

.auth-button:hover[b-lup9e4gvqy] {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(102, 126, 234, 0.4);
}

.auth-button:active[b-lup9e4gvqy] {
    transform: translateY(-1px);
}

.auth-button:disabled[b-lup9e4gvqy] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* ספינר טעינה */
.spinner-border-sm[b-lup9e4gvqy] {
    width: 1rem;
    height: 1rem;
    border-width: 2px;
}

/* מפריד "או" */
.divider-section[b-lup9e4gvqy] {
    margin: 1.5rem 0;
}

.divider[b-lup9e4gvqy] {
    display: flex;
    align-items: center;
    text-align: center;
    color: #7f8c8d;
    font-size: 0.9rem;
    font-weight: 500;
}

.divider[b-lup9e4gvqy]::before,
.divider[b-lup9e4gvqy]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e1e8f0;
}

.divider span[b-lup9e4gvqy] {
    padding: 0 1rem;
}

/* כפתור התחברות Google */
.google-button[b-lup9e4gvqy] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1rem 2rem;
    background: white;
    color: #444;
    border: 2px solid #e1e8f0;
    border-radius: 16px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(15, 46, 91, 0.05);
}

.google-button:hover[b-lup9e4gvqy] {
    border-color: #4285F4;
    background: #f8fafc;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(66, 133, 244, 0.15);
}

.google-button:active[b-lup9e4gvqy] {
    transform: translateY(0);
}

.google-icon[b-lup9e4gvqy] {
    width: 20px;
    height: 20px;
}

/* קישור להרשמה */
.auth-link[b-lup9e4gvqy] {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e1e8f0;
}

.auth-link p[b-lup9e4gvqy] {
    color: #7f8c8d;
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
}

.auth-link a[b-lup9e4gvqy] {
    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-lup9e4gvqy] {
    background: rgba(102, 126, 234, 0.2);
    transform: translateY(-2px);
}

/* כפתור חזרה לדף הבית */
.home-button[b-lup9e4gvqy] {
    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-lup9e4gvqy] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(46, 204, 113, 0.4);
}

/* אנימציות נוספות */
.fade-in[b-lup9e4gvqy] {
    animation: fadeIn-b-lup9e4gvqy 0.6s ease-out;
}

@keyframes fadeIn-b-lup9e4gvqy {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .auth-page[b-lup9e4gvqy] {
        padding: 1rem;
    }
    
    .auth-card[b-lup9e4gvqy] {
        padding: 2rem;
        border-radius: 20px;
    }
    
    .auth-title[b-lup9e4gvqy] {
        font-size: 1.8rem;
    }
    
    .form-control[b-lup9e4gvqy] {
        padding: 0.9rem 1rem;
    }
    
    .auth-button[b-lup9e4gvqy] {
        padding: 0.9rem 1.5rem;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .auth-card[b-lup9e4gvqy] {
        padding: 1.5rem;
        margin: 0.5rem;
    }
    
    .auth-title[b-lup9e4gvqy] {
        font-size: 1.6rem;
    }
    
    .auth-subtitle[b-lup9e4gvqy] {
        font-size: 0.9rem;
    }
}

/* אפקטים מיוחדים */
.auth-card[b-lup9e4gvqy]::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-lup9e4gvqy] {
    animation: cardEntrance-b-lup9e4gvqy 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes cardEntrance-b-lup9e4gvqy {
    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-lbmbtd2mnn] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.header-section[b-lbmbtd2mnn] {
    margin-bottom: 30px;
}

.header-section h1[b-lbmbtd2mnn] {
    color: #2c3e50;
    margin-bottom: 10px;
    font-size: 2rem;
}

.header-section p[b-lbmbtd2mnn] {
    color: #7f8c8d;
    margin-bottom: 20px;
}

.controls-section[b-lbmbtd2mnn] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.filter-controls[b-lbmbtd2mnn] {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

.filter-controls select[b-lbmbtd2mnn],
.filter-controls input[b-lbmbtd2mnn] {
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
}

.filter-controls button[b-lbmbtd2mnn] {
    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-lbmbtd2mnn] {
    background: #0056b3;
}

.stats-section[b-lbmbtd2mnn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card[b-lbmbtd2mnn] {
    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-lbmbtd2mnn] {
    border-left: 4px solid #28a745;
}

.stat-card.error[b-lbmbtd2mnn] {
    border-left: 4px solid #dc3545;
}

.stat-number[b-lbmbtd2mnn] {
    font-size: 2rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 5px;
}

.stat-card.success .stat-number[b-lbmbtd2mnn] {
    color: #28a745;
}

.stat-card.error .stat-number[b-lbmbtd2mnn] {
    color: #dc3545;
}

.stat-label[b-lbmbtd2mnn] {
    color: #6c757d;
    font-size: 14px;
}

.table-section[b-lbmbtd2mnn] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}

.loading[b-lbmbtd2mnn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #6c757d;
}

.spinner[b-lbmbtd2mnn] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin-b-lbmbtd2mnn 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin-b-lbmbtd2mnn {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.table-container[b-lbmbtd2mnn] {
    overflow-x: auto;
}

.webhook-table[b-lbmbtd2mnn] {
    width: 100%;
    border-collapse: collapse;
}

.webhook-table th[b-lbmbtd2mnn] {
    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-lbmbtd2mnn] {
    padding: 12px;
    border-bottom: 1px solid #dee2e6;
    vertical-align: top;
}

.webhook-table tr:hover[b-lbmbtd2mnn] {
    background: #f8f9fa;
}

.success-row[b-lbmbtd2mnn] {
    border-left: 4px solid #28a745;
}

.error-row[b-lbmbtd2mnn] {
    border-left: 4px solid #dc3545;
}

.time-cell[b-lbmbtd2mnn] {
    white-space: nowrap;
    min-width: 120px;
}

.time-display[b-lbmbtd2mnn] {
    font-size: 14px;
}

.time-display small[b-lbmbtd2mnn] {
    color: #6c757d;
}

.sender-cell[b-lbmbtd2mnn] {
    min-width: 200px;
}

.sender-info .email[b-lbmbtd2mnn] {
    font-family: monospace;
    font-size: 13px;
    color: #495057;
}

.subject-cell[b-lbmbtd2mnn] {
    max-width: 300px;
}

.subject-text[b-lbmbtd2mnn] {
    font-size: 14px;
    line-height: 1.4;
}

.status-cell[b-lbmbtd2mnn] {
    min-width: 150px;
}

.status-badge[b-lbmbtd2mnn] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.status-badge.success[b-lbmbtd2mnn] {
    background: #d4edda;
    color: #155724;
}

.status-badge.error[b-lbmbtd2mnn] {
    background: #f8d7da;
    color: #721c24;
}

.error-details[b-lbmbtd2mnn] {
    margin-top: 5px;
}

.error-details small[b-lbmbtd2mnn] {
    color: #dc3545;
    font-style: italic;
}

.event-cell[b-lbmbtd2mnn] {
    min-width: 100px;
}

.event-tag[b-lbmbtd2mnn] {
    background: #e9ecef;
    color: #495057;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    font-family: monospace;
}

.message-id-cell[b-lbmbtd2mnn] {
    min-width: 200px;
}

.message-id[b-lbmbtd2mnn] {
    background: #f8f9fa;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 11px;
    font-family: monospace;
    color: #495057;
    word-break: break-all;
}

.actions-cell[b-lbmbtd2mnn] {
    white-space: nowrap;
}

.btn[b-lbmbtd2mnn] {
    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-lbmbtd2mnn] {
    background: #f8f9fa;
}

.btn-sm[b-lbmbtd2mnn] {
    padding: 4px 8px;
    font-size: 11px;
}

.btn-outline[b-lbmbtd2mnn] {
    border-color: #007bff;
    color: #007bff;
}

.btn-outline:hover[b-lbmbtd2mnn] {
    background: #007bff;
    color: white;
}

.no-data[b-lbmbtd2mnn] {
    color: #6c757d;
    font-style: italic;
}

.no-data-message[b-lbmbtd2mnn] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.no-data-icon[b-lbmbtd2mnn] {
    font-size: 3rem;
    margin-bottom: 20px;
}

.no-data-message h3[b-lbmbtd2mnn] {
    margin-bottom: 10px;
    color: #495057;
}

/* Modal Styles */
.modal-overlay[b-lbmbtd2mnn] {
    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-lbmbtd2mnn] {
    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-lbmbtd2mnn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
}

.modal-header h2[b-lbmbtd2mnn] {
    margin: 0;
    color: #2c3e50;
}

.close-btn[b-lbmbtd2mnn] {
    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-lbmbtd2mnn] {
    color: #dc3545;
}

.modal-body[b-lbmbtd2mnn] {
    padding: 20px;
}

.detail-grid[b-lbmbtd2mnn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.detail-item[b-lbmbtd2mnn] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.detail-item.full-width[b-lbmbtd2mnn] {
    grid-column: 1 / -1;
}

.detail-item label[b-lbmbtd2mnn] {
    font-weight: 600;
    color: #495057;
    font-size: 14px;
}

.detail-item span[b-lbmbtd2mnn] {
    color: #212529;
    font-size: 14px;
}

.error-text[b-lbmbtd2mnn] {
    background: #f8d7da;
    color: #721c24;
    padding: 10px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 13px;
    white-space: pre-wrap;
}

.payload-display[b-lbmbtd2mnn] {
    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-lbmbtd2mnn] {
    padding: 20px;
    border-top: 1px solid #e9ecef;
    text-align: left;
}

.btn-primary[b-lbmbtd2mnn] {
    background: #007bff;
    color: white;
    border-color: #007bff;
}

.btn-primary:hover[b-lbmbtd2mnn] {
    background: #0056b3;
    border-color: #0056b3;
}

/* Responsive Design */
@media (max-width: 768px) {
    .webhook-log-container[b-lbmbtd2mnn] {
        padding: 10px;
    }
    
    .filter-controls[b-lbmbtd2mnn] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-controls select[b-lbmbtd2mnn],
    .filter-controls input[b-lbmbtd2mnn],
    .filter-controls button[b-lbmbtd2mnn] {
        width: 100%;
    }
    
    .stats-section[b-lbmbtd2mnn] {
        grid-template-columns: 1fr 1fr;
    }
    
    .detail-grid[b-lbmbtd2mnn] {
        grid-template-columns: 1fr;
    }
    
    .webhook-table[b-lbmbtd2mnn] {
        font-size: 12px;
    }
    
    .webhook-table th[b-lbmbtd2mnn],
    .webhook-table td[b-lbmbtd2mnn] {
        padding: 8px 6px;
    }
}
/* _content/aiapiflu/Components/Pages/מודלים.razor.rz.scp.css */
/* עיצוב דף המודלים */
.models-page[b-hugxtnj463] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.models-page h1[b-hugxtnj463] {
    color: #2c3e50;
    margin-bottom: 30px;
    font-size: 2.5rem;
    text-align: center;
}

.models-explanation[b-hugxtnj463] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 4px solid #3498db;
}

.models-explanation h2[b-hugxtnj463] {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 1.3rem;
}

.models-explanation p[b-hugxtnj463] {
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* אזור פעולות */
.models-actions[b-hugxtnj463] {
    margin-bottom: 30px;
}

.import-section[b-hugxtnj463] {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.import-section label[b-hugxtnj463] {
    font-weight: 600;
    color: #2c3e50;
    white-space: nowrap;
}

.form-select[b-hugxtnj463] {
    padding: 8px 12px;
    border: 2px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    min-width: 200px;
    background: white;
}

.form-select:focus[b-hugxtnj463] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.import-models-btn[b-hugxtnj463] {
    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-hugxtnj463] {
    background: #229954;
}

.import-models-btn:disabled[b-hugxtnj463] {
    background: #bdc3c7;
    cursor: not-allowed;
}

.import-models-btn .icon[b-hugxtnj463] {
    font-size: 16px;
}

/* טבלת מודלים */
.models-table[b-hugxtnj463] {
    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-hugxtnj463] {
    background: #34495e;
    color: white;
    padding: 15px 12px;
    text-align: right;
    font-weight: 600;
    font-size: 14px;
}

.models-table td[b-hugxtnj463] {
    padding: 15px 12px;
    border-bottom: 1px solid #ecf0f1;
    vertical-align: top;
}

.models-table tr:hover[b-hugxtnj463] {
    background: #f8f9fa;
}

/* עיצוב שם המודל */
.model-name[b-hugxtnj463] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.model-name strong[b-hugxtnj463] {
    color: #2c3e50;
    font-size: 16px;
}

.version[b-hugxtnj463] {
    background: #e74c3c;
    color: white;
    padding: 2px 6px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    align-self: flex-start;
}

.provider-model-id[b-hugxtnj463] {
    color: #7f8c8d;
    font-size: 12px;
    font-family: monospace;
}

/* תיאור */
.description[b-hugxtnj463] {
    color: #555;
    font-size: 14px;
    line-height: 1.4;
    max-width: 200px;
}

.no-description[b-hugxtnj463] {
    color: #bdc3c7;
    font-style: italic;
    font-size: 14px;
}

/* יכולות */
.capabilities[b-hugxtnj463] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.capability-badge[b-hugxtnj463] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    color: white;
}

.capability-badge.text[b-hugxtnj463] {
    background: #3498db;
}

.capability-badge.image[b-hugxtnj463] {
    background: #e67e22;
}

.capability-badge.audio[b-hugxtnj463] {
    background: #9b59b6;
}

.capability-badge.files[b-hugxtnj463] {
    background: #95a5a6;
}

.capability-badge.streaming[b-hugxtnj463] {
    background: #1abc9c;
}

/* אייקוני פעולה */
.action-icons[b-hugxtnj463] {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.action-icon[b-hugxtnj463] {
    font-size: 16px;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s;
    display: inline-block;
}

.action-icon:hover[b-hugxtnj463] {
    transform: scale(1.2);
    background: rgba(0, 0, 0, 0.1);
}

.edit-icon:hover[b-hugxtnj463] {
    background: rgba(52, 152, 219, 0.2);
}

.delete-icon:hover[b-hugxtnj463] {
    background: rgba(231, 76, 60, 0.2);
}

.view-icon:hover[b-hugxtnj463] {
    background: rgba(52, 152, 219, 0.2);
}

/* מצב ריק */
.empty-state[b-hugxtnj463] {
    text-align: center;
    color: #7f8c8d;
    font-size: 16px;
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px dashed #bdc3c7;
}

/* הסבר הצעד הבא */
.models-next[b-hugxtnj463] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-top: 30px;
    border-left: 4px solid #27ae60;
}

.models-next h2[b-hugxtnj463] {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 1.3rem;
}

.models-next p[b-hugxtnj463] {
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* דיאלוג יבוא */
.modal-overlay[b-hugxtnj463] {
    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-hugxtnj463] {
    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-hugxtnj463] {
    padding: 20px;
    border-bottom: 1px solid #ecf0f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3[b-hugxtnj463] {
    margin: 0;
    color: #2c3e50;
    font-size: 1.2rem;
}

.close-btn[b-hugxtnj463] {
    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-hugxtnj463] {
    color: #e74c3c;
}

.modal-body[b-hugxtnj463] {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
}

.loading-state[b-hugxtnj463] {
    text-align: center;
    padding: 40px;
    color: #7f8c8d;
}

.import-instructions[b-hugxtnj463] {
    margin-bottom: 20px;
}

.import-instructions p[b-hugxtnj463] {
    color: #2c3e50;
    font-weight: 600;
    margin: 0;
}

.models-selection[b-hugxtnj463] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.model-selection-item[b-hugxtnj463] {
    border: 1px solid #ecf0f1;
    border-radius: 6px;
    padding: 12px;
    transition: border-color 0.2s;
}

.model-selection-item:hover[b-hugxtnj463] {
    border-color: #3498db;
}

.checkbox-label[b-hugxtnj463] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    margin: 0;
}

.checkbox-label input[type="checkbox"][b-hugxtnj463] {
    margin: 0;
    margin-top: 2px;
}

.model-info[b-hugxtnj463] {
    flex: 1;
}

.model-info .model-name[b-hugxtnj463] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 4px;
}

.model-info .model-id[b-hugxtnj463] {
    color: #7f8c8d;
    font-size: 12px;
    font-family: monospace;
    margin-bottom: 4px;
}

.model-info .model-description[b-hugxtnj463] {
    color: #555;
    font-size: 14px;
    line-height: 1.4;
}

.modal-footer[b-hugxtnj463] {
    padding: 20px;
    border-top: 1px solid #ecf0f1;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.cancel-btn[b-hugxtnj463], .import-btn[b-hugxtnj463] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.cancel-btn[b-hugxtnj463] {
    background: #95a5a6;
    color: white;
}

.cancel-btn:hover[b-hugxtnj463] {
    background: #7f8c8d;
}

.import-btn[b-hugxtnj463] {
    background: #27ae60;
    color: white;
}

.import-btn:hover:not(:disabled)[b-hugxtnj463] {
    background: #229954;
}

.import-btn:disabled[b-hugxtnj463] {
    background: #bdc3c7;
    cursor: not-allowed;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .models-page[b-hugxtnj463] {
        padding: 15px;
    }
    
    .models-page h1[b-hugxtnj463] {
        font-size: 2rem;
    }
    
    .import-section[b-hugxtnj463] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .form-select[b-hugxtnj463] {
        min-width: auto;
    }
    
    .models-table[b-hugxtnj463] {
        font-size: 14px;
    }
    
    .models-table th[b-hugxtnj463],
    .models-table td[b-hugxtnj463] {
        padding: 10px 8px;
    }
    
    .model-name strong[b-hugxtnj463] {
        font-size: 14px;
    }
    
    .description[b-hugxtnj463] {
        max-width: 150px;
    }
    
    .capabilities[b-hugxtnj463] {
        flex-direction: column;
        gap: 2px;
    }
    
    .action-icons[b-hugxtnj463] {
        gap: 4px;
    }
    
    .action-icon[b-hugxtnj463] {
        font-size: 14px;
    }
    
    .modal-content[b-hugxtnj463] {
        width: 95%;
        margin: 20px;
    }
    
    .modal-header[b-hugxtnj463],
    .modal-body[b-hugxtnj463],
    .modal-footer[b-hugxtnj463] {
        padding: 15px;
    }
}

/* שורות פרטי מודל */
.model-details-row[b-hugxtnj463] {
    background-color: #f8f9fa;
}

.model-details-row td[b-hugxtnj463] {
    padding: 0;
    border-bottom: none;
}

.model-details-container[b-hugxtnj463] {
    padding: 0;
    background: transparent;
}
/* _content/aiapiflu/Components/Pages/מסד_מודלים.razor.rz.scp.css */
/* עיצוב עמוד מסד הנתונים של המודלים */
.models-database-page[b-liobodmzfm] {
    padding: 2rem;
    max-width: 100%;
    margin: 0 auto;
}

.models-database-page h1[b-liobodmzfm] {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-size: 2.5rem;
    text-align: center;
}

.database-explanation[b-liobodmzfm] {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    border-left: 4px solid #3498db;
}

.database-explanation h2[b-liobodmzfm] {
    color: #2c3e50;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
}

.database-explanation p[b-liobodmzfm] {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* עיצוב הטבלה המקיפה */
.table-container[b-liobodmzfm] {
    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-liobodmzfm] {
    width: 100%;
    border-collapse: collapse;
    min-width: 2000px; /* רוחב מינימלי לטבלה */
    font-size: 0.9rem;
}

.comprehensive-models-table thead[b-liobodmzfm] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    position: sticky;
    top: 0;
    z-index: 10;
}

.comprehensive-models-table th[b-liobodmzfm] {
    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-liobodmzfm] {
    padding: 0.75rem;
    border-bottom: 1px solid #eee;
    vertical-align: top;
    max-width: 200px;
}

.comprehensive-models-table tbody tr:hover[b-liobodmzfm] {
    background-color: #f8f9fa;
    transition: background-color 0.2s ease;
}

/* עיצוב תאים מיוחדים */
.model-id-cell[b-liobodmzfm] {
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
}

.model-id[b-liobodmzfm] {
    font-weight: bold;
    color: #2c3e50;
}

.provider-model-id[b-liobodmzfm] {
    color: #7f8c8d;
    font-size: 0.75rem;
}

.display-name-cell[b-liobodmzfm] {
    font-weight: bold;
    color: #2c3e50;
    font-size: 1rem;
}

.description-cell[b-liobodmzfm] {
    max-width: 250px;
}

.description[b-liobodmzfm] {
    color: #555;
    line-height: 1.4;
}

.no-description[b-liobodmzfm] {
    color: #999;
    font-style: italic;
}

.version[b-liobodmzfm] {
    background: #e8f4fd;
    color: #2980b9;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}

.no-version[b-liobodmzfm] {
    color: #999;
}

/* עיצוב סטטוס */
.status-badges[b-liobodmzfm] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.status-badge[b-liobodmzfm] {
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
}

.status-badge.active[b-liobodmzfm] {
    background: #d4edda;
    color: #155724;
}

.status-badge.inactive[b-liobodmzfm] {
    background: #f8d7da;
    color: #721c24;
}

.status-badge.experimental[b-liobodmzfm] {
    background: #fff3cd;
    color: #856404;
}

.status-badge.hidden[b-liobodmzfm] {
    background: #e2e3e5;
    color: #383d41;
}

/* עיצוב יכולות */
.capabilities-list[b-liobodmzfm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.capability-badge[b-liobodmzfm] {
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: bold;
    white-space: nowrap;
}

.capability-badge.text[b-liobodmzfm] {
    background: #e3f2fd;
    color: #1976d2;
}

.capability-badge.image[b-liobodmzfm] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.capability-badge.audio[b-liobodmzfm] {
    background: #e8f5e8;
    color: #388e3c;
}

.capability-badge.files[b-liobodmzfm] {
    background: #fff3e0;
    color: #f57c00;
}

.capability-badge.streaming[b-liobodmzfm] {
    background: #fce4ec;
    color: #c2185b;
}

.capability-badge.tool-calling[b-liobodmzfm] {
    background: #e0f2f1;
    color: #00695c;
}

.capability-badge.custom-functions[b-liobodmzfm] {
    background: #f1f8e9;
    color: #558b2f;
}

/* עיצוב מגבלות */
.limits-cell[b-liobodmzfm] {
    text-align: center;
}

.limit-value[b-liobodmzfm] {
    background: #fff3cd;
    color: #856404;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}

.no-limit[b-liobodmzfm] {
    color: #999;
    font-style: italic;
}

/* עיצוב מחירים */
.pricing-cell[b-liobodmzfm] {
    text-align: center;
    font-family: 'Courier New', monospace;
}

.price[b-liobodmzfm] {
    background: #d4edda;
    color: #155724;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}

.no-price[b-liobodmzfm] {
    color: #999;
}

/* עיצוב טוקניזר */
.tokenizer-cell[b-liobodmzfm] {
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
}

.tokenizer-info[b-liobodmzfm] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.tokenizer-id[b-liobodmzfm] {
    font-weight: bold;
    color: #2c3e50;
}

.tokenizer-type[b-liobodmzfm] {
    color: #7f8c8d;
    font-size: 0.7rem;
}

.no-tokenizer[b-liobodmzfm] {
    color: #999;
}

/* עיצוב פרמטרים */
.parameters-list[b-liobodmzfm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.parameter-tag[b-liobodmzfm] {
    background: #e8f4fd;
    color: #2980b9;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.7rem;
}

.more-params[b-liobodmzfm] {
    color: #7f8c8d;
    font-size: 0.7rem;
    font-style: italic;
}

.no-parameters[b-liobodmzfm] {
    color: #999;
}

/* עיצוב סוגי קבצים */
.file-types-list[b-liobodmzfm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.file-type-tag[b-liobodmzfm] {
    background: #f3e5f5;
    color: #7b1fa2;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.7rem;
}

.more-file-types[b-liobodmzfm] {
    color: #7f8c8d;
    font-size: 0.7rem;
    font-style: italic;
}

.no-file-types[b-liobodmzfm] {
    color: #999;
}

/* עיצוב גודל קובץ */
.file-size[b-liobodmzfm] {
    background: #fff3e0;
    color: #f57c00;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
}

.no-file-size[b-liobodmzfm] {
    color: #999;
}

/* עיצוב תאריכים */
.date-cell[b-liobodmzfm] {
    text-align: center;
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
}

.date-info[b-liobodmzfm] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.date[b-liobodmzfm] {
    font-weight: bold;
    color: #2c3e50;
}

.time[b-liobodmzfm] {
    color: #7f8c8d;
    font-size: 0.7rem;
}

/* עיצוב הערות */
.notes-cell[b-liobodmzfm] {
    max-width: 200px;
}

.notes[b-liobodmzfm] {
    color: #555;
    font-style: italic;
    line-height: 1.3;
}

.no-notes[b-liobodmzfm] {
    color: #999;
}

/* עיצוב סיכום */
.database-summary[b-liobodmzfm] {
    margin-top: 2rem;
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #28a745;
}

.database-summary h2[b-liobodmzfm] {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.summary-stats[b-liobodmzfm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.stat-item[b-liobodmzfm] {
    text-align: center;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.stat-number[b-liobodmzfm] {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.stat-label[b-liobodmzfm] {
    color: #666;
    font-size: 0.9rem;
}

/* עיצוב מצב ריק */
.empty-state[b-liobodmzfm] {
    text-align: center;
    padding: 3rem;
    color: #666;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px dashed #ddd;
}

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

/* עיצוב רספונסיבי */
@media (max-width: 1200px) {
    .models-database-page[b-liobodmzfm] {
        padding: 1rem;
    }
    
    .comprehensive-models-table[b-liobodmzfm] {
        font-size: 0.8rem;
    }
    
    .comprehensive-models-table th[b-liobodmzfm],
    .comprehensive-models-table td[b-liobodmzfm] {
        padding: 0.5rem 0.4rem;
    }
}

@media (max-width: 768px) {
    .models-database-page h1[b-liobodmzfm] {
        font-size: 2rem;
    }
    
    .summary-stats[b-liobodmzfm] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stat-number[b-liobodmzfm] {
        font-size: 1.5rem;
    }
}
/* _content/aiapiflu/Components/Pages/ספקים.razor.rz.scp.css */
.providers-page[b-jl7anlrpzp] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
}

.providers-page h1[b-jl7anlrpzp] {
    font-size: 2rem;
    text-align: center;
}

.providers-explanation[b-jl7anlrpzp],
.providers-next[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    display: flex;
    justify-content: flex-end;
    padding: 0 1rem;
}

.add-provider-btn[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    background: var(--mud-palette-primary-dark, #106ebe);
    transform: translateY(-1px);
}

.add-provider-btn .icon[b-jl7anlrpzp] {
    font-size: 1.2rem;
    font-weight: bold;
}

.providers-list[b-jl7anlrpzp] {
    background: var(--mud-palette-surface, #ffffff);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    overflow-x: auto;
}

.providers-table[b-jl7anlrpzp] {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.providers-table th[b-jl7anlrpzp],
.providers-table td[b-jl7anlrpzp] {
    text-align: right;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.providers-table th:nth-child(4)[b-jl7anlrpzp],
.providers-table td:nth-child(4)[b-jl7anlrpzp] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.providers-table th[b-jl7anlrpzp] {
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.04);
}

.providers-table a[b-jl7anlrpzp] {
    color: var(--mud-palette-primary, #0078d4);
    text-decoration: none;
}

.providers-table a:hover[b-jl7anlrpzp] {
    text-decoration: underline;
}

.status-badge[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    background: #2ecc71;
}

.status-badge.inactive[b-jl7anlrpzp] {
    background: #e74c3c;
}

.empty-state[b-jl7anlrpzp] {
    text-align: center;
    font-size: 1.1rem;
    color: rgba(0, 0, 0, 0.6);
}

/* שורות עריכה */
.editing-row[b-jl7anlrpzp] {
    background: rgba(0, 120, 212, 0.05);
    border: 2px solid var(--mud-palette-primary, #0078d4);
}

.editing-row td[b-jl7anlrpzp] {
    padding: 0.5rem;
}

.api-key-row[b-jl7anlrpzp] {
    background: rgba(0, 120, 212, 0.08);
    border-top: none;
}

.api-key-section[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    font-weight: 600;
    color: var(--mud-palette-primary, #0078d4);
    font-size: 0.9rem;
}

.api-key-input[b-jl7anlrpzp] {
    max-width: 400px;
}

.api-key-note[b-jl7anlrpzp] {
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.6);
    font-style: italic;
}

/* שדות טופס */
.form-input[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    outline: none;
    border-color: var(--mud-palette-primary, #0078d4);
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.2);
}

/* תיבת סימון */
.checkbox-label[b-jl7anlrpzp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.checkbox-label input[type="checkbox"][b-jl7anlrpzp] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* כפתורי פעולה */
.action-buttons[b-jl7anlrpzp] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.save-btn[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    background: #27ae60;
}

.cancel-btn[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    background: #7f8c8d;
}

.import-btn[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    background: #229954;
}

.edit-btn[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    background: #e67e22;
}

.delete-btn[b-jl7anlrpzp] {
    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-jl7anlrpzp] {
    background: #c0392b;
}

@media (max-width: 768px) {
    .providers-table[b-jl7anlrpzp] {
        display: block;
        overflow-x: auto;
    }
    
    .action-buttons[b-jl7anlrpzp] {
        flex-direction: column;
    }
    
    .action-buttons button[b-jl7anlrpzp] {
        width: 100%;
        margin-bottom: 0.25rem;
    }
}


/* _content/aiapiflu/Components/Shared/ארנק.razor.rz.scp.css */
/* דיאלוג ארנק */
.wallet-dialog[b-4k442si6wc] {
    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;
}

.wallet-dialog--visible[b-4k442si6wc] {
    opacity: 1;
    visibility: visible;
}

.wallet-dialog__overlay[b-4k442si6wc] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

.wallet-dialog__content[b-4k442si6wc] {
    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: 800px;
    width: 90%;
    max-height: 90vh;
    overflow: hidden;
    transform: scale(0.95);
    transition: transform 0.2s ease;
    display: flex;
    flex-direction: column;
}

.wallet-dialog--visible .wallet-dialog__content[b-4k442si6wc] {
    transform: scale(1);
}

.wallet-dialog__header[b-4k442si6wc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 24px 0 24px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
}

.wallet-dialog__header h3[b-4k442si6wc] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
}

.wallet-dialog__close[b-4k442si6wc] {
    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;
}

.wallet-dialog__close:hover[b-4k442si6wc] {
    background-color: #f3f4f6;
    color: #374151;
}

.wallet-dialog__body[b-4k442si6wc] {
    padding: 0 24px 20px 24px;
    overflow-y: auto;
    flex: 1;
}

.wallet-dialog__footer[b-4k442si6wc] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding: 20px 24px 24px 24px;
    border-top: 1px solid #e5e7eb;
    background-color: #f9fafb;
}

/* מצב לא מחובר */
.wallet-not-logged-in[b-4k442si6wc] {
    text-align: center;
    padding: 40px 20px;
}

.wallet-not-logged-in p[b-4k442si6wc] {
    margin: 0 0 20px 0;
    color: #374151;
    font-size: 1.1rem;
}

/* מצב טעינה */
.wallet-loading[b-4k442si6wc] {
    text-align: center;
    padding: 40px 20px;
    color: #6b7280;
}

/* יתרה */
.wallet-balance[b-4k442si6wc] {
    margin-bottom: 24px;
    padding: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    color: white;
}

.wallet-balance h4[b-4k442si6wc] {
    margin: 0 0 12px 0;
    font-size: 0.9rem;
    font-weight: 500;
    opacity: 0.9;
}

.balance-amount[b-4k442si6wc] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.balance-value[b-4k442si6wc] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.balance-currency[b-4k442si6wc] {
    font-size: 1.5rem;
    font-weight: 600;
    opacity: 0.9;
}

.balance-amount.negative .balance-value[b-4k442si6wc] {
    color: #fecaca;
}

/* כפתורים */
.wallet-actions[b-4k442si6wc] {
    margin-bottom: 24px;
}

.wallet-button[b-4k442si6wc] {
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
}

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

.wallet-button.primary:hover[b-4k442si6wc] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.wallet-button.secondary[b-4k442si6wc] {
    background-color: white;
    color: #374151;
    border-color: #d1d5db;
}

.wallet-button.secondary:hover[b-4k442si6wc] {
    background-color: #f9fafb;
    border-color: #9ca3af;
}

/* פעולות */
.wallet-transactions[b-4k442si6wc] {
    margin-top: 24px;
}

.wallet-transactions h4[b-4k442si6wc] {
    margin: 0 0 16px 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #111827;
}

.wallet-empty-state[b-4k442si6wc] {
    text-align: center;
    padding: 40px 20px;
    color: #6b7280;
}

/* טבלת פעולות */
.transactions-table[b-4k442si6wc] {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.transactions-table table[b-4k442si6wc] {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.transactions-table thead[b-4k442si6wc] {
    background-color: #f9fafb;
}

.transactions-table th[b-4k442si6wc] {
    padding: 12px 16px;
    text-align: right;
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
    border-bottom: 2px solid #e5e7eb;
}

.transactions-table td[b-4k442si6wc] {
    padding: 12px 16px;
    text-align: right;
    font-size: 0.875rem;
    color: #111827;
    border-bottom: 1px solid #f3f4f6;
}

.transactions-table tbody tr:hover[b-4k442si6wc] {
    background-color: #f9fafb;
}

.transactions-table tbody tr:last-child td[b-4k442si6wc] {
    border-bottom: none;
}

.transactions-table .amount[b-4k442si6wc] {
    font-weight: 600;
}

.transactions-table .amount.positive[b-4k442si6wc] {
    color: #059669;
}

.transactions-table .amount.negative[b-4k442si6wc] {
    color: #dc2626;
}

.transactions-table .note[b-4k442si6wc] {
    color: #6b7280;
    font-style: italic;
}

.transactions-table .no-note[b-4k442si6wc] {
    color: #d1d5db;
}

/* אנימציה */
@keyframes walletDialogSlideIn-b-4k442si6wc {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.wallet-dialog--visible .wallet-dialog__content[b-4k442si6wc] {
    animation: walletDialogSlideIn-b-4k442si6wc 0.2s ease-out;
}

/* תמיכה במכשירים ניידים */
@media (max-width: 640px) {
    .wallet-dialog__content[b-4k442si6wc] {
        width: 95%;
        margin: 20px;
        max-height: 95vh;
    }
    
    .wallet-dialog__header[b-4k442si6wc],
    .wallet-dialog__body[b-4k442si6wc],
    .wallet-dialog__footer[b-4k442si6wc] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .balance-value[b-4k442si6wc] {
        font-size: 2rem;
    }

    .transactions-table[b-4k442si6wc] {
        font-size: 0.8rem;
    }

    .transactions-table th[b-4k442si6wc],
    .transactions-table td[b-4k442si6wc] {
        padding: 8px 12px;
    }
}

/* _content/aiapiflu/Components/Shared/דיאלוג_אישור.razor.rz.scp.css */
/* דיאלוג אישור כללי */
.confirmation-dialog[b-zvsdabi81v] {
    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-zvsdabi81v] {
    opacity: 1;
    visibility: visible;
}

.confirmation-dialog__overlay[b-zvsdabi81v] {
    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-zvsdabi81v] {
    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-zvsdabi81v] {
    transform: scale(1);
}

.confirmation-dialog__header[b-zvsdabi81v] {
    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-zvsdabi81v] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.confirmation-dialog__close[b-zvsdabi81v] {
    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-zvsdabi81v] {
    background-color: #f3f4f6;
    color: #374151;
}

.confirmation-dialog__body[b-zvsdabi81v] {
    padding: 0 24px 20px 24px;
}

.confirmation-dialog__body p[b-zvsdabi81v] {
    margin: 0 0 16px 0;
    color: #374151;
    line-height: 1.6;
}

.confirmation-dialog__details[b-zvsdabi81v] {
    font-size: 0.875rem;
    color: #6b7280;
    background-color: #f9fafb;
    padding: 12px;
    border-radius: 6px;
    border-left: 3px solid #d1d5db;
}

.confirmation-dialog__footer[b-zvsdabi81v] {
    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-zvsdabi81v] {
    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-zvsdabi81v] {
    background-color: white;
    color: #374151;
    border-color: #d1d5db;
}

.confirmation-dialog__footer .secondary:hover[b-zvsdabi81v] {
    background-color: #f9fafb;
    border-color: #9ca3af;
}

.confirmation-dialog__footer .danger[b-zvsdabi81v] {
    background-color: #dc2626;
    color: white;
}

.confirmation-dialog__footer .danger:hover[b-zvsdabi81v] {
    background-color: #b91c1c;
}

/* אנימציה לפתיחה וסגירה */
@keyframes confirmationDialogSlideIn-b-zvsdabi81v {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.confirmation-dialog--visible .confirmation-dialog__content[b-zvsdabi81v] {
    animation: confirmationDialogSlideIn-b-zvsdabi81v 0.2s ease-out;
}

/* תמיכה במכשירים ניידים */
@media (max-width: 640px) {
    .confirmation-dialog__content[b-zvsdabi81v] {
        width: 95%;
        margin: 20px;
    }
    
    .confirmation-dialog__header[b-zvsdabi81v],
    .confirmation-dialog__body[b-zvsdabi81v],
    .confirmation-dialog__footer[b-zvsdabi81v] {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .confirmation-dialog__footer[b-zvsdabi81v] {
        flex-direction: column;
    }
    
    .confirmation-dialog__footer button[b-zvsdabi81v] {
        width: 100%;
    }
}
/* _content/aiapiflu/Components/Shared/דרופדאון_משתמש.razor.rz.scp.css */
/* עיצוב דרופדאון המשתמש */
.user-dropdown[b-vkcntw8r7e] {
    position: relative;
    display: inline-block;
}

/* כפתור המשתמש המחובר */
.user-button[b-vkcntw8r7e] {
    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-vkcntw8r7e] {
    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-vkcntw8r7e] {
    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-vkcntw8r7e] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* אווטר המשתמש */
.user-avatar[b-vkcntw8r7e] {
    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-vkcntw8r7e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.user-name[b-vkcntw8r7e] {
    font-weight: 500;
    font-size: 0.85rem;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-badge[b-vkcntw8r7e] {
    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-vkcntw8r7e] {
    font-size: 0.7rem;
    transition: transform 0.3s ease;
    color: #95a5a6;
}

.dropdown-arrow.open[b-vkcntw8r7e] {
    transform: rotate(180deg);
}

/* תפריט הדרופדאון */
.dropdown-menu[b-vkcntw8r7e] {
    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-vkcntw8r7e 0.2s ease-out;
}

@keyframes dropdownFadeIn-b-vkcntw8r7e {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* כותרת הדרופדאון */
.dropdown-header[b-vkcntw8r7e] {
    padding: 1rem;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.user-details[b-vkcntw8r7e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-avatar-large[b-vkcntw8r7e] {
    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-vkcntw8r7e] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.user-name-large[b-vkcntw8r7e] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #2c3e50;
}

.user-badge-large[b-vkcntw8r7e] {
    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-vkcntw8r7e] {
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: 0.5rem 0;
}

/* פריטי התפריט */
.dropdown-items[b-vkcntw8r7e] {
    padding: 0.5rem 0;
}

.dropdown-item[b-vkcntw8r7e] {
    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-vkcntw8r7e] {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
}

.dropdown-item i[b-vkcntw8r7e] {
    width: 16px;
    text-align: center;
    font-size: 0.85rem;
}

/* פריט התנתקות מיוחד */
.logout-item[b-vkcntw8r7e] {
    color: #e74c3c !important;
}

.logout-item:hover[b-vkcntw8r7e] {
    background: rgba(231, 76, 60, 0.1) !important;
    color: #c0392b !important;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .user-name[b-vkcntw8r7e] {
        max-width: 80px;
        font-size: 0.8rem;
    }
    
    .dropdown-menu[b-vkcntw8r7e] {
        min-width: 200px;
        right: -10px;
    }
    
    .user-button[b-vkcntw8r7e],
    .login-button[b-vkcntw8r7e] {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .user-name[b-vkcntw8r7e] {
        display: none;
    }
    
    .user-button[b-vkcntw8r7e] {
        padding: 0.4rem;
        gap: 0.5rem;
    }
    
    .login-button span[b-vkcntw8r7e] {
        display: none;
    }
    
    .dropdown-menu[b-vkcntw8r7e] {
        right: -20px;
        min-width: 180px;
    }
}
/* _content/aiapiflu/Components/Shared/מספר_דקות_אחורה.razor.rz.scp.css */
.minutes-back-selector[b-cn7scjjyr1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.minutes-back-selector label[b-cn7scjjyr1] {
    font-weight: 500;
    color: #495057;
    margin: 0;
    white-space: nowrap;
}

.number-input-group[b-cn7scjjyr1] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.number-input-group .btn[b-cn7scjjyr1] {
    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-cn7scjjyr1] {
    background-color: #e9ecef;
    border-color: #adb5bd;
}

.number-input-group .btn:disabled[b-cn7scjjyr1] {
    opacity: 0.5;
    cursor: not-allowed;
}

.number-input-group .btn i[b-cn7scjjyr1] {
    font-size: 12px;
}

.number-input[b-cn7scjjyr1] {
    width: 80px;
    text-align: center;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 14px;
}

.number-input:focus[b-cn7scjjyr1] {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.unit-label[b-cn7scjjyr1] {
    color: #6c757d;
    font-size: 14px;
    white-space: nowrap;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .minutes-back-selector[b-cn7scjjyr1] {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }
    
    .minutes-back-selector label[b-cn7scjjyr1] {
        text-align: center;
    }
    
    .number-input-group[b-cn7scjjyr1] {
        justify-content: center;
    }
    
    .unit-label[b-cn7scjjyr1] {
        text-align: center;
    }
}
/* _content/aiapiflu/Components/ניהול/ContainerComponent.razor.rz.scp.css */
/* עיצוב הודעת גישה נדחתה */
.access-denied[b-ezayna3igi] {
    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-ezayna3igi] {
    font-size: 3rem;
    margin: 0 0 1rem 0;
    font-weight: 700;
}

.access-denied p[b-ezayna3igi] {
    font-size: 1.2rem;
    margin: 0.5rem 0;
    opacity: 0.9;
    max-width: 500px;
}

.access-denied .btn[b-ezayna3igi] {
    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-ezayna3igi] {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* עיצוב רכיב הניהול */
.management-container[b-ezayna3igi] {
    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-ezayna3igi] {
    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-ezayna3igi] {
    padding: 2rem 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.sidebar-header h2[b-ezayna3igi] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
}

.sidebar-nav[b-ezayna3igi] {
    flex: 1;
    padding: 1rem 0;
}

.nav-section[b-ezayna3igi] {
    margin-bottom: 2rem;
}

.nav-section h3[b-ezayna3igi] {
    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-ezayna3igi] {
    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-ezayna3igi] {
    background: rgba(255,255,255,0.1);
    color: #ffffff;
    transform: translateX(-3px);
}

.nav-item.active[b-ezayna3igi] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(75, 123, 236, 0.3);
}

.nav-item.active:hover[b-ezayna3igi] {
    transform: translateX(-3px);
    background: linear-gradient(135deg, #5a8bf0, #4a7ce8);
}

.nav-icon[b-ezayna3igi] {
    font-size: 1.2rem;
    min-width: 24px;
}

.nav-text[b-ezayna3igi] {
    flex: 1;
    text-align: right;
}

/* אזור התוכן */
.content-area[b-ezayna3igi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100vh;
}

.content-header[b-ezayna3igi] {
    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-ezayna3igi] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #17263f;
}

.content-body[b-ezayna3igi] {
    flex: 1;
    padding: 2rem 3rem;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f8f9ff;
    height: calc(100vh - 120px); /* מפחית את גובה הכותרת */
}

/* הודעות ברוכים הבאים */
.welcome-message[b-ezayna3igi] {
    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-ezayna3igi] {
    margin: 0 0 1rem 0;
    font-size: 2rem;
    color: #17263f;
}

.welcome-message p[b-ezayna3igi] {
    margin: 0;
    font-size: 1.1rem;
    color: #6c7a92;
}

/* הודעות "בתהליך פיתוח" */
.coming-soon[b-ezayna3igi] {
    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-ezayna3igi] {
    margin: 0 0 1rem 0;
    font-size: 1.8rem;
    color: #17263f;
}

.coming-soon p[b-ezayna3igi] {
    margin: 0;
    font-size: 1.1rem;
    color: #6c7a92;
}

/* עיצוב רספונסיבי */
@media (max-width: 1024px) {
    .sidebar[b-ezayna3igi] {
        width: 240px;
    }
    
    .content-header[b-ezayna3igi],
    .content-body[b-ezayna3igi] {
        padding: 1.5rem 2rem;
    }
    
    .content-body[b-ezayna3igi] {
        height: calc(100vh - 100px);
    }
}

@media (max-width: 768px) {
    .management-container[b-ezayna3igi] {
        flex-direction: column;
        height: 100vh;
    }
    
    .sidebar[b-ezayna3igi] {
        width: 100%;
        height: auto;
        max-height: 200px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    
    .content-area[b-ezayna3igi] {
        height: calc(100vh - 200px);
    }
    
    .sidebar-nav[b-ezayna3igi] {
        display: flex;
        overflow-x: auto;
        padding: 1rem 0;
    }
    
    .nav-section[b-ezayna3igi] {
        margin-bottom: 0;
        margin-left: 1rem;
        min-width: 200px;
    }
    
    .nav-section h3[b-ezayna3igi] {
        padding: 0 0 0.5rem 0;
        margin-bottom: 0.5rem;
    }
    
    .nav-item[b-ezayna3igi] {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
    
    .content-header[b-ezayna3igi],
    .content-body[b-ezayna3igi] {
        padding: 1rem;
    }
    
    .content-header h1[b-ezayna3igi] {
        font-size: 1.5rem;
    }
    
    .content-body[b-ezayna3igi] {
        height: calc(100vh - 250px);
    }
}

@media (max-width: 480px) {
    .sidebar-header[b-ezayna3igi] {
        padding: 1rem;
    }
    
    .sidebar-header h2[b-ezayna3igi] {
        font-size: 1.2rem;
    }
    
    .nav-item[b-ezayna3igi] {
        padding: 0.6rem 0.8rem;
        font-size: 0.85rem;
    }
    
    .nav-icon[b-ezayna3igi] {
        font-size: 1rem;
    }
    
    .welcome-message[b-ezayna3igi],
    .coming-soon[b-ezayna3igi] {
        padding: 2rem 1rem;
    }
    
    .welcome-message h2[b-ezayna3igi],
    .coming-soon h2[b-ezayna3igi] {
        font-size: 1.5rem;
    }
    
    .content-body[b-ezayna3igi] {
        height: calc(100vh - 220px);
    }
}
/* _content/aiapiflu/Components/ניהול/בדיקת_צמתים.razor.rz.scp.css */
/* מיכל ראשי - Layout Split */
.node-tester-container[b-0j123mdjhh] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    background: #f8f9fa;
    overflow: hidden;
}

/* === Sidebar - רשימת צמתים משמאל === */
.nodes-sidebar[b-0j123mdjhh] {
    width: 320px;
    min-width: 280px;
    height: 100%; 
    background: white;
    border-left: 2px solid #e9ecef;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sidebar-header[b-0j123mdjhh] {
    padding: 20px;
    border-bottom: 2px solid #e9ecef;
    background: #f8f9fa;
}

.sidebar-header h2[b-0j123mdjhh] {
    margin: 0 0 16px 0;
    color: #2c3e50;
    font-size: 22px;
}

.search-box[b-0j123mdjhh] {
    width: 100%;
    padding: 10px 14px;
    font-size: 14px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    transition: border-color 0.2s;
}

.search-box:focus[b-0j123mdjhh] {
    outline: none;
    border-color: #4a90e2;
}

.nodes-list[b-0j123mdjhh] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

.node-list-item[b-0j123mdjhh] {
    width: 100%;
    text-align: right;
    padding: 14px 16px;
    margin-bottom: 8px;
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.node-list-item:hover[b-0j123mdjhh] {
    border-color: #4a90e2;
    background: #f8f9ff;
    transform: translateX(-2px);
}

.node-list-item.selected[b-0j123mdjhh] {
    border-color: #667eea;
    background: linear-gradient(135deg, #f0f4ff 0%, #e8edff 100%);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.2);
}

.node-list-title[b-0j123mdjhh] {
    font-size: 15px;
    font-weight: 600;
    color: #2c3e50;
}

.node-list-meta[b-0j123mdjhh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.node-list-id[b-0j123mdjhh] {
    color: #6c757d;
    font-family: monospace;
    font-size: 11px;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.node-list-stats[b-0j123mdjhh] {
    color: #6c757d;
    font-size: 11px;
    white-space: nowrap;
}

/* === תוכן הצומת - צד ימין === */
.node-content[b-0j123mdjhh] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f8f9fa;
}

.empty-selection[b-0j123mdjhh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    text-align: center;
    padding: 40px;
}

.empty-icon[b-0j123mdjhh] {
    font-size: 64px;
    margin-bottom: 20px;
}

.empty-selection h3[b-0j123mdjhh] {
    margin: 0 0 12px 0;
    color: #2c3e50;
    font-size: 24px;
}

.empty-selection p[b-0j123mdjhh] {
    margin: 0;
    font-size: 16px;
    color: #6c757d;
}

/* Header קבוע עם כפתורי הרצה */
.execution-header-sticky[b-0j123mdjhh] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: white;
    border-bottom: 2px solid #e9ecef;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.execution-header-content[b-0j123mdjhh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    gap: 20px;
    flex-wrap: wrap;
}

.execution-header-content .header-info[b-0j123mdjhh] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    min-width: 200px;
}

.execution-header-content h2[b-0j123mdjhh] {
    margin: 0;
    color: #2c3e50;
    font-size: 22px;
}

.execution-header-content .header-actions[b-0j123mdjhh] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.execution-header-content .header-status[b-0j123mdjhh] {
    display: flex;
    align-items: center;
}

.execution-header-content .action-buttons[b-0j123mdjhh] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.execution-header-content .execution-time[b-0j123mdjhh] {
    font-size: 13px;
    color: #6c757d;
    font-family: monospace;
    white-space: nowrap;
}

.header-info[b-0j123mdjhh] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-header h2[b-0j123mdjhh] {
    margin: 0;
    color: #2c3e50;
    font-size: 24px;
}

.node-id-badge[b-0j123mdjhh] {
    font-size: 12px;
    color: #6c757d;
    background: #f8f9fa;
    padding: 4px 10px;
    border-radius: 6px;
    font-family: monospace;
    border: 1px solid #dee2e6;
}

.header-status[b-0j123mdjhh] {
    display: flex;
    align-items: center;
}

.status-indicator[b-0j123mdjhh] {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.status-indicator.status-not-ready[b-0j123mdjhh] {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.status-indicator.status-ready[b-0j123mdjhh] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status-indicator.status-running[b-0j123mdjhh] {
    background: #cfe2ff;
    color: #084298;
    border: 1px solid #9ec5fe;
}

.status-indicator.status-success[b-0j123mdjhh] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status-indicator.status-failed[b-0j123mdjhh] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* אזור קלטים עם גלילה עצמאית */
.inputs-scrollable-container[b-0j123mdjhh] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    background: white;
}

.inputs-section[b-0j123mdjhh] {
    padding: 24px;
    background: white;
}

/* אזור פלטים עם גלילה עצמאית */
.outputs-scrollable-container[b-0j123mdjhh] {
    flex: 0 0 auto;
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f8f9fa;
    border-top: 2px solid #e9ecef;
    animation: slideDown-b-0j123mdjhh 0.3s ease-out;
}

@keyframes slideDown-b-0j123mdjhh {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.outputs-section[b-0j123mdjhh] {
    padding: 24px;
    background: #f8f9fa;
}

.section-header-row[b-0j123mdjhh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.inputs-section h3[b-0j123mdjhh],
.outputs-section h3[b-0j123mdjhh] {
    margin: 0;
    color: #2c3e50;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.warning-badge[b-0j123mdjhh] {
    font-size: 12px;
    color: #856404;
    background: #fff3cd;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 600;
    border: 1px solid #ffeaa7;
}

/* שורת פרמטר */
.parameter-row[b-0j123mdjhh] {
    margin-bottom: 20px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    transition: all 0.2s;
}

.parameter-row.invalid-input[b-0j123mdjhh] {
    border-color: #ffc107;
    background: #fffbf0;
}

.output-row[b-0j123mdjhh] {
    background: white;
}

.parameter-header[b-0j123mdjhh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.parameter-name[b-0j123mdjhh] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.invalid-indicator[b-0j123mdjhh] {
    color: #ffc107;
    font-size: 14px;
}

.parameter-meta[b-0j123mdjhh] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.parameter-type[b-0j123mdjhh] {
    font-size: 11px;
    color: #6c757d;
    background: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-family: monospace;
    border: 1px solid #dee2e6;
}

.required-badge[b-0j123mdjhh] {
    font-size: 10px;
    color: white;
    background: #dc3545;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
}

.optional-badge[b-0j123mdjhh] {
    font-size: 10px;
    color: #6c757d;
    background: #e9ecef;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
}

.parameter-description[b-0j123mdjhh] {
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 12px;
    line-height: 1.5;
}

.parameter-input[b-0j123mdjhh],
.parameter-output[b-0j123mdjhh] {
    margin-top: 12px;
}

.input-field[b-0j123mdjhh] {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    transition: border-color 0.2s;
    font-family: inherit;
    box-sizing: border-box;
}

.input-field:focus[b-0j123mdjhh] {
    outline: none;
    border-color: #4a90e2;
}

.textarea-field[b-0j123mdjhh] {
    resize: vertical;
    min-height: 80px;
    font-family: 'Consolas', 'Monaco', monospace;
}

.checkbox-label[b-0j123mdjhh] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.checkbox-label input[type="checkbox"][b-0j123mdjhh] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* פלטים */
.parameter-output[b-0j123mdjhh] {
    position: relative;
}

.output-value-wrapper[b-0j123mdjhh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.output-size-bar[b-0j123mdjhh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.output-size[b-0j123mdjhh] {
    font-size: 10px;
    color: #6c757d;
    background: #e9ecef;
    padding: 4px 8px;
    border-radius: 4px;
    font-family: monospace;
    font-weight: 500;
}

.output-value[b-0j123mdjhh] {
    background: #f8f9fa;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 13px;
    color: #2c3e50;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    max-height: 400px;
    overflow-y: auto;
}

.empty-value[b-0j123mdjhh] {
    color: #adb5bd;
    font-style: italic;
    font-size: 14px;
}

.copy-button[b-0j123mdjhh] {
    padding: 4px 10px;
    font-size: 11px;
    background: #e9ecef;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    color: #495057;
    transition: all 0.2s;
    font-weight: 500;
}

.copy-button:hover[b-0j123mdjhh] {
    background: #667eea;
    color: white;
    border-color: #667eea;
}

/* הסרת execution-section - כבר לא נחוץ */

.action-buttons[b-0j123mdjhh] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.action-button[b-0j123mdjhh] {
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    background: white;
    color: #495057;
}

.action-button:hover:not(:disabled)[b-0j123mdjhh] {
    background: #e9ecef;
    border-color: #adb5bd;
}

.action-button:disabled[b-0j123mdjhh] {
    opacity: 0.5;
    cursor: not-allowed;
}

.clear-button[b-0j123mdjhh] {
    border-color: #ffc107;
    color: #856404;
}

.clear-button:hover:not(:disabled)[b-0j123mdjhh] {
    background: #fff3cd;
    border-color: #ffc107;
}

.rerun-button[b-0j123mdjhh] {
    border-color: #0dcaf0;
    color: #055160;
}

.rerun-button:hover:not(:disabled)[b-0j123mdjhh] {
    background: #cff4fc;
    border-color: #0dcaf0;
}

.copy-all-button[b-0j123mdjhh] {
    border-color: #667eea;
    color: #667eea;
}

.copy-all-button:hover:not(:disabled)[b-0j123mdjhh] {
    background: #f0f4ff;
    border-color: #667eea;
}

.execute-button[b-0j123mdjhh] {
    padding: 10px 24px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.execute-button:hover:not(:disabled)[b-0j123mdjhh] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}

.execute-button:disabled[b-0j123mdjhh] {
    opacity: 0.6;
    cursor: not-allowed;
}

.execution-time[b-0j123mdjhh] {
    font-size: 13px;
    color: #6c757d;
    font-family: monospace;
    white-space: nowrap;
}

/* הודעות */
.empty-message[b-0j123mdjhh] {
    padding: 40px 20px;
    text-align: center;
    color: #adb5bd;
    font-size: 15px;
}

.success-indicator[b-0j123mdjhh] {
    padding: 12px 16px;
    background: #d4edda;
    color: #155724;
    border-radius: 8px;
    margin-bottom: 16px;
    font-weight: 600;
    border: 1px solid #c3e6cb;
}

.error-result[b-0j123mdjhh] {
    padding: 16px;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 8px;
    margin-bottom: 16px;
}

.error-header[b-0j123mdjhh] {
    font-weight: 600;
    color: #721c24;
    margin-bottom: 8px;
}

.error-message[b-0j123mdjhh] {
    color: #721c24;
    font-size: 14px;
    line-height: 1.5;
}

/* דיבוג */
.debug-section[b-0j123mdjhh] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid #dee2e6;
}

.debug-section h4[b-0j123mdjhh] {
    margin: 0 0 12px 0;
    color: #2c3e50;
    font-size: 16px;
}

.debug-messages[b-0j123mdjhh] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 12px;
    max-height: 300px;
    overflow-y: auto;
}

.debug-message[b-0j123mdjhh] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    color: #495057;
    padding: 4px 0;
    border-bottom: 1px solid #e9ecef;
}

.debug-message:last-child[b-0j123mdjhh] {
    border-bottom: none;
}

/* גלילה מותאמת אישית */
.nodes-list[b-0j123mdjhh]::-webkit-scrollbar,
.inputs-scrollable-container[b-0j123mdjhh]::-webkit-scrollbar,
.outputs-scrollable-container[b-0j123mdjhh]::-webkit-scrollbar,
.debug-messages[b-0j123mdjhh]::-webkit-scrollbar,
.output-value[b-0j123mdjhh]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.nodes-list[b-0j123mdjhh]::-webkit-scrollbar-track,
.inputs-scrollable-container[b-0j123mdjhh]::-webkit-scrollbar-track,
.outputs-scrollable-container[b-0j123mdjhh]::-webkit-scrollbar-track,
.debug-messages[b-0j123mdjhh]::-webkit-scrollbar-track,
.output-value[b-0j123mdjhh]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.nodes-list[b-0j123mdjhh]::-webkit-scrollbar-thumb,
.inputs-scrollable-container[b-0j123mdjhh]::-webkit-scrollbar-thumb,
.outputs-scrollable-container[b-0j123mdjhh]::-webkit-scrollbar-thumb,
.debug-messages[b-0j123mdjhh]::-webkit-scrollbar-thumb,
.output-value[b-0j123mdjhh]::-webkit-scrollbar-thumb {
    background: #adb5bd;
    border-radius: 4px;
}

.nodes-list[b-0j123mdjhh]::-webkit-scrollbar-thumb:hover,
.inputs-scrollable-container[b-0j123mdjhh]::-webkit-scrollbar-thumb:hover,
.outputs-scrollable-container[b-0j123mdjhh]::-webkit-scrollbar-thumb:hover,
.debug-messages[b-0j123mdjhh]::-webkit-scrollbar-thumb:hover,
.output-value[b-0j123mdjhh]::-webkit-scrollbar-thumb:hover {
    background: #6c757d;
}

/* התאמה למסכים קטנים */
@media (max-width: 1024px) {
    .nodes-sidebar[b-0j123mdjhh] {
        width: 260px;
        min-width: 240px;
    }
    
    .execution-header-content[b-0j123mdjhh] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .execution-header-content .header-actions[b-0j123mdjhh] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
    
    .execution-header-content .action-buttons[b-0j123mdjhh] {
        width: 100%;
        justify-content: center;
    }
    
    .execute-button[b-0j123mdjhh] {
        flex: 1;
    }
    
    .outputs-scrollable-container[b-0j123mdjhh] {
        max-height: 40vh;
    }
}
/* _content/aiapiflu/Components/ניהול/דיאלוג_התנגשות_קבצים.razor.rz.scp.css */
.conflict-dialog-modal[b-al5qa54kx7] {
    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-al5qa54kx7] {
    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-al5qa54kx7] {
    padding: 20px;
    border-bottom: 2px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3[b-al5qa54kx7] {
    margin: 0;
    color: #d32f2f;
    font-size: 1.3em;
}

.close-btn[b-al5qa54kx7] {
    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-al5qa54kx7] {
    color: #000;
    background-color: #f0f0f0;
    border-radius: 50%;
}

.modal-body[b-al5qa54kx7] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.conflict-message[b-al5qa54kx7] {
    margin-bottom: 20px;
    color: #555;
    font-size: 1.05em;
}

.conflict-list[b-al5qa54kx7] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.conflict-item[b-al5qa54kx7] {
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    background-color: #fafafa;
}

.conflict-header[b-al5qa54kx7] {
    margin-bottom: 10px;
}

.conflict-filename[b-al5qa54kx7] {
    font-weight: bold;
    font-size: 1.1em;
    color: #333;
}

.conflict-details[b-al5qa54kx7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.conflict-info[b-al5qa54kx7] {
    color: #666;
    font-size: 0.95em;
}

.conflict-actions[b-al5qa54kx7] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-conflict[b-al5qa54kx7] {
    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-al5qa54kx7] {
    background-color: #f0f0f0;
    border-color: #999;
}

.btn-conflict.active[b-al5qa54kx7] {
    background-color: #1976d2;
    color: white;
    border-color: #1976d2;
}

.btn-conflict.active:hover[b-al5qa54kx7] {
    background-color: #1565c0;
}

.rename-input-group[b-al5qa54kx7] {
    margin-top: 10px;
}

.rename-input[b-al5qa54kx7] {
    width: 100%;
    padding: 8px 12px;
    border: 2px solid #ccc;
    border-radius: 6px;
    font-size: 0.95em;
}

.rename-input:focus[b-al5qa54kx7] {
    outline: none;
    border-color: #1976d2;
}

.modal-footer[b-al5qa54kx7] {
    padding: 20px;
    border-top: 2px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn[b-al5qa54kx7] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1em;
    transition: all 0.2s;
}

.btn-primary[b-al5qa54kx7] {
    background-color: #1976d2;
    color: white;
}

.btn-primary:hover[b-al5qa54kx7] {
    background-color: #1565c0;
}

.btn-danger[b-al5qa54kx7] {
    background-color: #d32f2f;
    color: white;
}

.btn-danger:hover[b-al5qa54kx7] {
    background-color: #c62828;
}

.btn-secondary[b-al5qa54kx7] {
    background-color: #757575;
    color: white;
}

.btn-secondary:hover[b-al5qa54kx7] {
    background-color: #616161;
}

/* _content/aiapiflu/Components/ניהול/דיאלוג_התקדמות_הורדה.razor.rz.scp.css */
/* דיאלוג התקדמות הורדה */
.download-progress-modal[b-c2fehp1smv] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    backdrop-filter: blur(4px);
}

.download-progress-content[b-c2fehp1smv] {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(74, 144, 226, 0.3);
}

.modal-header[b-c2fehp1smv] {
    padding: 24px 28px;
    border-bottom: 2px solid rgba(74, 144, 226, 0.3);
    background: rgba(74, 144, 226, 0.1);
    border-radius: 16px 16px 0 0;
}

    .modal-header h3[b-c2fehp1smv] {
        margin: 0;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.modal-body[b-c2fehp1smv] {
    padding: 24px 28px;
    overflow-y: auto;
    flex: 1;
}

.download-item[b-c2fehp1smv] {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

    .download-item:hover[b-c2fehp1smv] {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(74, 144, 226, 0.4);
        transform: translateY(-2px);
    }

    .download-item:last-child[b-c2fehp1smv] {
        margin-bottom: 0;
    }

.download-item-header[b-c2fehp1smv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

    .download-item-header .file-name[b-c2fehp1smv] {
        font-weight: 600;
        color: #fff;
        font-size: 1rem;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-right: 12px;
    }

    .download-item-header .file-status[b-c2fehp1smv] {
        color: #4a90e2;
        font-size: 0.9rem;
        font-weight: 500;
    }

.progress-bar-container[b-c2fehp1smv] {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    height: 12px;
    overflow: hidden;
    margin-bottom: 8px;
    position: relative;
}

.progress-bar[b-c2fehp1smv] {
    height: 100%;
    background: linear-gradient(90deg, #4a90e2, #5aa9ff);
    border-radius: 8px;
    transition: width 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .progress-bar[b-c2fehp1smv]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.3), transparent );
        animation: shimmer-b-c2fehp1smv 2s infinite;
    }

@keyframes shimmer-b-c2fehp1smv {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.download-stats[b-c2fehp1smv] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
}

.download-complete[b-c2fehp1smv] {
    text-align: center;
    padding: 32px 20px;
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.1), rgba(90, 169, 255, 0.1));
    border-radius: 12px;
    margin-top: 20px;
}

    .download-complete .complete-icon[b-c2fehp1smv] {
        font-size: 4rem;
        margin-bottom: 16px;
        animation: scaleIn-b-c2fehp1smv 0.5s ease;
    }

@keyframes scaleIn-b-c2fehp1smv {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.download-complete h4[b-c2fehp1smv] {
    color: #fff;
    font-size: 1.3rem;
    margin: 0 0 8px 0;
}

.download-complete p[b-c2fehp1smv] {
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    font-size: 1rem;
}

.modal-footer[b-c2fehp1smv] {
    padding: 20px 28px;
    border-top: 2px solid rgba(74, 144, 226, 0.3);
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0 0 16px 16px;
}

.overall-progress[b-c2fehp1smv] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .overall-progress span[b-c2fehp1smv] {
        color: #4a90e2;
        font-weight: 600;
        font-size: 1.1rem;
    }

/* גלילה מותאמת */
.modal-body[b-c2fehp1smv]::-webkit-scrollbar {
    width: 8px;
}

.modal-body[b-c2fehp1smv]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.modal-body[b-c2fehp1smv]::-webkit-scrollbar-thumb {
    background: rgba(74, 144, 226, 0.5);
    border-radius: 4px;
}

    .modal-body[b-c2fehp1smv]::-webkit-scrollbar-thumb:hover {
        background: rgba(74, 144, 226, 0.7);
    }

/* _content/aiapiflu/Components/ניהול/דיאלוג_התקדמות_העלאה.razor.rz.scp.css */
/* דיאלוג התקדמות העלאה */
.upload-progress-modal[b-i03hapem0g] {
    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: 900;
    animation: fadeIn-b-i03hapem0g 0.3s ease;
}

.upload-progress-content[b-i03hapem0g] {
    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-i03hapem0g 0.3s ease;
}

/* כותרת */
.modal-header[b-i03hapem0g] {
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.modal-header h3[b-i03hapem0g] {
    margin: 0;
    font-size: 1.3rem;
    color: white;
}

/* תוכן */
.modal-body[b-i03hapem0g] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

/* פריט העלאה בודד */
.upload-item[b-i03hapem0g] {
    margin-bottom: 20px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.upload-item-header[b-i03hapem0g] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.file-name[b-i03hapem0g] {
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.file-status[b-i03hapem0g] {
    font-size: 0.85rem;
    color: #666;
}

/* פס התקדמות */
.progress-bar-container[b-i03hapem0g] {
    width: 100%;
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px;
}

.progress-bar[b-i03hapem0g] {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    transition: width 0.3s ease;
    border-radius: 4px;
}

/* סטטיסטיקות העלאה */
.upload-stats[b-i03hapem0g] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    color: #666;
}

/* תצוגת השלמה */
.upload-complete[b-i03hapem0g] {
    text-align: center;
    padding: 30px 20px;
}

.complete-icon[b-i03hapem0g] {
    font-size: 4rem;
    margin-bottom: 16px;
    animation: bounce-b-i03hapem0g 0.6s ease;
}

.upload-complete h4[b-i03hapem0g] {
    margin: 0 0 8px 0;
    color: #28a745;
    font-size: 1.2rem;
}

.upload-complete p[b-i03hapem0g] {
    margin: 0;
    color: #666;
    font-size: 0.95rem;
}

/* תחתית */
.modal-footer[b-i03hapem0g] {
    padding: 16px 24px;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
}

.overall-progress[b-i03hapem0g] {
    text-align: center;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

/* אנימציות */
@keyframes fadeIn-b-i03hapem0g {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

@keyframes bounce-b-i03hapem0g {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}

/* התאמה למסכים קטנים */
@media (max-width: 600px) {
    .upload-progress-content[b-i03hapem0g] {
        min-width: 90%;
        max-width: 90%;
    }
}

/* _content/aiapiflu/Components/ניהול/הצגת_ארנק.razor.rz.scp.css */
.wallet-display[b-q1u2zxm33r] {
    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-q1u2zxm33r] {
    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-q1u2zxm33r] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.user-email[b-q1u2zxm33r] {
    background: rgba(255,255,255,0.2);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

.operations-btn[b-q1u2zxm33r] {
    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-q1u2zxm33r] {
    background: rgba(255,255,255,0.3);
    border-color: rgba(255,255,255,0.5);
    transform: translateY(-1px);
}

.wallet-content[b-q1u2zxm33r] {
    padding: 25px;
}

.wallet-content h4[b-q1u2zxm33r] {
    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-q1u2zxm33r] {
    color: #555;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
}

/* יתרות */
.balances-section[b-q1u2zxm33r] {
    margin-bottom: 25px;
}

.balances-grid[b-q1u2zxm33r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

.balance-item[b-q1u2zxm33r] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.balance-item:hover[b-q1u2zxm33r] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.balance-item.positive[b-q1u2zxm33r] {
    border-color: #28a745;
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
}

.balance-item.negative[b-q1u2zxm33r] {
    border-color: #dc3545;
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
}

.currency[b-q1u2zxm33r] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.amount[b-q1u2zxm33r] {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

/* הגדרות מינוס */
.overdraft-section[b-q1u2zxm33r] {
    margin-bottom: 25px;
}

.overdraft-info[b-q1u2zxm33r] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.overdraft-item[b-q1u2zxm33r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding: 8px 0;
}

.overdraft-item:last-child[b-q1u2zxm33r] {
    margin-bottom: 0;
}

.label[b-q1u2zxm33r] {
    font-weight: 600;
    color: #555;
}

.value.yes[b-q1u2zxm33r] {
    color: #28a745;
    font-weight: 600;
}

.value.no[b-q1u2zxm33r] {
    color: #dc3545;
    font-weight: 600;
}

.overdraft-limits[b-q1u2zxm33r] {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #dee2e6;
}

.limit-item[b-q1u2zxm33r] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 5px 0;
}

.limit-item .currency[b-q1u2zxm33r] {
    font-weight: 600;
    color: #666;
}

.limit-item .limit[b-q1u2zxm33r] {
    font-weight: 600;
    color: #dc3545;
}

/* סטטיסטיקות */
.statistics-section[b-q1u2zxm33r] {
    margin-bottom: 25px;
}

.stats-grid[b-q1u2zxm33r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.currency-stats[b-q1u2zxm33r] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.currency-stats h5[b-q1u2zxm33r] {
    text-align: center;
    margin-bottom: 15px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.stat-item[b-q1u2zxm33r] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 8px 0;
}

.stat-item:last-child[b-q1u2zxm33r] {
    margin-bottom: 0;
}

.stat-label[b-q1u2zxm33r] {
    font-weight: 500;
    color: #666;
}

.stat-value[b-q1u2zxm33r] {
    font-weight: 600;
    font-size: 16px;
}

.stat-value.charges[b-q1u2zxm33r] {
    color: #dc3545;
}

.stat-value.credits[b-q1u2zxm33r] {
    color: #28a745;
}

.stat-value.total[b-q1u2zxm33r] {
    color: #007bff;
}

/* מצב כללי */
.status-section[b-q1u2zxm33r] {
    margin-bottom: 0;
}

.status-indicator[b-q1u2zxm33r] {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
}

.status-indicator.healthy[b-q1u2zxm33r] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border: 2px solid #28a745;
}

.status-indicator.warning[b-q1u2zxm33r] {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    color: #856404;
    border: 2px solid #ffc107;
}

.status-icon[b-q1u2zxm33r] {
    margin-left: 10px;
    font-size: 20px;
}

.status-text[b-q1u2zxm33r] {
    flex: 1;
}

.status-main[b-q1u2zxm33r] {
    font-weight: 600;
    font-size: 16px;
}

.status-details[b-q1u2zxm33r] {
    font-size: 12px;
    opacity: 0.8;
    margin-top: 4px;
    font-style: italic;
}

/* אין ארנק */
.no-wallet[b-q1u2zxm33r] {
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

.no-wallet p[b-q1u2zxm33r] {
    font-size: 16px;
    margin-bottom: 20px;
}

.create-wallet-btn[b-q1u2zxm33r] {
    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-q1u2zxm33r] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* עיצוב סקציית הפעולות */
.operations-section[b-q1u2zxm33r] {
    margin-top: 20px;
    border-top: 2px solid #e9ecef;
    padding-top: 20px;
}

/* עיצוב עריכת הגדרות מינוס */
.overdraft-header[b-q1u2zxm33r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.edit-btn[b-q1u2zxm33r] {
    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-q1u2zxm33r] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.overdraft-edit[b-q1u2zxm33r] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid #28a745;
}

.edit-item[b-q1u2zxm33r] {
    margin-bottom: 15px;
    padding: 10px;
    background: white;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.edit-item label[b-q1u2zxm33r] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #555;
    cursor: pointer;
}

.edit-item input[type="checkbox"][b-q1u2zxm33r] {
    width: 18px;
    height: 18px;
    accent-color: #28a745;
}

.edit-limits[b-q1u2zxm33r] {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #dee2e6;
}

.limit-edit-item[b-q1u2zxm33r] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 15px;
}

.currency-label[b-q1u2zxm33r] {
    font-weight: 600;
    color: #666;
    min-width: 50px;
    text-align: left;
}

.limit-input[b-q1u2zxm33r] {
    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-q1u2zxm33r] {
    outline: none;
    border-color: #28a745;
    box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
}

.edit-buttons[b-q1u2zxm33r] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: flex-end;
}

.save-btn[b-q1u2zxm33r] {
    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-q1u2zxm33r] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.cancel-btn[b-q1u2zxm33r] {
    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-q1u2zxm33r] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

/* רספונסיביות */
@media (max-width: 768px) {
    .wallet-header[b-q1u2zxm33r] {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .overdraft-header[b-q1u2zxm33r] {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .balances-grid[b-q1u2zxm33r] {
        grid-template-columns: 1fr;
    }
    
    .stats-grid[b-q1u2zxm33r] {
        grid-template-columns: 1fr;
    }
    
    .wallet-content[b-q1u2zxm33r] {
        padding: 20px;
    }
    
    .limit-edit-item[b-q1u2zxm33r] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .currency-label[b-q1u2zxm33r] {
        min-width: auto;
    }
    
    .limit-input[b-q1u2zxm33r] {
        width: 100%;
    }
    
    .edit-buttons[b-q1u2zxm33r] {
        justify-content: center;
        flex-direction: column;
    }
}
/* _content/aiapiflu/Components/ניהול/הצגת_פעולות_ארנק.razor.rz.scp.css */
/* עיצוב רכיב הצגת פעולות ארנק */

.wallet-operations-display[b-i39rs136hc] {
    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-i39rs136hc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e9ecef;
}

.operations-header h4[b-i39rs136hc] {
    margin: 0;
    color: #495057;
    font-size: 1.4rem;
    font-weight: 600;
}

.user-email[b-i39rs136hc] {
    color: #6c757d;
    font-size: 0.9rem;
    font-style: italic;
}

.add-operation-btn[b-i39rs136hc] {
    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-i39rs136hc] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.4);
}

.add-operation-btn:active[b-i39rs136hc] {
    transform: translateY(0);
}

/* עיצוב טבלה */
.table-container[b-i39rs136hc] {
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.operations-table[b-i39rs136hc] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    table-layout: fixed;
}

.operations-table thead[b-i39rs136hc] {
    background: linear-gradient(135deg, #495057 0%, #6c757d 100%);
    color: white;
}

.operations-table th[b-i39rs136hc] {
    padding: 12px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 0.85rem;
    border: none;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 10;
}

.operations-table td[b-i39rs136hc] {
    padding: 10px 10px;
    border-bottom: 1px solid #e9ecef;
    font-size: 0.85rem;
    text-align: center;
}

.operations-table tbody tr:hover[b-i39rs136hc] {
    background-color: #f8f9fa;
}

/* עיצוב שורות לפי סוג פעולה */
.operations-table tbody tr.charge[b-i39rs136hc] {
    background-color: #fff5f5;
}

.operations-table tbody tr.credit[b-i39rs136hc] {
    background-color: #f0fff4;
}

.operations-table tbody tr.charge:hover[b-i39rs136hc] {
    background-color: #ffe6e6;
}

.operations-table tbody tr.credit:hover[b-i39rs136hc] {
    background-color: #e6ffe6;
}

/* עיצוב עמודות - רוחב מותאם */
.col-amount[b-i39rs136hc] {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.col-title[b-i39rs136hc] {
    width: 200px;
    min-width: 200px;
}

.col-note[b-i39rs136hc] {
    width: 200px;
    min-width: 200px;
}

.col-project[b-i39rs136hc] {
    width: 120px;
    min-width: 120px;
}

.col-time[b-i39rs136hc] {
    width: 140px;
    min-width: 140px;
}

.col-actions[b-i39rs136hc] {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
}

/* עיצוב תוכן עמודות */
.amount[b-i39rs136hc] {
    font-weight: 600;
    text-align: center;
    font-size: 0.9rem;
}

.amount.positive[b-i39rs136hc] {
    color: #28a745;
}

.amount.negative[b-i39rs136hc] {
    color: #dc3545;
}

.currency-symbol[b-i39rs136hc] {
    color: #6c757d;
    font-size: 0.85rem;
    margin-right: 2px;
    font-weight: normal;
}

.title[b-i39rs136hc] {
    font-weight: 500;
    color: #495057;
    text-align: right;
    padding-right: 12px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note[b-i39rs136hc] {
    color: #6c757d;
    font-size: 0.8rem;
    text-align: right;
    padding-right: 12px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-id[b-i39rs136hc] {
    color: #6c757d;
    font-size: 0.8rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.time[b-i39rs136hc] {
    color: #6c757d;
    font-size: 0.8rem;
    text-align: center;
}

.actions[b-i39rs136hc] {
    text-align: center;
}

.operation-type[b-i39rs136hc] {
    font-size: 1.2rem;
}

.charge-icon[b-i39rs136hc] {
    color: #dc3545;
}

.credit-icon[b-i39rs136hc] {
    color: #28a745;
}

/* עיצוב שורת הוספה */
.adding-new-operation[b-i39rs136hc] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    border: 2px solid #2196f3;
}

.adding-new-operation:hover[b-i39rs136hc] {
    background: linear-gradient(135deg, #bbdefb 0%, #90caf9 100%) !important;
}

.edit-input[b-i39rs136hc], .edit-select[b-i39rs136hc] {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 0.85rem;
    background: white;
    box-sizing: border-box;
}

.col-title .edit-input[b-i39rs136hc],
.col-note .edit-input[b-i39rs136hc],
.col-project .edit-input[b-i39rs136hc] {
    text-align: right;
}

/* עיצוב קבוצת הקלט של סכום ומטבע */
.amount-input-group[b-i39rs136hc] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.amount-input[b-i39rs136hc] {
    flex: 1;
    min-width: 0;
}

.currency-select[b-i39rs136hc] {
    width: 50px;
    min-width: 50px;
    flex-shrink: 0;
    padding: 6px 4px;
}

.edit-input:focus[b-i39rs136hc], .edit-select:focus[b-i39rs136hc] {
    outline: none;
    border-color: #2196f3;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.25);
}

.action-btn[b-i39rs136hc] {
    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-i39rs136hc] {
    background: #28a745;
    color: white;
}

.action-btn.save:hover[b-i39rs136hc] {
    background: #218838;
    transform: scale(1.05);
}

.action-btn.cancel[b-i39rs136hc] {
    background: #dc3545;
    color: white;
}

.action-btn.cancel:hover[b-i39rs136hc] {
    background: #c82333;
    transform: scale(1.05);
}

/* עיצוב הודעת אין פעולות */
.no-operations[b-i39rs136hc] {
    text-align: center;
    padding: 40px 20px;
    color: #6c757d;
}

.no-operations p[b-i39rs136hc] {
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.add-first-operation-btn[b-i39rs136hc] {
    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-i39rs136hc] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.4);
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .wallet-operations-display[b-i39rs136hc] {
        padding: 15px;
        margin: 5px 0;
    }
    
    .operations-header[b-i39rs136hc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .operations-header h4[b-i39rs136hc] {
        font-size: 1.2rem;
    }
    
    .operations-table[b-i39rs136hc] {
        table-layout: auto;
    }
    
    .operations-table th[b-i39rs136hc],
    .operations-table td[b-i39rs136hc] {
        padding: 8px 6px;
        font-size: 0.8rem;
    }
    
    .col-amount[b-i39rs136hc] {
        width: 100px;
        min-width: 100px;
    }
    
    .col-title[b-i39rs136hc] {
        width: 140px;
        min-width: 140px;
    }
    
    .col-note[b-i39rs136hc] {
        width: 100px;
        min-width: 100px;
    }
    
    .col-project[b-i39rs136hc] {
        width: 80px;
        min-width: 80px;
    }
    
    .col-time[b-i39rs136hc] {
        width: 110px;
        min-width: 110px;
    }
    
    .col-actions[b-i39rs136hc] {
        width: 70px;
        min-width: 70px;
    }
}

@media (max-width: 480px) {
    .operations-table[b-i39rs136hc] {
        table-layout: auto;
    }
    
    .operations-table th[b-i39rs136hc],
    .operations-table td[b-i39rs136hc] {
        padding: 6px 4px;
        font-size: 0.75rem;
    }
    
    .col-amount[b-i39rs136hc] {
        width: 90px;
        min-width: 90px;
    }
    
    .col-title[b-i39rs136hc] {
        width: 120px;
        min-width: 120px;
    }
    
    .currency-select[b-i39rs136hc] {
        width: 45px;
        min-width: 45px;
    }
    
    .col-note[b-i39rs136hc] {
        width: 80px;
        min-width: 80px;
    }
    
    .col-project[b-i39rs136hc] {
        width: 70px;
        min-width: 70px;
    }
    
    .col-time[b-i39rs136hc] {
        width: 90px;
        min-width: 90px;
    }
    
    .col-actions[b-i39rs136hc] {
        width: 60px;
        min-width: 60px;
    }
}
/* _content/aiapiflu/Components/ניהול/הרצות.razor.rz.scp.css */
/* עיצוב רכיב ההרצות */
.runs-container[b-puy5ifipgx] {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* כותרת וסטטיסטיקות */
.runs-header[b-puy5ifipgx] {
    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-puy5ifipgx] {
    margin: 0 0 0.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #17263f;
}

.header-info p[b-puy5ifipgx] {
    margin: 0 0 2rem 0;
    color: #6c7a92;
    font-size: 1rem;
}

.stats-grid[b-puy5ifipgx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.stat-card[b-puy5ifipgx] {
    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-puy5ifipgx] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.stat-number[b-puy5ifipgx] {
    font-size: 2rem;
    font-weight: 700;
    color: #4b7bec;
    margin-bottom: 0.5rem;
}

.stat-label[b-puy5ifipgx] {
    font-size: 0.9rem;
    color: #6c7a92;
    font-weight: 500;
}

/* פילטרים */
.filters-section[b-puy5ifipgx] {
    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-puy5ifipgx] {
    display: flex;
    flex-direction: column;
    min-width: 150px;
}

.filter-group label[b-puy5ifipgx] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #17263f;
    margin-bottom: 0.5rem;
}

.filter-group select[b-puy5ifipgx] {
    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-puy5ifipgx] {
    outline: none;
    border-color: #4b7bec;
    box-shadow: 0 0 0 3px rgba(75, 123, 236, 0.1);
}

.refresh-btn[b-puy5ifipgx] {
    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-puy5ifipgx] {
    background: linear-gradient(135deg, #5a8bf0, #4a7ce8);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(75, 123, 236, 0.3);
}

/* רשימת הרצות */
.runs-list[b-puy5ifipgx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.run-card[b-puy5ifipgx] {
    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-puy5ifipgx] {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    border-color: #4b7bec;
}

.run-card[b-puy5ifipgx]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #e1e8f0;
    transition: all 0.3s ease;
}

.run-card.status-running[b-puy5ifipgx]::before {
    background: linear-gradient(180deg, #4b7bec, #3867d6);
}

.run-card.status-completed[b-puy5ifipgx]::before {
    background: linear-gradient(180deg, #26de81, #20bf6b);
}

.run-card.status-failed[b-puy5ifipgx]::before {
    background: linear-gradient(180deg, #ff6b6b, #ee5a52);
}

.run-card.status-paused[b-puy5ifipgx]::before {
    background: linear-gradient(180deg, #f39c12, #e67e22);
}

.run-card.status-cancelled[b-puy5ifipgx]::before {
    background: linear-gradient(180deg, #95a5a6, #7f8c8d);
}

.run-card.status-waiting[b-puy5ifipgx]::before {
    background: linear-gradient(180deg, #a8b8d8, #9aa8c8);
}

.run-header[b-puy5ifipgx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.run-id[b-puy5ifipgx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.run-icon[b-puy5ifipgx] {
    font-size: 1.2rem;
}

.run-title[b-puy5ifipgx] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #17263f;
}

.run-status[b-puy5ifipgx] {
    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-puy5ifipgx] {
    background: rgba(75, 123, 236, 0.1);
    color: #4b7bec;
}

.run-status.status-completed[b-puy5ifipgx] {
    background: rgba(38, 222, 129, 0.1);
    color: #26de81;
}

.run-status.status-failed[b-puy5ifipgx] {
    background: rgba(255, 107, 107, 0.1);
    color: #ff6b6b;
}

.run-status.status-paused[b-puy5ifipgx] {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
}

.run-status.status-cancelled[b-puy5ifipgx] {
    background: rgba(149, 165, 166, 0.1);
    color: #95a5a6;
}

.run-status.status-waiting[b-puy5ifipgx] {
    background: rgba(168, 184, 216, 0.1);
    color: #a8b8d8;
}

.run-details[b-puy5ifipgx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.detail-row[b-puy5ifipgx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f3f6;
}

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

.detail-label[b-puy5ifipgx] {
    font-size: 0.9rem;
    color: #6c7a92;
    font-weight: 500;
}

.detail-value[b-puy5ifipgx] {
    font-size: 0.9rem;
    color: #17263f;
    font-weight: 600;
}

.error-row .detail-value.error-count[b-puy5ifipgx] {
    color: #ff6b6b;
}

.run-actions[b-puy5ifipgx] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.action-btn[b-puy5ifipgx] {
    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-puy5ifipgx] {
    background: linear-gradient(135deg, #4b7bec, #3867d6);
    color: white;
}

.view-btn:hover[b-puy5ifipgx] {
    background: linear-gradient(135deg, #5a8bf0, #4a7ce8);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(75, 123, 236, 0.3);
}

.copy-btn[b-puy5ifipgx] {
    background: linear-gradient(135deg, #26de81, #20bf6b);
    color: white;
}

.copy-btn:hover[b-puy5ifipgx] {
    background: linear-gradient(135deg, #2ee88a, #26de81);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(38, 222, 129, 0.3);
}

/* אנימציה לכפתור העתקה */
.copy-btn.copied[b-puy5ifipgx] {
    background: linear-gradient(135deg, #26de81, #20bf6b);
    animation: copySuccess-b-puy5ifipgx 0.6s ease-in-out;
    transform: scale(1.05);
}

@keyframes copySuccess-b-puy5ifipgx {
    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);
    }
}

/* כפתורי שליטה בריצות */
.pause-btn[b-puy5ifipgx] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: white;
}

.pause-btn:hover[b-puy5ifipgx] {
    background: linear-gradient(135deg, #f5a623, #f39c12);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(243, 156, 18, 0.4);
}

.resume-btn[b-puy5ifipgx] {
    background: linear-gradient(135deg, #26de81, #20bf6b);
    color: white;
}

.resume-btn:hover[b-puy5ifipgx] {
    background: linear-gradient(135deg, #2ee88a, #26de81);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(38, 222, 129, 0.4);
}

.cancel-btn[b-puy5ifipgx] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
    color: white;
}

.cancel-btn:hover[b-puy5ifipgx] {
    background: linear-gradient(135deg, #ff7a7a, #ff6b6b);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
}

/* הודעת אין הרצות */
.no-runs[b-puy5ifipgx] {
    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-puy5ifipgx] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.no-runs h3[b-puy5ifipgx] {
    margin: 0 0 0.5rem 0;
    font-size: 1.5rem;
    color: #17263f;
}

.no-runs p[b-puy5ifipgx] {
    margin: 0;
    color: #6c7a92;
    font-size: 1rem;
}

/* פרטים מורחבים */
.run-expanded-details[b-puy5ifipgx] {
    margin-top: 1rem;
    background: #f8f9ff;
    border-radius: 12px;
    border: 1px solid #e1e8f0;
    overflow: hidden;
    animation: expandDetails-b-puy5ifipgx 0.3s ease-out;
}

@keyframes expandDetails-b-puy5ifipgx {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 1000px;
    }
}

.expanded-content[b-puy5ifipgx] {
    padding: 1.5rem;
}

.expanded-sections[b-puy5ifipgx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.expanded-section[b-puy5ifipgx] {
    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-puy5ifipgx] {
    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-puy5ifipgx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f3f6;
}

.expanded-info-item:last-child[b-puy5ifipgx] {
    border-bottom: none;
}

.expanded-info-label[b-puy5ifipgx] {
    font-size: 0.85rem;
    color: #6c7a92;
    font-weight: 500;
}

.expanded-info-value[b-puy5ifipgx] {
    font-size: 0.85rem;
    color: #17263f;
    font-weight: 600;
    text-align: left;
}

.expanded-error-item[b-puy5ifipgx] {
    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-puy5ifipgx] {
    font-size: 0.85rem;
    color: #ff6b6b;
    font-weight: 500;
}

.expanded-steps-section[b-puy5ifipgx] {
    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-puy5ifipgx] {
    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-puy5ifipgx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.expanded-step-item[b-puy5ifipgx] {
    background: #f8f9ff;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #e1e8f0;
    transition: all 0.3s ease;
}

.expanded-step-item.success[b-puy5ifipgx] {
    border-left: 4px solid #26de81;
}

.expanded-step-item.error[b-puy5ifipgx] {
    border-left: 4px solid #ff6b6b;
}

.expanded-step-header[b-puy5ifipgx] {
    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-puy5ifipgx] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
}

.expanded-step-header:hover[b-puy5ifipgx] {
    background: rgba(75, 123, 236, 0.1);
}

.expanded-step-number[b-puy5ifipgx] {
    background: #4b7bec;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.expanded-step-node[b-puy5ifipgx] {
    font-size: 0.85rem;
    color: #17263f;
    font-weight: 600;
    flex: 1;
    margin: 0 1rem;
}

.expanded-step-status[b-puy5ifipgx] {
    font-size: 0.9rem;
}

.expand-icon[b-puy5ifipgx] {
    font-size: 0.8rem;
    color: #6c7a92;
    font-weight: 600;
    transition: all 0.3s ease;
}

.expanded-step-duration[b-puy5ifipgx] {
    font-size: 0.75rem;
    color: #6c7a92;
    margin-bottom: 0.5rem;
}

.expanded-step-error[b-puy5ifipgx] {
    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-puy5ifipgx] {
    margin-top: 1rem;
    background: white;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #e1e8f0;
    animation: expandStepDetails-b-puy5ifipgx 0.3s ease-out;
}

@keyframes expandStepDetails-b-puy5ifipgx {
    from {
        opacity: 0;
        max-height: 0;
        padding: 0;
    }
    to {
        opacity: 1;
        max-height: 1000px;
        padding: 1rem;
    }
}

.step-info-section[b-puy5ifipgx],
.step-inputs-section[b-puy5ifipgx],
.step-outputs-section[b-puy5ifipgx],
.step-context-section[b-puy5ifipgx],
.step-debug-section[b-puy5ifipgx],
.step-error-section[b-puy5ifipgx] {
    margin-bottom: 1rem;
}

.step-info-section h5[b-puy5ifipgx],
.step-inputs-section h5[b-puy5ifipgx],
.step-outputs-section h5[b-puy5ifipgx],
.step-context-section h5[b-puy5ifipgx],
.step-debug-section h5[b-puy5ifipgx],
.step-error-section h5[b-puy5ifipgx] {
    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-puy5ifipgx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem;
}

.step-info-item[b-puy5ifipgx] {
    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-puy5ifipgx] {
    font-size: 0.8rem;
    color: #6c7a92;
    font-weight: 500;
}

.step-info-value[b-puy5ifipgx] {
    font-size: 0.8rem;
    color: #17263f;
    font-weight: 600;
}

.parameters-grid[b-puy5ifipgx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.5rem;
}

.parameter-item[b-puy5ifipgx] {
    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-puy5ifipgx] {
    background: #f0f2ff;
    border-color: #4b7bec;
}

.param-name[b-puy5ifipgx] {
    font-size: 0.8rem;
    color: #4b7bec;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.param-value[b-puy5ifipgx] {
    font-size: 0.85rem;
    color: #17263f;
    font-weight: 500;
    word-break: break-word;
    line-height: 1.4;
}

.debug-messages[b-puy5ifipgx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.debug-message[b-puy5ifipgx] {
    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-puy5ifipgx] {
    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-puy5ifipgx] {
    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-puy5ifipgx],
.step-error-summary[b-puy5ifipgx],
.step-debug-count[b-puy5ifipgx] {
    color: #6c7a92;
    font-weight: 500;
}

.step-error-summary[b-puy5ifipgx] {
    color: #ff6b6b;
}

/* עיצוב תצוגת קונטקסט */
.context-items[b-puy5ifipgx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.context-item[b-puy5ifipgx] {
    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-puy5ifipgx] {
    background: #f0f2ff;
    border-color: #4b7bec;
}

.context-key[b-puy5ifipgx] {
    font-size: 0.8rem;
    color: #4b7bec;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.context-value[b-puy5ifipgx] {
    font-size: 0.85rem;
    color: #17263f;
    font-weight: 500;
    word-break: break-word;
    line-height: 1.4;
}

.context-grid[b-puy5ifipgx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0.75rem;
}

.context-final-item[b-puy5ifipgx] {
    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-puy5ifipgx] {
    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-puy5ifipgx] {
        padding: 1.5rem;
    }
    
    .stats-grid[b-puy5ifipgx] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .filters-section[b-puy5ifipgx] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-group[b-puy5ifipgx] {
        min-width: auto;
    }
    
    .run-details[b-puy5ifipgx] {
        grid-template-columns: 1fr;
    }
    
    .run-header[b-puy5ifipgx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .run-actions[b-puy5ifipgx] {
        justify-content: stretch;
    }
    
    .action-btn[b-puy5ifipgx] {
        flex: 1;
    }
    
    .run-details-modal[b-puy5ifipgx] {
        padding: 1rem;
    }
    
    .modal-content[b-puy5ifipgx] {
        max-height: 95vh;
    }
    
    .modal-body[b-puy5ifipgx] {
        padding: 1rem;
        max-height: calc(95vh - 100px);
    }
    
    .expanded-sections[b-puy5ifipgx] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .expanded-content[b-puy5ifipgx] {
        padding: 1rem;
    }
    
    .expanded-section[b-puy5ifipgx] {
        padding: 1rem;
    }
    
    .step-info-grid[b-puy5ifipgx] {
        grid-template-columns: 1fr;
    }
    
    .parameters-grid[b-puy5ifipgx] {
        grid-template-columns: 1fr;
    }
    
    .context-grid[b-puy5ifipgx] {
        grid-template-columns: 1fr;
    }
    
    .expanded-step-details[b-puy5ifipgx] {
        padding: 0.75rem;
    }
}

@media (max-width: 480px) {
    .header-info h2[b-puy5ifipgx] {
        font-size: 1.5rem;
    }
    
    .stat-number[b-puy5ifipgx] {
        font-size: 1.5rem;
    }
    
    .run-card[b-puy5ifipgx] {
        padding: 1rem;
    }
    
    .run-title[b-puy5ifipgx] {
        font-size: 1rem;
    }
    
    .expanded-step-header[b-puy5ifipgx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .expanded-step-node[b-puy5ifipgx] {
        margin: 0;
    }
}
/* _content/aiapiflu/Components/ניהול/מנהל_לוגים.razor.rz.scp.css */
.log-manager[b-yqc5rkska9] {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.log-header[b-yqc5rkska9] {
    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-yqc5rkska9] {
    margin: 0;
    color: #495057;
}

.log-stats[b-yqc5rkska9] {
    display: flex;
    gap: 20px;
}

.stat-item[b-yqc5rkska9] {
    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-yqc5rkska9] {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 5px;
}

.stat-value[b-yqc5rkska9] {
    font-size: 18px;
    font-weight: bold;
    color: #495057;
}

.stat-value.error[b-yqc5rkska9] {
    color: #dc3545;
}

.stat-value.warning[b-yqc5rkska9] {
    color: #ffc107;
}

.stat-value.info[b-yqc5rkska9] {
    color: #17a2b8;
}

.log-filters[b-yqc5rkska9] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 20px;
}

.filter-row[b-yqc5rkska9] {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    align-items: end;
}

.filter-row:last-child[b-yqc5rkska9] {
    margin-bottom: 0;
}

.filter-group[b-yqc5rkska9] {
    display: flex;
    flex-direction: column;
    min-width: 150px;
}

.filter-group label[b-yqc5rkska9] {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #495057;
}

.filter-group select[b-yqc5rkska9],
.filter-group input[b-yqc5rkska9] {
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    background: white;
}

.filter-group select:focus[b-yqc5rkska9],
.filter-group input:focus[b-yqc5rkska9] {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.scrollable-select[b-yqc5rkska9] {
    max-height: 200px;
    overflow-y: auto;
}

.scrollable-select option[b-yqc5rkska9] {
    padding: 8px 12px;
    font-size: 14px;
}

.scrollable-select:disabled[b-yqc5rkska9] {
    background-color: #f8f9fa;
    color: #6c757d;
    cursor: not-allowed;
}

.filter-actions[b-yqc5rkska9] {
    display: flex;
    gap: 10px;
    align-items: end;
}

.btn[b-yqc5rkska9] {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary[b-yqc5rkska9] {
    background: #007bff;
    color: white;
}

.btn-primary:hover[b-yqc5rkska9] {
    background: #0056b3;
}

.btn-secondary[b-yqc5rkska9] {
    background: #6c757d;
    color: white;
}

.btn-secondary:hover[b-yqc5rkska9] {
    background: #545b62;
}

.btn-danger[b-yqc5rkska9] {
    background: #dc3545;
    color: white;
}

.btn-danger:hover[b-yqc5rkska9] {
    background: #c82333;
}

.btn-success[b-yqc5rkska9] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-yqc5rkska9] {
    background: #218838;
}

.log-content[b-yqc5rkska9] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}

.log-list[b-yqc5rkska9] {
    max-height: 600px;
    overflow-y: auto;
    position: relative;
}

.virtual-scroll-container[b-yqc5rkska9] {
    position: relative;
    width: 100%;
}

.log-item[b-yqc5rkska9] {
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
    cursor: pointer;
    transition: background-color 0.2s;
}

.log-item:hover[b-yqc5rkska9] {
    background: #f8f9fa;
}

.log-item:last-child[b-yqc5rkska9] {
    border-bottom: none;
}

.log-header-item[b-yqc5rkska9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.log-level[b-yqc5rkska9] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.log-error[b-yqc5rkska9] {
    background: #f8d7da;
    color: #721c24;
}

.log-warning[b-yqc5rkska9] {
    background: #fff3cd;
    color: #856404;
}

.log-info[b-yqc5rkska9] {
    background: #d1ecf1;
    color: #0c5460;
}

.log-debug[b-yqc5rkska9] {
    background: #d4edda;
    color: #155724;
}

.log-trace[b-yqc5rkska9] {
    background: #e2e3e5;
    color: #383d41;
}

.log-default[b-yqc5rkska9] {
    background: #f8f9fa;
    color: #495057;
}

.log-time[b-yqc5rkska9] {
    font-size: 12px;
    color: #6c757d;
}

.log-location[b-yqc5rkska9] {
    font-size: 12px;
    color: #6c757d;
    font-family: monospace;
}

.log-message[b-yqc5rkska9] {
    font-size: 14px;
    color: #495057;
    margin-bottom: 8px;
    line-height: 1.4;
}

.log-details[b-yqc5rkska9] {
    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-yqc5rkska9] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.meta-item[b-yqc5rkska9] {
    font-size: 11px;
    color: #6c757d;
    background: #e9ecef;
    padding: 2px 6px;
    border-radius: 3px;
}

.no-logs[b-yqc5rkska9] {
    padding: 40px;
    text-align: center;
    color: #6c757d;
}

/* Loading indicators */
.loading-indicator[b-yqc5rkska9] {
    padding: 40px;
    text-align: center;
    color: #6c757d;
}

.spinner[b-yqc5rkska9] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin-b-yqc5rkska9 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin-b-yqc5rkska9 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.load-more-section[b-yqc5rkska9] {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
}

.load-more-btn[b-yqc5rkska9] {
    min-width: 150px;
    position: relative;
}

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

.load-more-btn:disabled:hover[b-yqc5rkska9] {
    background: #007bff;
}

.log-detail-modal[b-yqc5rkska9] {
    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-yqc5rkska9] {
    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-yqc5rkska9] {
    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-yqc5rkska9] {
    margin: 0;
    color: #495057;
}

.close-btn[b-yqc5rkska9] {
    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-yqc5rkska9] {
    background: #e9ecef;
}

.log-detail-body[b-yqc5rkska9] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.detail-section[b-yqc5rkska9] {
    margin-bottom: 25px;
}

.detail-section:last-child[b-yqc5rkska9] {
    margin-bottom: 0;
}

.detail-section h4[b-yqc5rkska9] {
    margin: 0 0 15px 0;
    color: #495057;
    font-size: 16px;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 5px;
}

.detail-grid[b-yqc5rkska9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.detail-item[b-yqc5rkska9] {
    display: flex;
    flex-direction: column;
}

.detail-item label[b-yqc5rkska9] {
    font-size: 12px;
    font-weight: 500;
    color: #6c757d;
    margin-bottom: 5px;
}

.detail-item span[b-yqc5rkska9] {
    font-size: 14px;
    color: #495057;
    word-break: break-word;
}

.message-content[b-yqc5rkska9],
.details-content[b-yqc5rkska9],
.parameters-content[b-yqc5rkska9] {
    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-yqc5rkska9] {
    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-yqc5rkska9] {
        padding: 10px;
    }
    
    .log-header[b-yqc5rkska9] {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .log-stats[b-yqc5rkska9] {
        justify-content: center;
    }
    
    .filter-row[b-yqc5rkska9] {
        flex-direction: column;
        gap: 15px;
    }
    
    .filter-group[b-yqc5rkska9] {
        min-width: auto;
    }
    
    .filter-actions[b-yqc5rkska9] {
        justify-content: center;
    }
    
    .log-header-item[b-yqc5rkska9] {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
    
    .log-meta[b-yqc5rkska9] {
        justify-content: flex-start;
    }
    
    .detail-grid[b-yqc5rkska9] {
        grid-template-columns: 1fr;
    }
    
    .log-detail-content[b-yqc5rkska9] {
        width: 95%;
        max-height: 95vh;
    }
}
/* _content/aiapiflu/Components/ניהול/מסך_מסד_נתונים.razor.rz.scp.css */
.database-info[b-dx9weu0qv0] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.db-header[b-dx9weu0qv0] {
    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-dx9weu0qv0] {
    margin: 0;
    color: #495057;
}

.btn[b-dx9weu0qv0] {
    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-dx9weu0qv0] {
    background: #007bff;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-dx9weu0qv0] {
    background: #0056b3;
}

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

.loading-section[b-dx9weu0qv0] {
    padding: 60px;
    text-align: center;
    color: #6c757d;
}

.spinner[b-dx9weu0qv0] {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #007bff;
    border-radius: 50%;
    animation: spin-b-dx9weu0qv0 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin-b-dx9weu0qv0 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.info-section[b-dx9weu0qv0] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    padding: 25px;
    margin-bottom: 30px;
}

.info-section h3[b-dx9weu0qv0] {
    margin: 0 0 20px 0;
    color: #495057;
    font-size: 20px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
}

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

.info-item[b-dx9weu0qv0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info-item label[b-dx9weu0qv0] {
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-dx9weu0qv0] {
    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-dx9weu0qv0] {
    font-weight: bold;
    color: #007bff;
    background: #e7f1ff;
    border-color: #007bff;
}

.collections-section[b-dx9weu0qv0] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    padding: 25px;
}

.collections-section h3[b-dx9weu0qv0] {
    margin: 0 0 25px 0;
    color: #495057;
    font-size: 20px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
}

.collections-grid[b-dx9weu0qv0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
}

.collection-card[b-dx9weu0qv0] {
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    padding: 20px;
    transition: all 0.3s;
}

.collection-card:hover[b-dx9weu0qv0] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    border-color: #007bff;
}

.collection-header[b-dx9weu0qv0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #dee2e6;
}

.collection-header h4[b-dx9weu0qv0] {
    margin: 0;
    color: #495057;
    font-size: 18px;
}

.collection-count[b-dx9weu0qv0] {
    background: #007bff;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
}

.collection-details[b-dx9weu0qv0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-row[b-dx9weu0qv0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
}

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

.detail-row label[b-dx9weu0qv0] {
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    flex: 0 0 40%;
}

.detail-row span[b-dx9weu0qv0] {
    font-size: 14px;
    color: #212529;
    flex: 1;
    text-align: left;
}

.status-active[b-dx9weu0qv0] {
    color: #28a745;
    font-weight: bold;
}

.status-inactive[b-dx9weu0qv0] {
    color: #dc3545;
    font-weight: bold;
}

.welcome-message[b-dx9weu0qv0] {
    padding: 60px;
    text-align: center;
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.welcome-message h3[b-dx9weu0qv0] {
    color: #495057;
    margin-bottom: 15px;
}

.welcome-message p[b-dx9weu0qv0] {
    color: #6c757d;
    font-size: 16px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .database-info[b-dx9weu0qv0] {
        padding: 10px;
    }
    
    .db-header[b-dx9weu0qv0] {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .info-grid[b-dx9weu0qv0] {
        grid-template-columns: 1fr;
    }
    
    .collections-grid[b-dx9weu0qv0] {
        grid-template-columns: 1fr;
    }
    
    .detail-row[b-dx9weu0qv0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .detail-row label[b-dx9weu0qv0] {
        flex: 1;
    }
    
    .detail-row span[b-dx9weu0qv0] {
        flex: 1;
    }
}

/* _content/aiapiflu/Components/ניהול/ניהול_מיילים.razor.rz.scp.css */
/* רכיב ניהול מיילים */
.email-management[b-nytuo32nqr] {
    padding: 20px;
    max-width: 100%;
    overflow-x: auto;
}

.email-header[b-nytuo32nqr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}

.email-header h2[b-nytuo32nqr] {
    margin: 0;
    color: #333;
    font-size: 24px;
}

.email-controls[b-nytuo32nqr] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-input[b-nytuo32nqr] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    min-width: 200px;
}

.search-input:focus[b-nytuo32nqr] {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.refresh-btn[b-nytuo32nqr] {
    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-nytuo32nqr] {
    background: #218838;
}

/* סטטיסטיקות */
.email-stats[b-nytuo32nqr] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.stat-item[b-nytuo32nqr] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stat-label[b-nytuo32nqr] {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
}

.stat-value[b-nytuo32nqr] {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/* טבלת מיילים */
.email-table-container[b-nytuo32nqr] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
}

.email-table[b-nytuo32nqr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.email-table th[b-nytuo32nqr] {
    background: #f8f9fa;
    padding: 12px 8px;
    text-align: right;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #e0e0e0;
}

.email-table td[b-nytuo32nqr] {
    padding: 12px 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: top;
}

.email-table tr:hover[b-nytuo32nqr] {
    background: #f8f9fa;
}

.email-table tr.unread[b-nytuo32nqr] {
    background: #fff3cd;
    font-weight: 500;
}

.email-table tr.unread:hover[b-nytuo32nqr] {
    background: #ffeaa7;
}

/* מידע שולח */
.sender-info[b-nytuo32nqr] {
    min-width: 150px;
}

.sender-name[b-nytuo32nqr] {
    font-weight: 500;
    color: #333;
    margin-bottom: 2px;
}

.sender-email[b-nytuo32nqr] {
    font-size: 12px;
    color: #666;
}

/* מידע נושא */
.subject-info[b-nytuo32nqr] {
    min-width: 200px;
    max-width: 300px;
}

.subject-text[b-nytuo32nqr] {
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

.email-preview[b-nytuo32nqr] {
    font-size: 12px;
    color: #666;
    line-height: 1.3;
}

/* מידע זמן */
.time-info[b-nytuo32nqr] {
    text-align: center;
    min-width: 80px;
}

.date[b-nytuo32nqr] {
    font-size: 12px;
    color: #333;
    margin-bottom: 2px;
}

.time[b-nytuo32nqr] {
    font-size: 11px;
    color: #666;
}

/* סטטוס */
.status-info[b-nytuo32nqr] {
    text-align: center;
    min-width: 100px;
}

.status-badge[b-nytuo32nqr] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 4px;
}

.status-badge.התקבל[b-nytuo32nqr] {
    background: #d4edda;
    color: #155724;
}

.status-badge.נשלח[b-nytuo32nqr] {
    background: #cce5ff;
    color: #004085;
}

.status-badge.נכשל[b-nytuo32nqr] {
    background: #f8d7da;
    color: #721c24;
}

.status-badge.חזר[b-nytuo32nqr] {
    background: #fff3cd;
    color: #856404;
}

.status-badge.נדחה[b-nytuo32nqr] {
    background: #e2e3e5;
    color: #383d41;
}

.unread-badge[b-nytuo32nqr] {
    display: block;
    background: #007bff;
    color: white;
    padding: 2px 6px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 500;
}

/* מצרפים */
.attachments-btn[b-nytuo32nqr] {
    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-nytuo32nqr] {
    background: #5a6268;
}

.no-attachments[b-nytuo32nqr] {
    color: #999;
    font-size: 12px;
}

/* כפתורי פעולה */
.action-buttons[b-nytuo32nqr] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.view-btn[b-nytuo32nqr], .mark-read-btn[b-nytuo32nqr] {
    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-nytuo32nqr] {
    background: #0056b3;
}

.mark-read-btn[b-nytuo32nqr] {
    background: #28a745;
}

.mark-read-btn:hover[b-nytuo32nqr] {
    background: #218838;
}

/* טעינה */
.loading[b-nytuo32nqr] {
    text-align: center;
    padding: 40px;
}

.spinner[b-nytuo32nqr] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin-b-nytuo32nqr 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin-b-nytuo32nqr {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* אין מיילים */
.no-emails[b-nytuo32nqr] {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

.no-emails-icon[b-nytuo32nqr] {
    font-size: 48px;
    margin-bottom: 20px;
}

.no-emails h3[b-nytuo32nqr] {
    margin: 0 0 10px 0;
    color: #333;
}

.no-emails p[b-nytuo32nqr] {
    margin: 0;
    font-size: 14px;
}

/* מודל פרטי מייל */
.modal-overlay[b-nytuo32nqr] {
    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-nytuo32nqr] {
    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-nytuo32nqr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    background: #f8f9fa;
}

.modal-header h3[b-nytuo32nqr] {
    margin: 0;
    color: #333;
}

.close-btn[b-nytuo32nqr] {
    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-nytuo32nqr] {
    color: #333;
}

.modal-body[b-nytuo32nqr] {
    padding: 20px;
    max-height: 60vh;
    overflow-y: auto;
}

/* פרטי מייל */
.email-details[b-nytuo32nqr] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.detail-section h4[b-nytuo32nqr] {
    margin: 0 0 15px 0;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
}

.detail-grid[b-nytuo32nqr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.detail-item[b-nytuo32nqr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.detail-item label[b-nytuo32nqr] {
    font-weight: 600;
    color: #555;
    font-size: 12px;
}

.detail-item span[b-nytuo32nqr] {
    color: #333;
    font-size: 14px;
}

.email-content[b-nytuo32nqr] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.email-content pre[b-nytuo32nqr] {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
}

.headers-list[b-nytuo32nqr] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.header-item[b-nytuo32nqr] {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.4;
}

.header-item:last-child[b-nytuo32nqr] {
    margin-bottom: 0;
}

.header-item strong[b-nytuo32nqr] {
    color: #555;
    font-weight: 600;
}

/* מודל מצרפים */
.attachments-modal[b-nytuo32nqr] {
    width: 500px;
}

.attachments-list[b-nytuo32nqr] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.attachment-item[b-nytuo32nqr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.attachment-info[b-nytuo32nqr] {
    flex: 1;
}

.attachment-name[b-nytuo32nqr] {
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

.attachment-details[b-nytuo32nqr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
    color: #666;
}

.attachment-actions[b-nytuo32nqr] {
    margin-left: 15px;
}

.download-btn[b-nytuo32nqr] {
    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-nytuo32nqr] {
    background: #0056b3;
}

.file-missing[b-nytuo32nqr] {
    color: #dc3545;
    font-size: 12px;
    font-style: italic;
}

.no-attachments[b-nytuo32nqr] {
    text-align: center;
    padding: 40px;
    color: #666;
}

/* רספונסיביות */
@media (max-width: 768px) {
    .email-management[b-nytuo32nqr] {
        padding: 10px;
    }
    
    .email-header[b-nytuo32nqr] {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }
    
    .email-controls[b-nytuo32nqr] {
        justify-content: center;
    }
    
    .email-stats[b-nytuo32nqr] {
        flex-direction: column;
        gap: 10px;
    }
    
    .email-table[b-nytuo32nqr] {
        font-size: 12px;
    }
    
    .email-table th[b-nytuo32nqr],
    .email-table td[b-nytuo32nqr] {
        padding: 8px 4px;
    }
    
    .modal-content[b-nytuo32nqr] {
        max-width: 95%;
        width: 95%;
    }
    
    .detail-grid[b-nytuo32nqr] {
        grid-template-columns: 1fr;
    }
    
    .attachment-item[b-nytuo32nqr] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    
    .attachment-actions[b-nytuo32nqr] {
        margin-left: 0;
        text-align: center;
    }
}
/* _content/aiapiflu/Components/ניהול/ניהול_משתמשים_מרכזי.razor.rz.scp.css */
.user-management-container[b-jaivgq1k82] {
    padding: 20px;
    max-width: 100%;
    overflow-x: auto;
}

.header-section[b-jaivgq1k82] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}

.header-section h2[b-jaivgq1k82] {
    margin: 0;
    color: #333;
    font-size: 24px;
}

.stats[b-jaivgq1k82] {
    display: flex;
    gap: 20px;
}

.stat-item[b-jaivgq1k82] {
    background: #f5f5f5;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    border: 1px solid #ddd;
}

.table-container[b-jaivgq1k82] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.users-table[b-jaivgq1k82] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.users-table th[b-jaivgq1k82] {
    background: #f8f9fa;
    padding: 12px 8px;
    text-align: right;
    font-weight: 600;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
    vertical-align: middle;
}

.users-table td[b-jaivgq1k82] {
    padding: 12px 8px;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
}

.users-table tr:hover[b-jaivgq1k82] {
    background-color: #f8f9fa;
}

.users-table tr.editing[b-jaivgq1k82] {
    background-color: #fff3cd;
    border: 2px solid #ffc107;
}

.edit-input[b-jaivgq1k82] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    background: white;
}

.edit-input:focus[b-jaivgq1k82] {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

.edit-checkbox[b-jaivgq1k82] {
    transform: scale(1.2);
    cursor: pointer;
}

.status[b-jaivgq1k82] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.status.active[b-jaivgq1k82] {
    background: #d4edda;
    color: #155724;
}

.status.inactive[b-jaivgq1k82] {
    background: #f8d7da;
    color: #721c24;
}

.no-data[b-jaivgq1k82] {
    color: #6c757d;
    font-style: italic;
}

.actions[b-jaivgq1k82] {
    text-align: center;
    width: 120px;
}

.action-btn[b-jaivgq1k82] {
    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-jaivgq1k82] {
    background: rgba(0,0,0,0.1);
    transform: scale(1.1);
}

.action-btn.edit:hover[b-jaivgq1k82] {
    background: rgba(0,123,255,0.1);
}

.action-btn.save:hover[b-jaivgq1k82] {
    background: rgba(40,167,69,0.1);
}

.action-btn.cancel:hover[b-jaivgq1k82] {
    background: rgba(220,53,69,0.1);
}

.action-btn.delete:hover[b-jaivgq1k82] {
    background: rgba(220,53,69,0.1);
}

.action-btn.wallet:hover[b-jaivgq1k82] {
    background: rgba(255,193,7,0.1);
}

.no-users[b-jaivgq1k82] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.no-users p[b-jaivgq1k82] {
    font-size: 18px;
    margin: 0;
}

/* עיצוב כפתור הוספת משתמש */
.add-user-btn[b-jaivgq1k82] {
    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-jaivgq1k82] {
    background: #218838;
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* עיצוב שורת הוספת משתמש חדש */
.users-table tr.adding-new-user[b-jaivgq1k82] {
    background-color: #d4edda;
    border: 2px solid #28a745;
}

.users-table tr.adding-new-user td[b-jaivgq1k82] {
    padding: 8px;
}

.users-table tr.adding-new-user .edit-input[b-jaivgq1k82] {
    background: white;
    border: 1px solid #28a745;
}

.users-table tr.adding-new-user .edit-input:focus[b-jaivgq1k82] {
    border-color: #218838;
    box-shadow: 0 0 0 2px rgba(40,167,69,0.25);
}

/* תגובה למסכים קטנים */
@media (max-width: 768px) {
    .user-management-container[b-jaivgq1k82] {
        padding: 10px;
    }
    
    .header-section[b-jaivgq1k82] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .stats[b-jaivgq1k82] {
        flex-direction: column;
        gap: 8px;
    }
    
    .users-table[b-jaivgq1k82] {
        font-size: 12px;
    }
    
    .users-table th[b-jaivgq1k82],
    .users-table td[b-jaivgq1k82] {
        padding: 8px 4px;
    }
    
    .edit-input[b-jaivgq1k82] {
        font-size: 12px;
        padding: 2px 4px;
    }
    
    .add-user-btn[b-jaivgq1k82] {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
}

/* עיצוב שורת הארנק */
.wallet-row[b-jaivgq1k82] {
    background: #f8f9fa;
}

.wallet-cell[b-jaivgq1k82] {
    padding: 0 !important;
    border-top: none !important;
    border-bottom: 2px solid #dee2e6;
}

.wallet-cell > div[b-jaivgq1k82] {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
}
/* _content/aiapiflu/Components/ניהול/סטטוס_מערכת.razor.rz.scp.css */
/* קונטיינר ראשי */
.system-status-container[b-ezdcnkge7j] {
    padding: 20px;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow-x: hidden;
    box-sizing: border-box;
}

/* כותרת */
.status-header[b-ezdcnkge7j] {
    margin-bottom: 20px; 
    text-align: center;
    padding: 16px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
} 

.status-header h2[b-ezdcnkge7j] {
    margin: 0 0 6px 0;
    font-size: 1.6rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

.status-header p[b-ezdcnkge7j] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

/* כרטיסי סטטוס */
.status-cards[b-ezdcnkge7j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.status-card[b-ezdcnkge7j] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
}

.status-card:hover[b-ezdcnkge7j] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* כותרת כרטיס */
.card-header[b-ezdcnkge7j] {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    position: relative;
    overflow: hidden;
}

.card-header[b-ezdcnkge7j]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    animation: pulse-b-ezdcnkge7j 3s ease-in-out infinite;
}

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

.card-icon[b-ezdcnkge7j] {
    font-size: 2rem;
    margin-left: 12px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
    animation: float-b-ezdcnkge7j 3s ease-in-out infinite;
}

@keyframes float-b-ezdcnkge7j {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}

.card-title-group[b-ezdcnkge7j] {
    flex: 1;
    position: relative;
    z-index: 1;
}

.card-title-group h3[b-ezdcnkge7j] {
    margin: 0 0 4px 0;
    font-size: 1.2rem;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.card-subtitle[b-ezdcnkge7j] {
    font-size: 0.8rem;
    opacity: 0.95;
    font-weight: 400;
}

/* תוכן כרטיס */
.card-content[b-ezdcnkge7j] {
    padding: 16px;
    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
    flex: 1;
    display: flex;
    flex-direction: column;
}

.metrics-container[b-ezdcnkge7j] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* טבעת התקדמות (Donut Chart) */
.donut-chart-container[b-ezdcnkge7j] {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.donut-chart[b-ezdcnkge7j] {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.donut-ring-bg[b-ezdcnkge7j] {
    transition: stroke 0.3s ease;
}

.donut-ring[b-ezdcnkge7j] {
    transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.donut-center[b-ezdcnkge7j] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
}

.donut-value[b-ezdcnkge7j] {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    color: #333;
    line-height: 1;
    margin-bottom: 2px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.donut-label[b-ezdcnkge7j] {
    display: block;
    font-size: 0.75rem;
    color: #777;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* גרף קו מתגלגל */
.line-chart-container[b-ezdcnkge7j] {
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    padding: 8px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}

.line-chart-header[b-ezdcnkge7j] {
    margin-bottom: 4px;
}

.chart-label[b-ezdcnkge7j] {
    font-size: 0.7rem;
    color: #888;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.line-chart[b-ezdcnkge7j] {
    width: 100%;
    height: 80px;
    display: block;
    overflow: visible;
}

.line-chart-area[b-ezdcnkge7j] {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.line-chart-line[b-ezdcnkge7j] {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.metric-label-group[b-ezdcnkge7j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

.metric-label[b-ezdcnkge7j] {
    font-size: 0.85rem;
    color: #555;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.metric-value[b-ezdcnkge7j] {
    font-size: 1.3rem;
    color: #333;
    font-weight: 700;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* שורת מידע */
.metric-info-row[b-ezdcnkge7j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px;
}

.metric-info-item[b-ezdcnkge7j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    border-left: 3px solid #667eea;
    transition: all 0.2s ease;
}

.metric-info-item:hover[b-ezdcnkge7j] {
    background: rgba(255, 255, 255, 0.9);
    transform: translateX(2px);
}

.info-label[b-ezdcnkge7j] {
    font-size: 0.7rem;
    color: #777;
    font-weight: 500;
}

.info-value[b-ezdcnkge7j] {
    font-size: 0.95rem;
    color: #333;
    font-weight: 700;
}

/* סטטוס CPU */
.status-low[b-ezdcnkge7j] {
    color: #4caf50;
}

.status-normal[b-ezdcnkge7j] {
    color: #2196f3;
}

.status-high[b-ezdcnkge7j] {
    color: #ff9800;
}

.status-critical[b-ezdcnkge7j] {
    color: #f44336;
    font-weight: 600;
}

/* סעיף תהליך נוכחי */
.current-process-section[b-ezdcnkge7j] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 16px;
    margin-bottom: 16px;
    border: 2px solid rgba(102, 126, 234, 0.2);
}

.section-header[b-ezdcnkge7j] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
}

.section-icon[b-ezdcnkge7j] {
    font-size: 1.8rem;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

.section-header h3[b-ezdcnkge7j] {
    margin: 0;
    font-size: 1.3rem;
    color: #333;
    font-weight: 700;
    flex: 1;
}

.section-subtitle[b-ezdcnkge7j] {
    font-size: 0.85rem;
    color: #777;
    font-weight: 400;
}

.process-info-grid[b-ezdcnkge7j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.process-card[b-ezdcnkge7j] {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 12px;
    padding: 12px;
    border: 2px solid rgba(102, 126, 234, 0.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.process-card:hover[b-ezdcnkge7j] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    border-color: rgba(102, 126, 234, 0.3);
}

.process-card-icon[b-ezdcnkge7j] {
    font-size: 2rem;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

.process-card-content[b-ezdcnkge7j] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.process-label-with-action[b-ezdcnkge7j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.process-label[b-ezdcnkge7j] {
    font-size: 0.8rem;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cleanup-button[b-ezdcnkge7j] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 8px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1rem;
    padding: 0;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
    flex-shrink: 0;
}

.cleanup-button:hover[b-ezdcnkge7j] {
    transform: scale(1.1) rotate(15deg);
    box-shadow: 0 4px 10px rgba(102, 126, 234, 0.5);
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}

.cleanup-button:active[b-ezdcnkge7j] {
    transform: scale(0.95);
    box-shadow: 0 1px 3px rgba(102, 126, 234, 0.4);
}

.process-value[b-ezdcnkge7j] {
    font-size: 1.4rem;
    color: #333;
    font-weight: 700;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.process-percentage-bar[b-ezdcnkge7j] {
    width: 100%;
    height: 18px;
    background: linear-gradient(to bottom, #e8e8e8, #d0d0d0);
    border-radius: 9px;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-top: 4px;
}

.process-percentage-fill[b-ezdcnkge7j] {
    height: 100%;
    border-radius: 9px;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.process-percentage-text[b-ezdcnkge7j] {
    font-size: 0.7rem;
    color: #888;
    font-weight: 500;
}

/* סטטיסטיקות נוספות */
.additional-stats[b-ezdcnkge7j] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 16px;
    border: 2px solid rgba(102, 126, 234, 0.2);
}

.stats-section[b-ezdcnkge7j] {
    width: 100%;
}

.stats-section .section-header[b-ezdcnkge7j] {
    margin-bottom: 16px;
}

.stats-grid[b-ezdcnkge7j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-top: 0;
}

.stat-item[b-ezdcnkge7j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 10px;
    border-left: 4px solid #667eea;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    min-height: 70px;
}

.stat-item[b-ezdcnkge7j]::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(20px, -20px);
}

.stat-item:hover[b-ezdcnkge7j] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-left-color: #764ba2;
}

.stat-icon[b-ezdcnkge7j] {
    font-size: 1.5rem;
    margin-bottom: 4px;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
    line-height: 1;
}

.stat-label[b-ezdcnkge7j] {
    font-size: 0.75rem;
    color: #666;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 2px;
}

.stat-value[b-ezdcnkge7j] {
    font-size: 1.1rem;
    color: #333;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-top: 2px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* רספונסיבי */
@media (max-width: 768px) {
    .system-status-container[b-ezdcnkge7j] {
        padding: 12px;
    }

    .status-header[b-ezdcnkge7j] {
        padding: 12px;
    }

    .status-header h2[b-ezdcnkge7j] {
        font-size: 1.3rem;
    }

    .status-header p[b-ezdcnkge7j] {
        font-size: 0.8rem;
    }

    .status-cards[b-ezdcnkge7j] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .card-header[b-ezdcnkge7j] {
        padding: 12px 16px;
    }

    .card-icon[b-ezdcnkge7j] {
        font-size: 1.5rem;
        margin-left: 8px;
    }

    .card-title-group h3[b-ezdcnkge7j] {
        font-size: 1rem;
    }

    .card-subtitle[b-ezdcnkge7j] {
        font-size: 0.7rem;
    }

    .card-content[b-ezdcnkge7j] {
        padding: 12px;
    }

    .donut-chart-container[b-ezdcnkge7j] {
        width: 120px;
        height: 120px;
    }

    .donut-value[b-ezdcnkge7j] {
        font-size: 1.5rem;
    }

    .donut-label[b-ezdcnkge7j] {
        font-size: 0.65rem;
    }

    .line-chart[b-ezdcnkge7j] {
        height: 60px;
    }

    .stats-grid[b-ezdcnkge7j] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .process-info-grid[b-ezdcnkge7j] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .metric-info-row[b-ezdcnkge7j] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .section-header[b-ezdcnkge7j] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .section-header h3[b-ezdcnkge7j] {
        font-size: 1.1rem;
    }

    .section-subtitle[b-ezdcnkge7j] {
        width: 100%;
        font-size: 0.75rem;
    }

    .process-card[b-ezdcnkge7j] {
        flex-direction: column;
        text-align: center;
        padding: 10px;
    }

    .additional-stats[b-ezdcnkge7j] {
        padding: 12px;
    }

    .stat-item[b-ezdcnkge7j] {
        min-height: auto;
        padding: 10px;
    }

    .current-process-section[b-ezdcnkge7j] {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .donut-chart-container[b-ezdcnkge7j] {
        width: 100px;
        height: 100px;
    }

    .donut-value[b-ezdcnkge7j] {
        font-size: 1.2rem;
    }

    .metric-value[b-ezdcnkge7j] {
        font-size: 1rem;
    }

    .process-value[b-ezdcnkge7j] {
        font-size: 1.1rem;
    }

    .stat-value[b-ezdcnkge7j] {
        font-size: 0.95rem;
    }
}

/* _content/aiapiflu/Components/ניהול/סייר_קבצים.razor.rz.scp.css */
/* עיצוב סייר הקבצים */
.file-explorer-container[b-htb0n3tmns] {
    padding: 2rem;
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* מצב גרירה */
.file-explorer-container.dragging[b-htb0n3tmns] {
    background: #e3f2fd;
}

/* שכבת גרירה */
.drag-overlay[b-htb0n3tmns] {
    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-htb0n3tmns 0.2s ease;
}

.drag-message[b-htb0n3tmns] {
    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-htb0n3tmns] {
    font-size: 5rem;
    margin-bottom: 1rem;
    animation: bounce-b-htb0n3tmns 1s infinite;
}

@keyframes bounce-b-htb0n3tmns {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.drag-message h3[b-htb0n3tmns] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    color: white;
}

.drag-message p[b-htb0n3tmns] {
    margin: 0;
    font-size: 1.2rem;
    opacity: 0.9;
}

/* כותרת */
.explorer-header[b-htb0n3tmns] {
    margin-bottom: 2rem;
}

.explorer-header h2[b-htb0n3tmns] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    color: #2c3e50;
}

.explorer-header p[b-htb0n3tmns] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* פס כלים */
.toolbar[b-htb0n3tmns] {
    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-htb0n3tmns] {
    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-htb0n3tmns] {
    background: #bdc3c7;
    transform: scale(1.05);
}

.toolbar-btn:disabled[b-htb0n3tmns] {
    opacity: 0.3;
    cursor: not-allowed;
}

.toolbar-separator[b-htb0n3tmns] {
    width: 1px;
    height: 30px;
    background: #ddd;
    margin: 0 0.5rem;
}

.current-path-display[b-htb0n3tmns] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    overflow: hidden;
}

.path-label[b-htb0n3tmns] {
    font-weight: 600;
    color: #34495e;
    white-space: nowrap;
}

.path-value[b-htb0n3tmns] {
    color: #2c3e50;
    font-family: 'Courier New', monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.path-value:hover[b-htb0n3tmns] {
    background: #f0f4f8;
    text-decoration: underline;
}

.path-input[b-htb0n3tmns] {
    flex: 1;
    padding: 0.5rem 0.75rem;
    border: 2px solid #3498db;
    border-radius: 6px;
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
    color: #2c3e50;
    background: white;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
    transition: all 0.2s ease;
}

.path-input:focus[b-htb0n3tmns] {
    outline: none;
    border-color: #2980b9;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
}

/* תצוגת כוננים */
.drives-grid[b-htb0n3tmns] {
    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-htb0n3tmns] {
    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-htb0n3tmns] {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 8px 20px rgba(52, 152, 219, 0.4);
    border-color: #1abc9c;
}

.drive-item:active[b-htb0n3tmns] {
    transform: translateY(-2px) scale(0.98);
}

.drive-icon[b-htb0n3tmns] {
    font-size: 3.5rem;
    margin-bottom: 0.75rem;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

.drive-info[b-htb0n3tmns] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.drive-label[b-htb0n3tmns] {
    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-htb0n3tmns] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.drive-stat[b-htb0n3tmns] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
}

.stat-label[b-htb0n3tmns] {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.stat-value[b-htb0n3tmns] {
    color: white;
    font-weight: 700;
    font-family: 'Courier New', monospace;
}

.drive-progress-bar[b-htb0n3tmns] {
    width: 100%;
    height: 8px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 0.25rem;
}

.drive-progress-fill[b-htb0n3tmns] {
    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-list-container[b-htb0n3tmns] {
    flex: 1;
    overflow-y: auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
}

/* כותרות הטבלה */
.list-header[b-htb0n3tmns] {
    display: grid;
    grid-template-columns: 2fr 1fr 120px 180px;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-bottom: 2px solid #e0e0e0;
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.9rem;
    position: sticky;
    top: 0;
    z-index: 10;
}

.header-cell[b-htb0n3tmns] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
    transition: color 0.2s ease;
    padding: 0.25rem;
    border-radius: 4px;
}

.header-cell:hover[b-htb0n3tmns] {
    color: #3498db;
    background: rgba(52, 152, 219, 0.1);
}

.header-name[b-htb0n3tmns] {
    cursor: pointer;
}

.header-date[b-htb0n3tmns] {
    cursor: pointer;
}

/* פריט ברשימה */
.list-item[b-htb0n3tmns] {
    display: grid;
    grid-template-columns: 2fr 1fr 120px 180px;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.2s ease;
    align-items: center;
}

.list-item:hover[b-htb0n3tmns] {
    background: #f8faff;
    border-left: 3px solid #3498db;
}

.list-item.directory:hover[b-htb0n3tmns] {
    background: #fff8e1;
    border-left-color: #f39c12;
}

.list-item.file:hover[b-htb0n3tmns] {
    background: #e3f2fd;
    border-left-color: #3498db;
}

.list-item:last-child[b-htb0n3tmns] {
    border-bottom: none;
}

/* תאים */
.cell[b-htb0n3tmns] {
    display: flex;
    align-items: center;
    color: #2c3e50;
    font-size: 0.9rem;
}

.cell-name[b-htb0n3tmns] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.item-icon[b-htb0n3tmns] {
    font-size: 1.5rem;
    flex-shrink: 0;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
}

.item-name[b-htb0n3tmns] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.cell-type[b-htb0n3tmns] {
    color: #7f8c8d;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cell-size[b-htb0n3tmns] {
    font-family: 'Courier New', monospace;
    color: #34495e;
    font-size: 0.85rem;
    text-align: right;
    justify-content: flex-end;
}

.cell-date[b-htb0n3tmns] {
    font-family: 'Courier New', monospace;
    color: #34495e;
    font-size: 0.85rem;
    text-align: right;
    justify-content: flex-end;
}

/* פריט קובץ/תיקייה */
.file-item[b-htb0n3tmns] {
    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-htb0n3tmns] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
    border-color: #3498db;
    background: #f8faff;
}

.file-item:active[b-htb0n3tmns] {
    transform: translateY(-1px) scale(0.97);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.file-item.directory[b-htb0n3tmns] {
    border-color: #f39c12;
}

.file-item.directory:hover[b-htb0n3tmns] {
    border-color: #e67e22;
    background: #fff8e1;
}

.file-item.file[b-htb0n3tmns] {
    border-color: #3498db;
}

.file-item.file:hover[b-htb0n3tmns] {
    border-color: #2980b9;
    background: #e3f2fd;
}

.file-icon[b-htb0n3tmns] {
    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-htb0n3tmns] {
    transform: scale(1.1);
}

.file-name[b-htb0n3tmns] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.25rem;
    word-break: break-word;
    width: 100%;
    font-size: 0.95rem;
}

.file-type[b-htb0n3tmns] {
    font-size: 0.75rem;
    color: #7f8c8d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* פס ניהול בתחתית */
.status-bar[b-htb0n3tmns] {
    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-htb0n3tmns] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.status-item.status-path[b-htb0n3tmns] {
    margin-right: auto;
    flex: 1;
    min-width: 200px;
}

.status-label[b-htb0n3tmns] {
    font-weight: 600;
    color: #ecf0f1;
}

.status-value[b-htb0n3tmns] {
    color: #3498db;
    font-weight: 500;
}

.status-path .status-value[b-htb0n3tmns] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ecf0f1;
}

/* מצב ריק */
.empty-state[b-htb0n3tmns] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin: 2rem;
}

.empty-icon[b-htb0n3tmns] {
    font-size: 5rem;
    margin-bottom: 1rem;
    opacity: 0.6;
}

.empty-state h3[b-htb0n3tmns] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.5rem;
}

.empty-state p[b-htb0n3tmns] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* דיאלוג התנגשות */
.conflict-dialog-wrapper[b-htb0n3tmns] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
}

/* חלון פרטי קובץ */
.file-details-modal[b-htb0n3tmns] {
    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-htb0n3tmns 0.3s ease;
}

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

.file-details-content[b-htb0n3tmns] {
    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-htb0n3tmns 0.3s ease;
}

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

.modal-header[b-htb0n3tmns] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.modal-header h3[b-htb0n3tmns] {
    margin: 0;
    color: #2c3e50;
}

.close-btn[b-htb0n3tmns] {
    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-htb0n3tmns] {
    background: #f5f5f5;
    color: #2c3e50;
}

.modal-body[b-htb0n3tmns] {
    padding: 1.5rem;
}

.detail-row[b-htb0n3tmns] {
    display: flex;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f0f0f0;
}

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

.detail-label[b-htb0n3tmns] {
    font-weight: 600;
    color: #34495e;
    min-width: 120px;
}

.detail-value[b-htb0n3tmns] {
    color: #2c3e50;
    word-break: break-word;
    flex: 1;
}

.modal-footer[b-htb0n3tmns] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid #e0e0e0;
    justify-content: flex-end;
}

.modal-footer .btn[b-htb0n3tmns] {
    margin: 0;
}

/* כפתורים */
.btn[b-htb0n3tmns] {
    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-htb0n3tmns] {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    color: white;
}

.btn-primary:hover[b-htb0n3tmns] {
    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-htb0n3tmns] {
    background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);
    color: white;
}

.btn-secondary:hover[b-htb0n3tmns] {
    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-htb0n3tmns] {
    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-htb0n3tmns 0.3s ease;
}

.search-content[b-htb0n3tmns] {
    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-htb0n3tmns 0.3s ease;
}

.search-header[b-htb0n3tmns] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.search-header h3[b-htb0n3tmns] {
    margin: 0;
    color: #2c3e50;
}

.search-body[b-htb0n3tmns] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.search-input-group[b-htb0n3tmns] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.search-input[b-htb0n3tmns] {
    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-htb0n3tmns] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.search-input:disabled[b-htb0n3tmns] {
    background: #f5f5f5;
    cursor: not-allowed;
}

.search-btn[b-htb0n3tmns] {
    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-htb0n3tmns] {
    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-htb0n3tmns] {
    opacity: 0.6;
    cursor: not-allowed;
}

.stop-btn[b-htb0n3tmns] {
    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-htb0n3tmns] {
    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-htb0n3tmns] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    justify-content: center;
    color: #7f8c8d;
}

.search-current-path[b-htb0n3tmns] {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: #3498db;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.path-monospace[b-htb0n3tmns] {
    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-htb0n3tmns] {
    width: 24px;
    height: 24px;
    border: 3px solid #e0e0e0;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin-b-htb0n3tmns 1s linear infinite;
}

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

.search-results-header[b-htb0n3tmns] {
    margin-bottom: 1rem;
    font-weight: 600;
    color: #2c3e50;
    font-size: 1.1rem;
}

.search-results-list[b-htb0n3tmns] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 400px;
    overflow-y: auto;
}

.search-result-item[b-htb0n3tmns] {
    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-htb0n3tmns] {
    background: #e3f2fd;
    border-color: #3498db;
    transform: translateX(-4px);
}

.result-icon[b-htb0n3tmns] {
    font-size: 2.5rem;
    flex-shrink: 0;
}

.result-info[b-htb0n3tmns] {
    flex: 1;
    min-width: 0;
}

.result-name[b-htb0n3tmns] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.25rem;
    word-break: break-word;
}

.result-path[b-htb0n3tmns] {
    font-size: 0.85rem;
    color: #7f8c8d;
    font-family: 'Courier New', monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-no-results[b-htb0n3tmns] {
    text-align: center;
    padding: 3rem 2rem;
}

.no-results-icon[b-htb0n3tmns] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.search-no-results h4[b-htb0n3tmns] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.3rem;
}

.search-no-results p[b-htb0n3tmns] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* התאמה למסכים קטנים */
@media (max-width: 768px) {
    .file-explorer-container[b-htb0n3tmns] {
        padding: 1rem;
    }

    .toolbar[b-htb0n3tmns] {
        flex-direction: column;
        align-items: stretch;
    }

    .toolbar-btn[b-htb0n3tmns] {
        width: 100%;
    }

    .toolbar-separator[b-htb0n3tmns] {
        display: none;
    }

    .drives-grid[b-htb0n3tmns] {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 1rem;
    }

    .list-header[b-htb0n3tmns] {
        grid-template-columns: 2fr 1fr 80px 140px;
        gap: 0.5rem;
        font-size: 0.8rem;
        padding: 0.5rem;
    }

    .list-item[b-htb0n3tmns] {
        grid-template-columns: 2fr 1fr 80px 140px;
        gap: 0.5rem;
        padding: 0.5rem;
        font-size: 0.85rem;
    }

    .cell-size[b-htb0n3tmns],
    .cell-date[b-htb0n3tmns] {
        font-size: 0.75rem;
    }

    .item-icon[b-htb0n3tmns] {
        font-size: 1.2rem;
    }

    .drive-item[b-htb0n3tmns] {
        padding: 1.25rem 0.75rem;
    }

    .drive-icon[b-htb0n3tmns] {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .drive-label[b-htb0n3tmns] {
        font-size: 1rem;
    }

    .drive-stat[b-htb0n3tmns] {
        font-size: 0.75rem;
    }

    .drive-progress-bar[b-htb0n3tmns] {
        height: 6px;
    }

    .file-item[b-htb0n3tmns] {
        padding: 1rem 0.75rem;
    }

    .file-icon[b-htb0n3tmns] {
        font-size: 2.5rem;
    }

    .modal-footer[b-htb0n3tmns] {
        flex-direction: column;
    }

    .modal-footer .btn[b-htb0n3tmns] {
        width: 100%;
    }

    .search-content[b-htb0n3tmns] {
        width: 95%;
        max-height: 90vh;
    }

    .search-input-group[b-htb0n3tmns] {
        flex-direction: column;
    }

    .search-btn[b-htb0n3tmns], .stop-btn[b-htb0n3tmns] {
        width: 100%;
    }

    .search-results-list[b-htb0n3tmns] {
        max-height: 300px;
    }
}

/* דיאלוג יצירת תיקייה חדשה */
.new-folder-modal[b-htb0n3tmns] {
    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-htb0n3tmns 0.3s ease;
}

.new-folder-content[b-htb0n3tmns] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    animation: slideUp-b-htb0n3tmns 0.3s ease;
}

.new-folder-header[b-htb0n3tmns] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.new-folder-header h3[b-htb0n3tmns] {
    margin: 0;
    color: #2c3e50;
}

.new-folder-body[b-htb0n3tmns] {
    padding: 1.5rem;
}

.input-group[b-htb0n3tmns] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.input-group label[b-htb0n3tmns] {
    font-weight: 600;
    color: #34495e;
    font-size: 0.95rem;
}

.folder-name-input[b-htb0n3tmns] {
    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-htb0n3tmns] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.error-message[b-htb0n3tmns] {
    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-htb0n3tmns] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid #e0e0e0;
    justify-content: flex-end;
}

.new-folder-footer .btn[b-htb0n3tmns] {
    margin: 0;
}

.new-folder-footer .btn:disabled[b-htb0n3tmns] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

/* _content/aiapiflu/Components/ניהול/פרמטרים_מחוברים.razor.rz.scp.css */
/* עיצוב רכיב פרמטרים מחוברים */

.step-bindings-section[b-ihtfqzudsc] {
    margin-top: 15px;
    padding: 12px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #007bff;
}

.step-bindings-section h5[b-ihtfqzudsc] {
    margin: 0 0 10px 0;
    color: #495057;
    font-size: 14px;
    font-weight: 600;
}

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

.binding-item[b-ihtfqzudsc] {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 10px;
    transition: all 0.2s ease;
}

.binding-item:hover[b-ihtfqzudsc] {
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}

.binding-header[b-ihtfqzudsc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.binding-param-name[b-ihtfqzudsc] {
    font-weight: 600;
    color: #212529;
    font-size: 13px;
}

.binding-source-type[b-ihtfqzudsc] {
    font-size: 11px;
    padding: 2px 6px;
    background-color: #e9ecef;
    color: #6c757d;
    border-radius: 12px;
    font-weight: 500;
}

.binding-details[b-ihtfqzudsc] {
    font-size: 12px;
    color: #6c757d;
    line-height: 1.4;
}

.binding-description[b-ihtfqzudsc] {
    display: block;
}

.binding-source-detail[b-ihtfqzudsc] {
    color: #495057;
    font-style: italic;
}

/* עיצוב מיוחד לסוגי מקור שונים */
.binding-item[data-source-type="FlowInput"][b-ihtfqzudsc] {
    border-left: 3px solid #28a745;
}

.binding-item[data-source-type="NodeOutput"][b-ihtfqzudsc] {
    border-left: 3px solid #007bff;
}

.binding-item[data-source-type="ConstantValue"][b-ihtfqzudsc] {
    border-left: 3px solid #ffc107;
}

/* עיצוב הודעה כשאין פרמטרים מחוברים */
.no-bindings-message[b-ihtfqzudsc] {
    padding: 15px;
    text-align: center;
    background-color: #f8f9fa;
    border: 1px dashed #dee2e6;
    border-radius: 6px;
    margin-top: 8px;
}

.no-bindings-text[b-ihtfqzudsc] {
    color: #6c757d;
    font-style: italic;
    font-size: 13px;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .binding-header[b-ihtfqzudsc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .binding-source-type[b-ihtfqzudsc] {
        align-self: flex-end;
    }
}
/* _content/aiapiflu/Components/ניהול/רכיב_תמלול.razor.rz.scp.css */
/* עיצוב רכיב תמלול */
.transcription-container[b-w72ni1mzcj] {
    padding: 2rem;
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* מצב גרירה */
.transcription-container.dragging[b-w72ni1mzcj] {
    background: #e3f2fd;
}

/* שכבת גרירה */
.drag-overlay[b-w72ni1mzcj] {
    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-w72ni1mzcj 0.2s ease;
}

.drag-message[b-w72ni1mzcj] {
    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-w72ni1mzcj] {
    font-size: 5rem;
    margin-bottom: 1rem;
    animation: bounce-b-w72ni1mzcj 1s infinite;
}

@keyframes bounce-b-w72ni1mzcj {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.drag-message h3[b-w72ni1mzcj] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    color: white;
}

.drag-message p[b-w72ni1mzcj] {
    margin: 0;
    font-size: 1.2rem;
    opacity: 0.9;
}

/* כותרת */
.transcription-header[b-w72ni1mzcj] {
    margin-bottom: 2rem;
}

.transcription-header h2[b-w72ni1mzcj] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    color: #2c3e50;
}

.transcription-header p[b-w72ni1mzcj] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* בחירת משתמש */
.user-selection-section[b-w72ni1mzcj] {
    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-w72ni1mzcj] {
    display: block;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.form-select[b-w72ni1mzcj] {
    width: 100%;
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.form-select:focus[b-w72ni1mzcj] {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

/* אזור העלאת קבצים */
.file-upload-section[b-w72ni1mzcj] {
    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-w72ni1mzcj] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.upload-btn[b-w72ni1mzcj] {
    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-w72ni1mzcj] {
    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-w72ni1mzcj] {
    transform: translateY(0);
}

/* רשימת קבצים שנבחרו */
.selected-files[b-w72ni1mzcj] {
    margin-top: 1.5rem;
}

.selected-files h3[b-w72ni1mzcj] {
    margin: 0 0 1rem 0;
    color: #2c3e50;
    font-size: 1.2rem;
}

.files-list[b-w72ni1mzcj] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.file-item[b-w72ni1mzcj] {
    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-w72ni1mzcj] {
    background: #e3f2fd;
    border-color: #3498db;
}

.file-icon[b-w72ni1mzcj] {
    font-size: 2rem;
}

.file-name[b-w72ni1mzcj] {
    flex: 1;
    font-weight: 600;
    color: #2c3e50;
}

.file-size[b-w72ni1mzcj] {
    color: #7f8c8d;
    font-size: 0.9rem;
}

.remove-btn[b-w72ni1mzcj] {
    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-w72ni1mzcj] {
    background: #c0392b;
    transform: scale(1.1);
}

/* כפתור תמלול */
.transcription-actions[b-w72ni1mzcj] {
    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-w72ni1mzcj] {
    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-w72ni1mzcj] {
    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-w72ni1mzcj] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* הודעת סטטוס */
.status-message[b-w72ni1mzcj] {
    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-w72ni1mzcj 0.3s ease;
}

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

.status-message.success[b-w72ni1mzcj] {
    background: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

.status-message.error[b-w72ni1mzcj] {
    background: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

/* אנימציות */
@keyframes fadeIn-b-w72ni1mzcj {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* התאמה למסכים קטנים */
@media (max-width: 768px) {
    .transcription-container[b-w72ni1mzcj] {
        padding: 1rem;
    }

    .upload-methods[b-w72ni1mzcj] {
        flex-direction: column;
    }

    .upload-btn[b-w72ni1mzcj] {
        width: 100%;
    }

    .file-item[b-w72ni1mzcj] {
        flex-wrap: wrap;
    }

    .transcribe-btn[b-w72ni1mzcj] {
        width: 100%;
    }
}