/* Rank & Rent section (rr/rr.js). Everything is scoped to #rr-nav / #rr-view so the editor is untouched. */
#rr-nav{margin-top:6px;border-top:1px solid var(--border);padding-top:2px}
#rr-view{flex:1;overflow-y:auto;background:var(--bg);-webkit-overflow-scrolling:touch}
#rr-view.rr-hidden{display:none}
#rr-view .rr-wrap{max-width:1180px;margin:0 auto;padding:22px 24px 60px}
#rr-view h2{font:600 22px 'DM Sans',sans-serif;color:var(--text);margin:0}
#rr-view .rr-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}
#rr-view .rr-sub{font-size:12.5px;color:var(--muted);margin-top:2px}
#rr-view .rr-tools{display:flex;gap:8px;flex-wrap:wrap}
#rr-view .rr-btn{min-height:40px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 13px 'DM Sans',sans-serif;cursor:pointer}
#rr-view .rr-btn:hover{background:var(--tag)}
#rr-view .rr-btn.rr-go{background:var(--accent);border-color:var(--accent);color:#fff}
#rr-view .rr-btn.rr-go:hover{background:var(--accent-h)}
#rr-view .rr-views{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
#rr-view .rr-views button{flex:none;min-height:38px;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 13px 'DM Sans',sans-serif;cursor:pointer}
#rr-view .rr-views button.on{background:var(--text);border-color:var(--text);color:#fff}
#rr-view .rr-n{display:inline-block;min-width:18px;margin-left:4px;padding:1px 6px;border-radius:999px;background:var(--accent-l);color:var(--accent-h);font:700 11px 'JetBrains Mono',monospace}
#rr-view .rr-views .on .rr-n{background:#fff;color:var(--text)}
#rr-view .rr-opener{background:var(--accent-l);border:1px solid #e6cfb3;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.5;color:#5a3a17;margin-bottom:14px}
#rr-view .rr-price{font-size:12px;color:var(--accent-h);margin-top:4px}
#rr-view .rr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
#rr-view .rr-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px}
#rr-view .rr-card.due{border:2px solid var(--accent)}
#rr-view .rr-card.done{opacity:.55}
#rr-view .rr-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
#rr-view .rr-biz{font:600 16.5px 'DM Sans',sans-serif;color:var(--text);line-height:1.25}
#rr-view .rr-meta{font-size:12.5px;color:var(--muted)}
#rr-view .rr-tags{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
#rr-view .rr-pri{font:700 11px 'JetBrains Mono',monospace;padding:3px 8px;border-radius:999px;background:#e7efe3;color:#3f6b33}
#rr-view .rr-pri.p2{background:#e8ecf6;color:#3a4f8a}#rr-view .rr-pri.p3,#rr-view .rr-pri.p4,#rr-view .rr-pri.p9{background:var(--tag);color:var(--muted)}
#rr-view .rr-due{font:700 11px 'JetBrains Mono',monospace;padding:3px 8px;border-radius:999px;background:var(--accent-l);color:var(--accent-h);white-space:nowrap}
#rr-view .rr-due.late{background:#f6dcd8;color:var(--danger)}#rr-view .rr-due.cb{background:#1565c0;color:#fff}#rr-view .rr-outs button.hit{box-shadow:inset 0 0 0 2px currentColor}#rr-view .rr-due.soon{background:var(--tag);color:var(--muted)}
#rr-view .rr-actions{display:flex;gap:8px}
#rr-view .rr-call,#rr-view .rr-prev{flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;font:700 15.5px 'DM Sans',sans-serif;text-decoration:none}
#rr-view .rr-call{background:#3f6b33;color:#fff}
#rr-view .rr-prev{background:var(--surface);color:var(--accent-h);border:2px solid var(--accent);font-size:14px}
#rr-view .rr-call.off,#rr-view .rr-prev.off{background:var(--tag);color:var(--faint);border:none}
#rr-view .rr-say{font-size:12.5px;line-height:1.45;color:var(--text);background:var(--bg);border-radius:8px;padding:8px 10px}
#rr-view .rr-outs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#rr-view .rr-outs button{min-height:42px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 12.5px 'DM Sans',sans-serif;cursor:pointer;padding:4px}
#rr-view .rr-outs button:hover{background:var(--tag)}
#rr-view .rr-outs button.hit{background:var(--text);border-color:var(--text);color:#fff}
#rr-view .rr-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#rr-view .rr-fields label{display:flex;flex-direction:column;gap:3px;font:600 11px 'DM Sans',sans-serif;color:var(--muted)}
#rr-view .rr-fields label.wide{grid-column:1/-1}
#rr-view .rr-fields select,#rr-view .rr-fields input,#rr-view .rr-fields textarea{width:100%;box-sizing:border-box;min-height:40px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:15px 'DM Sans',sans-serif}
#rr-view .rr-fields textarea{min-height:58px;resize:vertical}
#rr-view .rr-hist summary{cursor:pointer;color:var(--muted);font:600 12px 'DM Sans',sans-serif;padding:3px 0}
#rr-view .rr-hist ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
#rr-view .rr-hist li{background:var(--bg);border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.35}
#rr-view .rr-hist li.demo{background:#e8ecf6}
#rr-view .rr-hist .w{font:600 11px 'JetBrains Mono',monospace;color:var(--muted);margin-right:6px}
#rr-view .rr-log{display:flex;justify-content:space-between;align-items:center;gap:8px;font:11.5px 'JetBrains Mono',monospace;color:var(--muted)}
#rr-view .rr-log b{color:var(--accent-h)}
#rr-view .rr-log button{border:none;background:none;color:var(--danger);font:600 12px 'DM Sans',sans-serif;cursor:pointer;padding:6px}
#rr-view .rr-empty{background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:22px;text-align:center;color:var(--muted);font-size:13.5px}
#rr-view .rr-sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
#rr-view .rr-site{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px}
#rr-view .rr-site-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
#rr-view .rr-site a{font:600 14.5px 'DM Sans',sans-serif;color:var(--text);text-decoration:none;word-break:break-all}
#rr-view .rr-site a:hover{color:var(--accent)}
#rr-view .rr-status{flex:none;font:700 11px 'JetBrains Mono',monospace;padding:3px 8px;border-radius:999px}
#rr-view .rr-status.open{background:#e7efe3;color:#3f6b33}#rr-view .rr-status.rented{background:var(--text);color:#fff}
#rr-view .rr-renter{font-size:13px;color:var(--text)}#rr-view .rr-none{color:var(--faint)}
#rr-view .rr-stats{font:11.5px 'JetBrains Mono',monospace;color:var(--muted)}
#rr-view .rr-stars{display:flex;align-items:center;gap:6px;font:600 12.5px 'DM Sans',sans-serif;color:var(--muted)}
#rr-view .rr-stars select{min-height:40px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 13px 'DM Sans',sans-serif}
#rr-view .rr-badges{display:flex;flex-wrap:wrap;gap:5px}
#rr-view .rr-b{font:600 11.5px 'DM Sans',sans-serif;padding:3px 8px;border-radius:999px;text-decoration:none;white-space:nowrap}
#rr-view .rr-b.ok{background:#e7efe3;color:#3f6b33}#rr-view .rr-b.mid{background:var(--accent-l);color:var(--accent-h)}
#rr-view .rr-b.warn{background:#fbecd2;color:#8a5a00}#rr-view .rr-b.bad{background:#f6dcd8;color:var(--danger)}#rr-view .rr-b.muted{background:var(--tag);color:var(--muted)}
#rr-view a.rr-btn{display:inline-flex;align-items:center;text-decoration:none}
#rr-view .rr-playbook{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#11120f}
#rr-view .rr-playbook img{display:block;width:100%;height:auto}
@media(max-width:640px){
  #rr-view .rr-wrap{padding:16px 14px 60px}
  #rr-view .rr-list,#rr-view .rr-sites{grid-template-columns:1fr}
  #rr-view .rr-head{flex-direction:column;align-items:stretch}
  #rr-view .rr-tools>*{flex:1}
  #rr-view .rr-views{flex-wrap:wrap;overflow-x:visible}
}