/* RPV brand tokens — cool palette, same as the sibling desks. */
@font-face { font-family: 'Geist'; src: url('/fonts/Geist-Variable.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
:root {
  --midnight:#0D1B2A; --slate:#1C3A52; --steel:#2E5F80; --horizon:#4A90B8;
  --terracotta:#C4622D; --action-hover:#A8521F; --sand:#BFD6E8;
  --cream:#F3F6F9; --mist:#EEF2F5; --stone:#5C7284; --stone-2:#8FA3B1; --charcoal:#2C3E4A; --white:#fff;
  --border:#E1E8EE; --line-2:#D0DBE3; --info-bg:#D4E5F5;
  --ok:#2D7A4F; --warn:#B87333; --danger:#B83232;
  --r-sm:4px; --r-md:6px; --r-lg:10px;
  --sh-md:0 2px 8px rgba(13,27,42,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:16px}
body{
  margin:0; background-color:var(--cream); color:var(--charcoal);
  background-image:linear-gradient(rgba(44,62,74,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(44,62,74,.045) 1px, transparent 1px);
  background-size:28px 28px;
  font:400 15px/1.6 'Geist',system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased;
}
a{color:var(--steel)}
h1,h2,h3{margin:0; font-weight:600; letter-spacing:.01em; color:var(--midnight)}
.muted{color:var(--stone)} .small{font-size:13px}

header{
  background:var(--midnight); color:var(--white); border-bottom:2px solid var(--horizon);
  background-image:repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 2px, transparent 2px 10px);
  padding:0 32px; min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.brand{display:flex; align-items:baseline; gap:10px; color:var(--white); text-decoration:none}
.brand .mark{font-weight:600; letter-spacing:.02em}
.brand .mark i, .mark i{color:var(--horizon); font-style:normal}
.brand .name{font-weight:500}
.brand .tag{font-size:11px; color:var(--stone-2); letter-spacing:.1em; text-transform:uppercase}
.head-right{display:flex; gap:16px; font-size:13px; color:var(--stone-2); align-items:center}
.head-right a{color:var(--sand); text-decoration:none}
.head-right a:hover{color:var(--white)}
#banner{background:var(--info-bg); color:var(--slate); padding:10px 32px; font-size:14px}

.page{max-width:1120px; margin:0 auto; padding:32px}
.hero{margin-bottom:28px}
.hero h1{font-size:26px; font-weight:500}
.hero p{color:var(--stone); margin:6px 0 16px}
#q{width:100%; max-width:560px; padding:11px 14px; font:inherit; border:1px solid var(--line-2); border-radius:var(--r-md); background:var(--white)}
#q:focus{outline:2px solid var(--horizon); outline-offset:1px}

h2.cat{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--stone); margin:28px 0 10px; font-weight:600}
.grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:12px}
.card{display:flex; flex-direction:column; gap:6px; background:var(--white); border:1px solid var(--border); border-radius:var(--r-lg);
  padding:16px; text-decoration:none; color:inherit; box-shadow:var(--sh-md); transition:border-color .15s, transform .15s}
.card:hover{border-color:var(--horizon); transform:translateY(-1px)}
.card-top{display:flex; justify-content:space-between; gap:8px; align-items:baseline}
.card-top b{color:var(--midnight); font-weight:600}
.card p{margin:0; font-size:14px; color:var(--charcoal); flex:1}
.card .meta{font-size:12px; color:var(--stone)}
.aud{font-size:11px; padding:1px 7px; border-radius:var(--r-sm); white-space:nowrap; background:var(--mist); color:var(--stone)}



.hits{list-style:none; padding:0; margin:0; display:grid; gap:8px}
.hits a{display:grid; grid-template-columns:70px 180px 1fr; gap:12px; background:var(--white); border:1px solid var(--border);
  border-radius:var(--r-md); padding:10px 14px; text-decoration:none; color:inherit; align-items:baseline}
.hits a:hover{border-color:var(--horizon)}
.hits .kind{font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--stone)}
.hits b{color:var(--midnight); font-weight:600}
.empty{background:var(--white); border:1px dashed var(--line-2); border-radius:var(--r-lg); padding:24px; color:var(--stone)}

.back{display:inline-block; margin-bottom:16px; text-decoration:none; font-size:14px}
.app-head{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:24px; flex-wrap:wrap}
.app-head h1{font-size:30px; font-weight:500; margin:4px 0}
.lead{margin:0; color:var(--stone); max-width:640px}
.cat-chip{font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--stone)}
.btn{display:inline-block; background:var(--terracotta); color:var(--white); text-decoration:none; padding:10px 18px; border-radius:var(--r-md); font-weight:500; white-space:nowrap}
.btn:hover{background:var(--action-hover)}

