.agreement-review-notice { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 14px 16px; margin-bottom: 22px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); font-size: 12px; line-height: 1.7; }
.agreement-review-notice strong { color: var(--amber); flex-shrink: 0; }
.agreement-review-notice span { color: var(--muted); }
[data-agreement-preview] { background: #f0f1ee; border: 1px solid var(--line); border-radius: 8px; padding: 15px; max-height: 65vh; min-height: 320px; overflow: auto; }
.agreement-workspace .agreement-paper-status { text-align: center; color: #765017; font-weight: 600; margin: -12px 0 22px; }
.agreement-workspace .agreement-paper-version { font-size: 9px; color: #687373; margin-top: 24px; }
.agreement-workspace .hr-preview-table td:first-child { width: 26%; }
.agreement-workspace input[readonly] { background: var(--surface-soft, #f4f5f2); color: var(--muted); }
[data-agreement-status] { min-height: 18px; margin: 8px 0 0; font-size: 12px; color: var(--muted); }
@media (max-width: 850px) { [data-agreement-preview] { max-height: 540px; } }
@media (max-width: 540px) { [data-agreement-preview] { padding: 9px; } .agreement-workspace .hr-draft-tools { flex-shrink: 1; } .agreement-workspace .hr-field-group summary > span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .agreement-workspace .hr-field-group summary small { flex-shrink: 0; } }