.fair-panel { margin-top: 18px; display: grid; gap: 16px; }
.fair-panel[hidden] { display: none; }
.fair-kicker { color: #667085; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.fair-zero-badge { align-self: flex-start; background: #eef8f5; border: 1px solid #b7ded2; border-radius: 999px; color: #176b50; font-size: 12px; font-weight: 700; padding: 7px 11px; }
.fair-message { border-radius: 8px; margin: 0; padding: 10px 12px; }
.fair-message.is-success { background: #edf9f4; color: #176b50; }
.fair-message.is-error { background: #fff1f0; color: #9f2d26; }
.fair-toolbar { align-items: end; display: flex; gap: 12px; }
.fair-toolbar label, .fair-review label, .fair-ai label { color: #475467; display: grid; font-size: 12px; gap: 5px; }
.fair-layout { display: grid; grid-template-columns: minmax(210px, .7fr) minmax(460px, 1.65fr) minmax(270px, .85fr); gap: 14px; min-height: 520px; }
.fair-files, .fair-review, .fair-ai { border: 1px solid #e2e7ee; border-radius: 10px; min-width: 0; padding: 13px; }
.fair-files h3, .fair-review h3, .fair-ai h3 { margin: 0 0 10px; }
.fair-files { display: flex; flex-direction: column; gap: 7px; }
.fair-files button { background: transparent; border: 1px solid transparent; border-radius: 8px; color: inherit; display: grid; gap: 4px; padding: 9px; text-align: left; }
.fair-files button:hover, .fair-files button.is-active { background: #f2f7f8; border-color: #b8d7db; }
.fair-files button span, .fair-files button small { color: #667085; }
.fair-review { display: grid; gap: 13px; align-content: start; }
.fair-selected, .fair-link, .fair-field-head, .fair-advice-head { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
.fair-selected h3 { margin-bottom: 4px; }
.fair-selected p { color: #667085; margin: 0; }
.fair-summary { display: flex; flex-wrap: wrap; gap: 7px; }
.fair-summary span, .fair-status { background: #f4f6f8; border-radius: 999px; color: #475467; font-size: 12px; padding: 5px 8px; }
.fair-link { background: #f7f9fc; border: 1px solid #dfe5ee; border-radius: 9px; padding: 10px; }
.fair-link > div { display: grid; gap: 4px; }
.fair-link > div span { color: #667085; font-size: 12px; }
.fair-link form { align-items: end; display: flex; flex-wrap: wrap; gap: 7px; }
.fair-link input { min-width: 220px; }
.fair-fields { display: grid; gap: 10px; }
.fair-field { border: 1px solid #e3e8ef; border-radius: 9px; padding: 10px; }
.fair-field.is-high { border-color: #e7c875; }
.fair-field.is-blocked { background: #fff8f6; border-color: #efb4aa; }
.fair-field-head > div { display: grid; gap: 3px; }
.fair-field-head span { color: #667085; font-size: 12px; }
.fair-field blockquote { background: #f8fafc; border-left: 3px solid #b9c5d4; color: #344054; display: grid; gap: 4px; margin: 9px 0; padding: 8px 10px; }
.fair-field blockquote b { color: #667085; font-size:12px; }
.fair-field form { display: grid; grid-template-columns: 1fr 150px; gap: 8px; }
.fair-field form button, .fair-field form small { grid-column: 1 / -1; }
.fair-reject { border-top: 1px solid #edf0f4; display: flex; align-items: end; gap: 8px; padding-top: 12px; }
.fair-reject label { flex: 1; }
.fair-ai { align-content: start; display: grid; gap: 11px; }
.fair-ai form { display: grid; gap: 8px; }
.fair-ai pre { background: #101828; border-radius: 8px; color: #e6edf7; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; margin: 0; padding: 10px; white-space: pre-wrap; }
.fair-ai ul { color: #475467; margin: 0; padding-left: 19px; }
.fair-route { border-top: 1px solid #edf0f4; display: grid; gap: 4px; padding-top: 9px; }
.fair-route span:last-child { color: #667085; font-size: 12px; }
.fair-zero { display: flex; flex-wrap: wrap; gap: 6px; }
.fair-zero span { background: #eef8f5; border-radius: 999px; color: #176b50; font-size:12px; padding: 4px 7px; }
.fair-image { border-top: 1px solid #edf0f4; display: grid; gap: 10px; padding-top: 12px; }
.fair-image-grid { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(200px, 1fr); gap: 12px; }
.fair-image-grid img { background: #f4f6f8; border-radius: 8px; max-height: 320px; object-fit: contain; width: 100%; }
.fair-image-grid dl { display: grid; gap: 7px; margin: 0; }
.fair-image-grid dl div { border-bottom: 1px solid #edf0f4; display: grid; gap: 3px; padding-bottom: 6px; }
.fair-image-grid dt { color: #667085; font-size:12px; }
.fair-image-grid dd { margin: 0; overflow-wrap: anywhere; }
.fair-not-called { background: #fff8e7; border-radius: 8px; color: #805b12; padding: 9px; }
@media (max-width: 1200px) { .fair-layout { grid-template-columns: 220px minmax(0, 1fr); } .fair-ai { grid-column: 1 / -1; } }
@media (max-width: 760px) { .fair-layout { grid-template-columns: 1fr; } .fair-ai { grid-column: auto; } .fair-field form, .fair-image-grid { grid-template-columns: 1fr; } }