.rhwp-ai-review-panel { position: absolute; z-index: 5; top: 74px; right: var(--sp-3); bottom: 42px; width: min(440px, calc(100% - 24px)); display: flex; flex-direction: column; gap: var(--sp-4); overflow: auto; padding: var(--sp-4); border: 1px solid var(--lz-border-strong); border-radius: var(--r-md); background: var(--nt-000); box-shadow: var(--sh-lg); }
.rhwp-ai-review-panel[hidden] { display: none; }
.rhwp-ai-review-panel > header, .rhwp-ai-review-panel > footer, .rhwp-ai-diff > div, .rhwp-ai-instruction-form > div { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.rhwp-ai-review-panel h2, .rhwp-ai-review-panel p { margin: 0; }
.rhwp-ai-review-panel header small { color: var(--green-300); font-size: var(--fs-micro); font-weight: var(--fw-black); letter-spacing: .12em; }
.rhwp-ai-review-panel header h2 { margin-top: var(--sp-1); color: var(--accent-800); font-size: var(--fs-lg); }
.rhwp-ai-review-panel header button { width: 30px; height: 30px; border: 0; border-radius: var(--r-xs); background: var(--lz-sunken); cursor: pointer; }
.rhwp-ai-instruction-form { display: grid; gap: var(--sp-2); }
.rhwp-ai-instruction-form label { color: var(--nt-700); font-size: var(--fs-xs); font-weight: var(--fw-black); }
.rhwp-ai-instruction-form textarea { min-height: 94px; resize: vertical; padding: var(--sp-3); border: 1px solid var(--lz-border-strong); border-radius: var(--r-sm); line-height: 1.55; }
.rhwp-ai-instruction-form button, .rhwp-ai-review-panel footer button { min-height: 34px; padding: 0 var(--sp-3); border: 1px solid var(--lz-border-strong); border-radius: var(--r-xs); background: var(--nt-000); cursor: pointer; font-size: var(--fs-xs); font-weight: var(--fw-bold); }
.rhwp-ai-instruction-form button.primary, .rhwp-ai-review-panel footer button.primary { color: var(--primary-fg); border-color: var(--primary-bg); background: var(--primary-bg); }
.rhwp-ai-status { padding: var(--sp-3); border-radius: var(--r-sm); color: var(--nt-600); background: var(--lz-sunken); font-size: var(--fs-xs); line-height: 1.55; }
.rhwp-ai-status[data-kind="error"] { color: var(--danger-fg); background: var(--danger-bg); }
.rhwp-ai-diff { display: grid; gap: var(--sp-2); min-height: 0; }
.rhwp-ai-diff small { color: var(--nt-500); font-size: var(--fs-micro); }
.rhwp-ai-diff ol { display: grid; gap: var(--sp-2); margin: 0; padding: 0; list-style: none; }
.rhwp-ai-diff li { display: grid; gap: var(--sp-1); padding: var(--sp-3); border: 1px solid var(--lz-border); border-radius: var(--r-sm); background: var(--lz-sunken); }
.rhwp-ai-diff li strong { color: var(--accent-800); font-size: var(--fs-xs); }
.rhwp-ai-diff li span { overflow-wrap: anywhere; color: var(--nt-700); font-size: var(--fs-xs); line-height: 1.5; }
.rhwp-ai-review-panel > footer { margin-top: auto; justify-content: flex-end; }
.rhwp-ai-review-queue-dialog { width: min(900px, calc(100vw - 32px)); }
.rhwp-ai-review-queue-layout { display: grid; grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.2fr); gap: var(--sp-4); min-height: 360px; }
.rhwp-ai-review-queue-heading, .rhwp-ai-review-queue-detail > header, .rhwp-ai-review-queue-detail > footer { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.rhwp-ai-review-queue-list { display: grid; gap: var(--sp-2); margin-top: var(--sp-3); }
.rhwp-ai-review-queue-list button { display: grid; gap: var(--sp-1); width: 100%; padding: var(--sp-3); border: 1px solid var(--lz-border); border-radius: var(--r-sm); background: var(--nt-000); text-align: left; cursor: pointer; }
.rhwp-ai-review-queue-list button[aria-current="true"] { border-color: var(--green-300); background: var(--lz-sunken); }
.rhwp-ai-review-queue-list small, .rhwp-ai-review-queue-detail small { color: var(--nt-500); }
.rhwp-ai-review-queue-detail { display: flex; flex-direction: column; gap: var(--sp-3); padding: var(--sp-4); border: 1px solid var(--lz-border); border-radius: var(--r-sm); }
.rhwp-ai-review-queue-detail[hidden] { display: none; }
.rhwp-ai-review-queue-detail ol { display: grid; gap: var(--sp-2); margin: 0; padding: 0; list-style: none; }
.rhwp-ai-review-queue-detail li { display: grid; gap: var(--sp-1); padding: var(--sp-3); border-radius: var(--r-sm); background: var(--lz-sunken); }
.rhwp-ai-review-queue-detail footer { margin-top: auto; justify-content: flex-end; }
@media (max-width: 720px) { .rhwp-ai-review-queue-layout { grid-template-columns: 1fr; } }