/* AIWORK Audit Client — styles for the audit panel and result UI */

.ac-panel {
    background: linear-gradient(135deg, rgba(30,64,175,0.04), rgba(124,58,237,0.04));
    border: 1px solid rgba(30,64,175,0.18);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}

.ac-title {
    font-size: 14px; font-weight: 800; color: #1e40af;
    text-transform: uppercase; letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.ac-meta {
    font-size: 12px; color: #6b7280; line-height: 1.5;
    margin-bottom: 12px;
}
.ac-meta code {
    background: rgba(30,64,175,0.10); color: #1e40af;
    padding: 1px 6px; border-radius: 3px; font-size: 11px;
}

.ac-setup-hint {
    font-size: 12px; color: #b45309;
    background: rgba(245,158,11,0.08);
    border: 1px solid rgba(245,158,11,0.20);
    border-radius: 6px;
    padding: 8px 10px;
}

.ac-btn {
    background: #1e40af; color: white; border: none;
    padding: 8px 16px; border-radius: 8px;
    font-weight: 700; font-size: 13px; cursor: pointer;
    transition: background 0.15s;
}
.ac-btn:hover:not(:disabled) { background: #1e3a8a; }
.ac-btn:disabled { background: #9ca3af; cursor: wait; }

.ac-result-slot { margin-top: 12px; min-height: 8px; }

.ac-result {
    border-radius: 8px; padding: 14px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
}
.ac-result.ac-pass    { border-color: rgba(16,185,129,0.40); background: rgba(16,185,129,0.06); }
.ac-result.ac-fail    { border-color: rgba(220,38,38,0.40); background: rgba(220,38,38,0.06); }
.ac-result.ac-conditional { border-color: rgba(245,158,11,0.40); background: rgba(245,158,11,0.06); }

.ac-verdict {
    font-size: 22px; font-weight: 800; margin-bottom: 10px;
    display: flex; align-items: center; gap: 8px;
}
.ac-grade {
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 8px;
    background: #1e40af; color: white;
    font-size: 16px; font-weight: 900;
}
.ac-result.ac-pass .ac-grade    { background: #10b981; }
.ac-result.ac-fail .ac-grade    { background: #dc2626; }
.ac-result.ac-conditional .ac-grade { background: #f59e0b; }
.ac-score { color: #6b7280; font-size: 14px; font-weight: 600; }

.ac-breakdown {
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
    margin-bottom: 8px;
}
.ac-half {
    background: rgba(30,64,175,0.04);
    border-radius: 6px; padding: 8px;
    text-align: center;
}
.ac-half-label { font-size: 10px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 700; }
.ac-half-val { font-size: 18px; font-weight: 900; color: #1e40af; }

.ac-fails { margin-top: 8px; padding: 8px 10px; background: rgba(220,38,38,0.06); border: 1px solid rgba(220,38,38,0.20); border-radius: 6px; }
.ac-fails-title { font-size: 11px; font-weight: 800; color: #b91c1c; text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 4px; }
.ac-fails ul { margin: 0; padding-left: 18px; font-size: 12px; color: #7f1d1d; }
.ac-fails li { margin-bottom: 2px; }

.ac-cert-id { margin-top: 8px; font-size: 11px; color: #6b7280; }
.ac-cert-id a { color: #1e40af; font-family: ui-monospace, monospace; font-size: 11px; }
.ac-no-cert { margin-top: 8px; font-size: 12px; color: #6b7280; font-style: italic; }

.ac-error {
    border-radius: 8px; padding: 12px;
    background: rgba(220,38,38,0.06); border: 1px solid rgba(220,38,38,0.20);
}
.ac-error-title { font-size: 12px; font-weight: 800; color: #b91c1c; margin-bottom: 4px; }
.ac-error-body { font-size: 12px; color: #7f1d1d; word-break: break-word; }