/* Copilot Ticket Summary — card on the ticket view screen. */

.ticket-view-page .copilot-summary-card {
    border: 1px solid #e6e0f0;
}

.ticket-view-page .copilot-summary-header {
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ticket-view-page .copilot-summary-header h6 {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.ticket-view-page .copilot-summary-title-icon {
    color: var(--primary-color, #8e24aa);
    font-size: 1.125rem;
}

.ticket-view-page .copilot-summary-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: 1px solid var(--primary-color, #8e24aa);
    background: transparent;
    color: var(--primary-color, #8e24aa);
    border-radius: 1.25rem;
    padding: 0.375rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.ticket-view-page .copilot-summary-btn:hover:not([disabled]) {
    background: var(--primary-color, #8e24aa);
    color: #fff;
}

.ticket-view-page .copilot-summary-btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ticket-view-page .copilot-summary-btn .material-icons {
    font-size: 1rem;
    margin: 0;
}

.ticket-view-page .copilot-summary-hint {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #6b7280;
}

.ticket-view-page .copilot-summary-hint .material-icons {
    font-size: 1.125rem;
}

.ticket-view-page .copilot-summary-hint--muted {
    color: #9095a1;
}

.ticket-view-page .copilot-summary-hint--error {
    color: #c62828;
}

.ticket-view-page .copilot-summary-text p {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #1f2633;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.ticket-view-page .copilot-summary-meta {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    color: #9095a1;
}

.ticket-view-page .copilot-summary-meta-sep {
    color: #c9ccd4;
}

.ticket-view-page .copilot-summary-text .copilot-summary-btn {
    margin-top: 0.25rem;
}

.ticket-view-page .copilot-summary-outdated {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background: #fff8e1;
    color: #8a6100;
    font-size: 0.8125rem;
}

.ticket-view-page .copilot-summary-outdated .material-icons {
    font-size: 1.125rem;
}

.ticket-view-page .copilot-summary-outdated a {
    color: var(--primary-color, #8e24aa);
    font-weight: 600;
    text-decoration: underline;
}

.ticket-view-page .copilot-summary-loading {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #6b7280;
}

.ticket-view-page .copilot-summary-spinner {
    width: 1rem;
    height: 1rem;
    border: 2px solid #e0e0e0;
    border-top-color: var(--primary-color, #8e24aa);
    border-radius: 50%;
    animation: copilot-summary-spin 0.8s linear infinite;
}

@keyframes copilot-summary-spin {
    to {
        transform: rotate(360deg);
    }
}