/*
 * COPIE. Originalul e `public/css/ai_activity.css`, al portalului vechi.
 *
 * De pe 14 septembrie 2026 v4 nu mai ia NIMIC de la portalul CodeIgniter la
 * rulare: foile, fonturile, imaginile si pluginurile stau in `v4/web/public/`
 * si se servesc de sub `base`-ul aplicatiei (vezi `vite.config.ts`, PORTAL_STYLES).
 * Regulile de stil sunt neschimbate; in `app.css` caile `url(/public/...)` au
 * devenit relative la foaie (`url(../fonts/...)`, `url(../images/...)`).
 * Pana cand portalul vechi dispare, cele doua copii se tin la fel.
 */
/*
 * AI Activity - ce a facut agentul.
 *
 * Foaie a paginii, legata direct din macheta cu ?v=RELEASE_VERSION: o schimbare
 * mica de stil pe un singur ecran nu cere reconstruirea intregii app.css.
 */

/* Starea de acum: in ce mod e agentul. Culoarea urca odata cu puterea. */
.ai-activity-state {
    padding: 12px 16px;
    border-radius: 3px;
    border: 1px solid var(--od-rule-soft, #e3e7ec);
    background: var(--od-surface, #fff);
    margin-bottom: 14px;
}

.ai-activity-state-label { color: var(--od-ink-faint, #6b7480); }
.ai-activity-state-who { color: var(--od-ink-faint, #8a93a0); font-size: 12px; }

.ai-activity-state.ai-mode-problem  { border-left: 4px solid var(--od-ok, #2e7d32); }
.ai-activity-state.ai-mode-change   { border-left: 4px solid #1f5f8b; }
.ai-activity-state.ai-mode-incident { border-left: 4px solid var(--od-crit, #b42318); }

/* Full Access: se citeste de departe ca usa cea mai larga e deschisa. */
.ai-activity-state.ai-mode-full {
    border-left: 4px solid var(--od-ink, #1a1d21);
    background: var(--od-crit-bg, #fdecea);
    border-color: var(--od-crit-bg, #f5c6c0);
}

.ai-activity-warn {
    margin-top: 6px;
    color: var(--od-crit, #b42318);
    font-size: 12px;
}

/* Randul de contoare, care sunt si filtre. */
.ai-activity-counts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.ai-activity-count {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--od-rule, #d7dce2);
    border-radius: 3px;
    background: var(--od-surface, #fff);
    color: var(--od-ink, #3d4752);
    text-decoration: none;
    font-size: 12px;
}

.ai-activity-count:hover { background: var(--od-surface-alt, #f3f5f7); color: var(--od-ink, #3d4752); text-decoration: none; }

.ai-activity-count.is-active {
    background: #1f5f8b;
    border-color: #1f5f8b;
    color: var(--od-surface, #fff);
}

.ai-activity-count-n { font-weight: 700; font-size: 14px; }
.ai-activity-count-label { color: inherit; }

/* Fereastra de timp. */
.ai-activity-range {
    font-size: 12px;
    color: var(--od-ink-faint, #6b7480);
    margin-bottom: 12px;
}

.ai-activity-range a {
    margin-left: 8px;
    color: #1f5f8b;
}

.ai-activity-range a.is-active {
    font-weight: 700;
    text-decoration: underline;
}

/* Tabelul. Gravitatea se vede pe marginea randului, nu numai prin culoarea
   textului - un semn de culoare singur nu se citeste de toata lumea. */
.ai-activity-table td { vertical-align: middle; font-size: 13px; }
.ai-activity-table code {
    background: var(--od-ground, #eef0f2);
    border-radius: 3px;
    padding: 1px 5px;
    word-break: break-all;
}

.ai-activity-table tr.ai-sev-major td:first-child { box-shadow: inset 3px 0 0 var(--od-crit, #b42318); }
.ai-activity-table tr.ai-sev-critical td:first-child { box-shadow: inset 3px 0 0 var(--od-crit, #b42318); }

/* =============================================================================
   IESIREA UNEI COMENZI, DESFACUTA SUB RAND
   ============================================================================= */

/* Randul spunea pana acum doar CE s-a trimis. Raspunsul masinii se aduce la
   apasare si se desface aici - de-aia are plafon de inaltime: o iesire de
   `dnf update` are sute de randuri, si ar fi impins tot tabelul in jos. */
.ai-activity-output {
    margin: 6px 0 0;
    padding: 8px 10px;
    max-height: 220px;
    overflow: auto;
    font-size: 11px;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    background: var(--od-ground, #f4f6f8);
    border: 1px solid var(--od-rule-soft, #e8ecef);
    border-radius: 3px;
    color: var(--od-ink, #1f2933);
}

.ai-open-output,
.ai-open-session {
    margin-left: 6px;
    font-size: 11px;
    white-space: nowrap;
}