.rx-page { padding:12px 18px 28px; color:#0b1635; }
.rx-page > header { height:92px; padding:0 10px; }
.rx-page > header h1 { margin:0; font-size:31px; }
.rx-page > header p { margin:5px 0 0; color:#65789d; font-size:14px; }
.rx-summary { min-height:156px; padding:14px 18px; display:grid; grid-template-columns:210px repeat(5,minmax(0,1fr)) 540px; align-items:center; gap:10px; border:1px solid #dfe8f7; border-radius:17px; background:#fff; }
.rx-summary > img { width:185px; height:135px; object-fit:contain; }
.rx-summary > div { min-width:0; min-height:78px; padding:8px 15px; display:grid; align-content:center; gap:8px; border-right:1px solid #e7edf6; }
.rx-summary span { color:#60749a; font-size:12px; }
.rx-summary strong { font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.rx-summary .rx-employee { display:flex; align-items:center; gap:7px; }
.rx-summary .rx-employee img { width:34px; height:34px; border-radius:50%; object-fit:cover; }
.rx-summary .rx-score { color:#0e96de; font-size:28px; }
.rx-summary .rx-score small { color:#65789d; font-size:11px; }
.rx-summary nav { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.rx-summary nav button { height:48px; border:1px solid #d4e1f6; border-radius:9px; display:flex; align-items:center; justify-content:center; gap:6px; color:#2e4268; background:#fff; font-weight:700; }
.rx-summary nav button.primary { color:#fff; border-color:#2868f5; background:#2868f5; }
.rx-summary nav img { width:23px; height:23px; object-fit:contain; }
.rx-main { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.45fr); gap:18px; margin-top:12px; align-items:start; }
.rx-output,.rx-writes,.rx-feedback,.rx-versions,.rx-reasons,.rx-events { border:1px solid #dfe8f7; border-radius:16px; background:#fff; }
.rx-output { min-height:820px; padding:18px 24px; }
.rx-output > h2,.rx-writes h2,.rx-feedback h2,.rx-versions h2,.rx-reasons h2,.rx-events h2 { margin:0; font-size:18px; }
.rx-output > h2 { padding-bottom:13px; border-bottom:1px solid #e8eef7; }
.rx-output article { padding:17px 0; border-bottom:1px solid #e8eef7; }
.rx-output article:last-child { border-bottom:0; }
.rx-output article h3 { margin:0 0 9px; font-size:15px; }
.rx-output article p { margin:0; color:#53698f; font-size:12px; line-height:1.75; white-space:pre-line; }
.rx-output article.highlight { margin:0 -8px; padding:16px 12px; border:1px solid #d7e4f8; border-radius:11px; background:#f4f8ff; }
.rx-output article ul { margin:10px 0 0; padding-left:20px; color:#2364d7; font-size:11px; line-height:1.8; }
.rx-right { display:grid; gap:12px; }
.rx-top-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:12px; }
.rx-writes,.rx-feedback { min-height:322px; padding:18px; }
.rx-writes > header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.rx-writes > header span { color:#f08a1a; font-size:12px; }
.rx-writes article { min-height:62px; display:grid; grid-template-columns:42px minmax(0,1fr) 78px 78px; align-items:center; gap:8px; border-bottom:1px solid #e8eef7; }
.rx-writes article img { width:38px; height:38px; object-fit:contain; }
.rx-writes article div { min-width:0; display:grid; gap:2px; }
.rx-writes strong { font-size:11px; }
.rx-writes article span { color:#6b7d9f; font-size:9px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.rx-writes article b { color:#20aa7c; font-size:9px; }
.rx-writes article button { height:30px; border:1px solid #cfe0fa; border-radius:7px; color:#2867dc; background:#fff; font-size:9px; }
.rx-feedback > div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:16px 0; }
.rx-feedback > div button { height:55px; border:1px solid #dce7f5; border-radius:9px; display:flex; align-items:center; justify-content:center; gap:4px; background:#fff; font-size:10px; }
.rx-feedback > div img { width:30px; height:30px; object-fit:contain; }
.rx-feedback label { display:grid; gap:7px; font-size:11px; }
.rx-feedback textarea { height:92px; border:1px solid #dce6f5; border-radius:8px; padding:10px; resize:none; font:inherit; }
.rx-feedback > p { color:#6c7d9f; font-size:9px; }
.rx-versions,.rx-reasons,.rx-events { padding:16px 18px; }
.rx-versions > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:12px; }
.rx-versions button { min-width:0; min-height:80px; border:1px solid #dfe8f5; border-radius:10px; padding:8px; display:grid; grid-template-columns:54px minmax(0,1fr); align-items:center; gap:8px; text-align:left; background:#fff; }
.rx-versions button img { width:52px; height:52px; object-fit:contain; }
.rx-versions button span { min-width:0; display:grid; gap:3px; }
.rx-versions strong { font-size:11px; }
.rx-versions small { color:#6c7e9f; font-size:9px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.rx-reasons > div { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; margin-top:12px; }
.rx-reasons article { min-width:0; min-height:102px; padding:11px; border:1px solid #d8eadf; border-radius:10px; background:#f3fbf7; }
.rx-reasons article.pending { border-color:#f0dfc6; background:#fff9f1; }
.rx-reasons article strong,.rx-reasons article span { display:block; font-size:10px; }
.rx-reasons article span { margin:4px 0; color:#1aa374; }
.rx-reasons article.pending span { color:#e78a1b; }
.rx-reasons article p { margin:0; color:#63769a; font-size:8px; line-height:1.5; }
.rx-events > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:12px; }
.rx-events article { min-width:0; min-height:88px; padding:9px; display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:8px; border:1px solid #dfe8f5; border-radius:10px; }
.rx-events article img { width:46px; height:46px; object-fit:contain; }
.rx-events article div { min-width:0; display:grid; gap:3px; }
.rx-events strong { font-size:10px; }
.rx-events span { color:#6b7d9f; font-size:8px; line-height:1.45; }
@media (max-width:1500px) {
  .rx-page { padding:8px 10px 20px; }
  .rx-page > header { height:74px; }
  .rx-page > header h1 { font-size:27px; }
  .rx-summary { grid-template-columns:145px repeat(5,minmax(0,1fr)) 430px; padding-inline:10px; }
  .rx-summary > img { width:135px; }
  .rx-summary nav { gap:5px; }
  .rx-main { grid-template-columns:minmax(0,.88fr) minmax(0,1.5fr); gap:10px; }
  .rx-top-grid { grid-template-columns:minmax(0,1fr) 320px; gap:8px; }
  .rx-writes,.rx-feedback { padding:12px; }
  .rx-writes article { grid-template-columns:36px minmax(0,1fr) 62px 64px; }
}