.layout{display:grid; grid-template-columns:220px 1fr; gap:24px; align-items:start}
.toc{position:sticky; top:16px; display:flex; flex-direction:column; gap:2px; font-size:14px}
.toc b{font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--stone); margin-bottom:6px}
.toc a{text-decoration:none; padding:3px 0; color:var(--steel)}
.toc a.sub{padding-left:12px; font-size:13px; color:var(--stone)}
.toc a:hover{color:var(--midnight)}
.body{display:grid; gap:16px; min-width:0}
.panel{background:var(--white); border:1px solid var(--border); border-radius:var(--r-lg); padding:20px 24px; box-shadow:var(--sh-md)}
.panel h2{font-size:18px; font-weight:500; margin-bottom:10px}
.panel p{margin:0 0 8px}

.roles{width:100%; border-collapse:collapse; margin-top:12px; font-size:14px}
.roles th{text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--stone); font-weight:600; padding:6px 10px 6px 0; border-bottom:1px solid var(--border)}
.roles td{padding:8px 10px 8px 0; border-bottom:1px solid var(--mist); vertical-align:top}
.roles td:first-child{font-weight:500; width:34%; color:var(--midnight)}

.sections{margin:0; display:grid; gap:0}
.sections > div{padding:10px 0; border-bottom:1px solid var(--mist)}
.sections > div:last-child{border-bottom:0}
.sections dt{font-weight:600; color:var(--midnight); display:flex; gap:10px; flex-wrap:wrap; align-items:baseline}
.sections dt span{font-weight:400; font-size:13px; color:var(--stone)}
.sections dd{margin:2px 0 0}

.task{padding:12px 0; border-bottom:1px solid var(--mist)}
.task:last-child{border-bottom:0}
.task h3{font-size:16px; font-weight:500; display:flex; gap:10px; align-items:baseline; flex-wrap:wrap}
.task .who{font-size:11px; padding:1px 7px; border-radius:var(--r-sm); background:var(--mist); color:var(--stone); font-weight:500}
.task ol{margin:8px 0 0; padding-left:22px}
.task li{margin:3px 0}
.tips{margin:0; padding-left:20px}
.tips li{margin:6px 0}
:target{animation:flash 1.6s ease-out}
@keyframes flash{from{background:var(--info-bg)} to{background:transparent}}

