/*
 * InnerCode: styles for UI added in the frontend fixes
 * (transit error state, chat history delete, fact editing).
 * Uses the brand tokens defined in styles.css.
 */

/* Transit dashboard: error state with retry (no fallback data) */
.transit-error-state {
    padding: 16px;
    border: 1px solid rgba(255, 75, 75, 0.35);
    border-radius: 0;
    background: rgba(255, 75, 75, 0.06);
    text-align: center;
}

.transit-error-text {
    margin: 0 0 6px;
    color: var(--hx-ivory, #F6F3EC);
    font-weight: 600;
}

.transit-error-hint {
    margin: 0 0 12px;
    color: var(--text-light, #B0B8C4);
    font-size: 0.9rem;
}

.transit-error-placeholder {
    margin: 0;
    color: var(--text-light, #B0B8C4);
    text-align: center;
}

/* Chat history: delete one conversation */
.conversation-delete-btn {
    flex: 0 0 auto;
    margin: 0 8px;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-light, #B0B8C4);
    font-size: 0.85rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.conversation-delete-btn:hover,
.conversation-delete-btn:focus-visible {
    background: rgba(255, 75, 75, 0.2);
    border-color: rgba(255, 75, 75, 0.4);
    color: var(--hx-signal, #FF4B4B);
}

/* "Moje informacje": inline fact editing */
.context-v2-fact-edit-btn:hover,
.context-v2-fact-edit-btn:focus-visible {
    background: rgba(209, 174, 83, 0.15);
    border-color: rgba(209, 174, 83, 0.45);
    color: var(--hx-gold, #D1AE53);
}

.context-v2-fact-editor {
    margin-bottom: 10px;
}

.context-v2-fact-textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 64px;
    padding: 10px 12px;
    border: 1px solid var(--border-color, #24242A);
    border-radius: 0;
    background: var(--bg-elevated, #24242A);
    color: var(--text-dark, #F6F3EC);
    font: inherit;
    font-size: 0.95rem;
    line-height: 1.5;
    resize: vertical;
}

.context-v2-fact-textarea:focus {
    outline: none;
    border-color: var(--hx-gold, #D1AE53);
}

.context-v2-fact-editor-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.context-v2-fact-editor-actions .btn {
    padding: 6px 14px;
    font-size: 0.9rem;
}

.context-v2-fact-edit-error {
    min-height: 0;
    margin-top: 6px;
    color: var(--hx-signal, #FF4B4B);
    font-size: 0.85rem;
}

.context-v2-fact-edit-error:empty {
    display: none;
}