/* sign-in gate */
body.gate{display:grid; place-items:center; min-height:100vh; padding:16px}
.box{background:var(--white); border:1px solid var(--border); border-radius:var(--r-lg); padding:32px; max-width:420px; width:100%; box-shadow:var(--sh-md)}
.box .mark{font-weight:600; margin-bottom:18px} .box .mark span{font-weight:500; color:var(--stone)}
.box h1{font-size:22px; font-weight:500; margin-bottom:8px}
.box .btn{display:block; text-align:center; margin-top:16px}
.box .btn.discord{background:#5865F2} .box .btn.discord:hover{background:#4752C4}
.box .alt{display:block; text-align:center; margin-top:14px; font-size:13px}

@media (max-width:760px){
  header{padding:10px 16px} #banner{padding:10px 16px}
  .page{padding:20px 16px}
  .brand .tag{display:none}
  .layout{grid-template-columns:1fr} .toc{display:none}
  .hits a{grid-template-columns:1fr; gap:2px}
  .panel{padding:16px}
  .app-head h1{font-size:24px}
}
.you{margin:0 0 6px; font-size:14px}
.you b{color:var(--midnight)}
.help-line{margin:-8px 0 14px; font-size:14px; color:var(--slate)}
.error-panel{border-left:3px solid var(--terracotta)}
.help-line a{font-weight:500}
.error-panel .btn{margin-top:10px; border:0; font:inherit; cursor:pointer}
button.btn{border:0; font:inherit; cursor:pointer}
button.btn:disabled{opacity:.6; cursor:default}
.ghost{background:none; border:1px solid var(--line-2); color:var(--steel); border-radius:var(--r-md); padding:8px 14px; font:inherit; font-size:14px; cursor:pointer}
.ghost:hover{border-color:var(--horizon)}
dialog.report{border:0; border-radius:var(--r-lg); padding:0; width:min(520px, calc(100vw - 32px)); box-shadow:0 12px 36px rgba(13,27,42,.2)}
dialog.report::backdrop{background:rgba(13,27,42,.45)}
dialog.report form, dialog.report .sent{padding:22px 24px; display:grid; gap:12px}
dialog.report h2{font-size:19px; font-weight:500}
dialog.report label{display:grid; gap:4px; font-size:13px; color:var(--stone); font-weight:500}
dialog.report select, dialog.report textarea{font:inherit; font-size:15px; color:var(--charcoal); padding:9px 11px; border:1px solid var(--line-2); border-radius:var(--r-md); background:var(--white)}
.drop{border:2px dashed var(--line-2); border-radius:var(--r-md); padding:14px; text-align:center; cursor:pointer; background:var(--mist)}
.drop.over, .drop:focus{border-color:var(--horizon); outline:none}
.drop p{margin:0; font-size:14px; color:var(--slate)}
.drop img{max-width:100%; max-height:220px; margin-top:10px; border-radius:var(--r-sm)}
.err{color:var(--danger); margin:0; font-size:14px}
dialog.report .row{display:flex; justify-content:flex-end; gap:8px}
.page-h{font-size:26px; font-weight:500; margin-bottom:16px}
#rl{display:grid; gap:12px}
.rep-top{display:flex; gap:10px; align-items:baseline; flex-wrap:wrap}
.rep-top .ghost{margin-left:auto; padding:4px 10px; font-size:13px}
.rep-what{white-space:pre-wrap; margin:8px 0}
.rep img{max-width:100%; max-height:420px; object-fit:contain; border:1px solid var(--border); border-radius:var(--r-sm); margin-top:6px}
.rep.done{opacity:.6}
.head-right a{white-space:nowrap}
@media (max-width:760px){ #who{display:none} .ask-btn{padding:4px 10px} header{gap:8px} }
.msg code{font-family:inherit; background:var(--mist); padding:0 4px; border-radius:3px}

/* ---- header nav ---- */
header nav{display:flex; gap:4px; margin-right:auto; margin-left:24px}
header nav a{color:var(--sand); text-decoration:none; font-size:14px; padding:6px 12px; border-radius:var(--r-md)}
header nav a:hover{color:var(--white); background:rgba(255,255,255,.06)}
header nav a.on{color:var(--white); background:rgba(255,255,255,.1)}

/* ---- chat layout ---- */
body.chat-mode{height:100vh; height:100dvh; display:flex; flex-direction:column; overflow:hidden}
body.chat-mode main{flex:1; min-height:0}
.chat{display:grid; grid-template-columns:260px 1fr; height:100%}
.side{border-right:1px solid var(--border); background:var(--white); padding:14px; overflow:auto; display:flex; flex-direction:column; gap:6px}
.new-chat{text-align:center; margin-bottom:10px}
.side-h{font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--stone); font-weight:600; margin:12px 4px 4px}
.chat-item{display:flex; align-items:center; border-radius:var(--r-md)}
.chat-item a{flex:1; min-width:0; padding:7px 8px; text-decoration:none; color:var(--charcoal); font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.chat-item:hover, .chat-item.on{background:var(--mist)}
.chat-item .x{border:0; background:none; color:var(--stone-2); font-size:16px; cursor:pointer; padding:0 8px; visibility:hidden}
.chat-item:hover .x{visibility:visible}
.chat-item .x:hover{color:var(--danger)}
.side-apps{display:flex; flex-direction:column}
.side-apps a{padding:5px 8px; font-size:13px; text-decoration:none; color:var(--steel); border-radius:var(--r-sm)}
.side-apps a:hover{background:var(--mist)}
.thread-wrap{display:flex; flex-direction:column; min-height:0; position:relative}
.thread-wrap.over::after{content:"Drop the screenshot to attach it"; position:absolute; inset:12px; border:2px dashed var(--horizon); border-radius:var(--r-lg); background:rgba(212,229,245,.75); display:grid; place-items:center; font-weight:500; color:var(--slate)}
.side-toggle{display:none}
.thread{flex:1; overflow:auto; padding:28px max(24px, calc((100% - 760px) / 2)); display:flex; flex-direction:column; gap:18px}
.hello{margin:auto 0; text-align:center; padding:24px 0}
.hello h1{font-size:28px; font-weight:500}
.hello p{margin:8px auto 22px; max-width:520px}
.chips{display:flex; flex-wrap:wrap; gap:8px; justify-content:center}
.chip{border:1px solid var(--line-2); background:var(--white); border-radius:999px; padding:8px 14px; font:inherit; font-size:14px; color:var(--slate); cursor:pointer; text-align:left}
.chip:hover{border-color:var(--horizon); color:var(--midnight)}
.warn-box, .err-box{background:#FBEDE6; color:var(--action-hover); border-radius:var(--r-md); padding:10px 14px; font-size:14px}
.msg-u{align-self:flex-end; max-width:78%; background:var(--info-bg); color:var(--midnight); padding:10px 14px; border-radius:16px 16px 4px 16px}
.msg-u img{display:block; max-width:100%; max-height:240px; border-radius:var(--r-md); margin-bottom:6px}
.msg-a{display:flex; flex-direction:column; gap:10px; max-width:100%}
.md{line-height:1.65}
.md p{margin:0 0 8px} .md p:last-child{margin-bottom:0}
.md ol, .md ul{margin:4px 0 8px; padding-left:22px} .md li{margin:3px 0}
.md h4{margin:10px 0 4px; font-size:15px; font-weight:600}
.md code{background:var(--mist); padding:1px 5px; border-radius:4px; font-size:.92em}
.md pre{background:var(--midnight); color:var(--cream); padding:10px 12px; border-radius:var(--r-md); overflow:auto}
.md pre code{background:none; color:inherit; padding:0}
.md a{font-weight:500}
.step{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--stone)}
.step .dot{width:8px; height:8px; border-radius:50%; background:var(--ok); flex:none}
.step.bad .dot{background:var(--warn)}
.step .dot.dim{background:var(--stone-2); animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.3}}
.offer{display:flex; gap:14px; align-items:center; justify-content:space-between; border:1px solid var(--line-2); border-left:3px solid var(--terracotta); border-radius:var(--r-md); padding:12px 14px; background:var(--white)}
.offer p{margin:2px 0 0; font-size:14px; color:var(--charcoal)}
.offer .btn{border:0; font:inherit; cursor:pointer; flex:none}
.shot{margin:0; border:1px solid var(--border); border-radius:var(--r-md); overflow:hidden; background:var(--white)}
.shot img{display:block; max-width:100%}
.shot figcaption{font-size:13px; color:var(--stone); padding:6px 10px}
.shot figcaption:empty{display:none}

/* ---- composer ---- */
.composer{padding:10px max(24px, calc((100% - 760px) / 2)) 14px; background:linear-gradient(transparent, var(--cream) 30%)}
.comp-row{display:flex; align-items:flex-end; gap:6px; background:var(--white); border:1px solid var(--line-2); border-radius:18px; padding:6px; box-shadow:var(--sh-md)}
.comp-row:focus-within{border-color:var(--horizon)}
.comp-row textarea{flex:1; border:0; resize:none; font:inherit; padding:8px 4px; max-height:200px; background:none; outline:none}
.icon{border:0; background:none; font-size:18px; cursor:pointer; padding:6px 8px; border-radius:var(--r-md)}
.icon:hover{background:var(--mist)}
.send{border:0; width:36px; height:36px; border-radius:50%; background:var(--terracotta); color:var(--white); font-size:18px; cursor:pointer; flex:none}
.send:hover{background:var(--action-hover)}
.send.stop{background:var(--midnight); font-size:13px}
.att{display:flex; align-items:center; gap:10px; margin:0 0 8px 6px}
.att img{max-height:60px; border-radius:var(--r-sm); border:1px solid var(--border)}
.comp-foot{margin:6px 0 0; font-size:12px; color:var(--stone); text-align:center}
.ghost.small{padding:3px 9px; font-size:12px}

/* ---- visual walkthrough ---- */
.viz{border:1px solid var(--border); border-radius:var(--r-lg); background:var(--white); overflow:hidden; box-shadow:var(--sh-md)}
.viz-h{display:flex; justify-content:space-between; gap:10px; padding:10px 14px; font-weight:600; color:var(--midnight); border-bottom:1px solid var(--mist)}
.viz-h span{font-weight:400; font-size:13px; color:var(--stone)}
.mock{margin:14px; border:1px solid var(--line-2); border-radius:var(--r-md); overflow:hidden; background:var(--cream)}
.m-bar{display:flex; align-items:center; gap:5px; background:var(--midnight); padding:7px 10px}
.m-bar i{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.25)}
.m-bar span{color:var(--white); font-size:12px; margin-left:8px; font-weight:500}
.m-tabs{display:flex; gap:2px; background:var(--slate); padding:0 8px; overflow-x:auto}
.m-tab{position:relative; color:var(--sand); font-size:12px; padding:7px 10px; white-space:nowrap}
.m-tab.lit{color:var(--white); background:rgba(255,255,255,.12); box-shadow:inset 0 -2px 0 var(--ember); animation:glow 1.6s ease-in-out infinite}
@keyframes glow{50%{background:rgba(224,123,69,.35)}}
.m-body{padding:12px; display:flex; flex-direction:column; gap:10px}
.m-hint{font-size:12px; color:var(--stone); display:flex; align-items:center; gap:8px}
.m-lines{display:grid; gap:6px} .m-lines i{display:block; height:8px; border-radius:4px; background:var(--line-2)}
.m-lines i:nth-child(2){width:80%} .m-lines i:nth-child(3){width:55%}
.badge{display:inline-grid; place-items:center; min-width:20px; height:20px; border-radius:50%; background:var(--terracotta); color:var(--white); font-size:11px; font-weight:600; padding:0 5px}
.m-tab .badge{position:absolute; top:-2px; right:-4px; min-width:16px; height:16px; font-size:10px}
.viz-steps{list-style:none; margin:0; padding:0 14px 6px; display:grid; gap:0}
.viz-steps li{display:grid; grid-template-columns:28px auto 1fr; gap:12px; align-items:center; padding:10px 0; border-top:1px dashed var(--line-2)}
.viz-steps li:first-child{border-top:0}
.ctl{position:relative; display:inline-flex}
.act{font-size:14px} .act small{display:block; color:var(--stone); font-size:12px; margin-top:2px}
.c-tab{font-size:13px; padding:6px 12px; background:var(--slate); color:var(--white); border-radius:var(--r-md) var(--r-md) 0 0; box-shadow:inset 0 -2px 0 var(--ember)}
.c-menu{font-size:13px; padding:6px 12px; background:var(--white); border:1px solid var(--line-2); border-left:3px solid var(--horizon); border-radius:var(--r-sm)}
.c-btn{font-size:13px; padding:7px 14px; background:var(--terracotta); color:var(--white); border-radius:var(--r-md); font-weight:500}
.c-field{font-size:13px; padding:7px 10px; min-width:140px; background:var(--white); border:1px solid var(--line-input); border-radius:var(--r-sm); color:var(--stone); display:inline-flex; align-items:center; gap:6px}
.c-field .caret{width:1px; height:14px; background:var(--midnight); animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.c-check{font-size:13px; display:inline-flex; align-items:center; gap:7px}
.c-check i{width:15px; height:15px; border:1.5px solid var(--steel); border-radius:3px; background:var(--white)}
.c-card{font-size:13px; padding:10px 14px; background:var(--white); border:1px solid var(--border); border-radius:var(--r-md); box-shadow:var(--sh-md); font-weight:500}
.c-link{font-size:13px; color:var(--steel); text-decoration:underline}
.c-discord{font-size:13px; padding:6px 10px; background:#5865F2; color:var(--white); border-radius:var(--r-md); font-family:ui-monospace,monospace}
.c-screen{font-size:13px; color:var(--slate); padding:6px 0}
.cursor{position:absolute; right:-10px; bottom:-10px; width:18px; height:18px; pointer-events:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 9-7 2-3 7z' fill='%230D1B2A' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  animation:tap 1.6s ease-in-out infinite}
@keyframes tap{0%,100%{transform:translate(0,0)} 50%{transform:translate(-3px,-3px) scale(.92)}}
.viz-go{display:flex; gap:8px; padding:4px 14px 14px; flex-wrap:wrap}
.viz-go .ghost{text-decoration:none}
.app-actions{display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.app-actions .ghost{text-decoration:none}
.show-me{display:inline-block; margin-top:6px; font-size:13px; font-weight:500; text-decoration:none}

@media (max-width:760px){
  header nav{margin-left:8px} header nav a{padding:5px 8px; font-size:13px}
  #who, .brand .tag{display:none}
  .chat{grid-template-columns:1fr}
  .side{position:absolute; z-index:5; top:0; bottom:0; left:0; width:min(280px, 85vw); transform:translateX(-100%); transition:transform .2s; box-shadow:var(--sh-pop)}
  .side.open{transform:none}
  .side-toggle{display:block; position:absolute; top:8px; left:8px; z-index:2; border:1px solid var(--line-2); background:var(--white); border-radius:var(--r-md); padding:4px 10px; font:inherit; font-size:13px; color:var(--slate)}
  .thread{padding:48px 14px 16px}
  .composer{padding:8px 10px 10px}
  .msg-u{max-width:90%}
  .viz-steps li{grid-template-columns:24px 1fr; } .viz-steps .act{grid-column:2}
  .offer{flex-direction:column; align-items:stretch}
}
.chat{position:relative}
.att[hidden]{display:none}
.idea-panel{border-left:3px solid var(--horizon)}
.idea-panel .btn{margin-top:10px; border:0; font:inherit; cursor:pointer; background:var(--steel)}
.idea-panel .btn:hover{background:var(--slate)}
.offer.sug{border-left-color:var(--horizon)}
.offer.sug .btn{background:var(--steel)} .offer.sug .btn:hover{background:var(--slate)}
.filters{display:flex; gap:8px; margin-bottom:14px}
.filters .chip{text-decoration:none}
.filters .chip.on{background:var(--midnight); color:var(--white); border-color:var(--midnight)}
.kind-tag{font-size:11px; padding:1px 7px; border-radius:var(--r-sm); background:#FBEDE6; color:var(--action-hover)}
.kind-tag.sug{background:var(--info-bg); color:var(--slate)}
.flagged{border-left-color:var(--ok)}
.kind-tag.ai{background:#E6F3EC; color:var(--ok)}
.status-tag{font-size:11px; padding:1px 7px; border-radius:var(--r-sm); background:var(--mist); color:var(--stone)}
.status-tag.accepted{background:#E6F3EC; color:var(--ok)} .status-tag.rejected{background:#F6E1E1; color:var(--danger)}
.rep-actions{margin-left:auto; display:flex; gap:6px}
.rep-top .ghost{margin-left:0}
.small-btn{padding:4px 12px; font-size:13px; border:0; cursor:pointer}
.rep-why{font-size:14px; color:var(--slate); margin:0 0 8px}
.rep.st-rejected, .rep.st-done{opacity:.6}