/* "To review" pages (js/views/review.js, rp-) */
.rp-intro{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:-6px}
.rp-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.rp-row .grow{flex:1 1 220px;min-width:0}
.rp-big{font-size:16px;min-height:46px}
.rp-row>.rp-big{flex:1 1 260px;max-width:520px}
.rp-chips{display:flex;flex-wrap:wrap;gap:6px}
.rp-chips .pill{height:38px;font-size:14px}
.rp-inl{display:inline-flex;align-items:center;gap:6px;color:var(--muted);white-space:nowrap}
.rp-size .input{width:110px}
.rp-n{width:84px;text-align:right}
.rp-u{width:auto;min-width:72px}
.rp-pick{flex:1 1 240px;max-width:420px}
.rp-cc{flex:0 1 auto}
.rp-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;max-width:60ch}
.rp-bp-t{min-width:560px}
.rp-est{background:var(--accent-soft);color:var(--fg)}
.rp-h3{font-size:14px;margin:6px 0 0}
.rp-up{color:var(--bad)}.rp-dn{color:var(--good)}
.rp-bad{color:var(--bad);font-weight:600}
.rp-li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 0;border-bottom:1px solid var(--line);align-items:center}
.rp-li:last-of-type{border-bottom:0}

/* recipes */
.rp-rec-hd{justify-content:flex-start}
.rp-rec-name{flex:1 1 200px;max-width:280px;font-weight:600}
.rp-rec-hd .btn{margin-left:auto}
.rp-rec-t{min-width:420px}
.rp-rec-t td{padding-top:4px;padding-bottom:4px}
.rp-rec-t td:first-child .input{min-width:200px}
.rp-rec .bd{gap:8px}
.rp-try{position:sticky;top:12px}
.rp-days{font-size:15px}
.rp-days b{font-size:22px}

/* contacts */
.rp-ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.rp-ct{padding:14px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.rp-ct-h{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}
.rp-ct-h b{font-size:15px}
.rp-ct-sells{font-size:13px}
.rp-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:13px;width:100%}
.rp-dl dt{color:var(--muted)}
.rp-dl dd{margin:0;overflow-wrap:anywhere}
.rp-sel{user-select:all;-webkit-user-select:all}
.rp-ct p{margin:0}

/* margin + days bars */
.rp-stack{display:flex;height:22px;border-radius:6px;overflow:hidden;background:var(--panel2)}
.rp-stack i,.rp-key i{display:block}
.rp-stack .mat,.rp-key .mat{background:var(--line2)}
.rp-stack .cost,.rp-key .cost{background:var(--warn)}
.rp-stack .make,.rp-key .make{background:var(--good)}
.rp-key{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}
.rp-key>span{display:inline-flex;align-items:center;gap:6px}
.rp-key i{width:12px;height:12px;border-radius:3px}
.rp-big-num{font-size:16px;margin:4px 0}
.rp-big-num b{font-size:20px}
.rp-cmp{display:flex;flex-direction:column;gap:6px}
.rp-cmp-r{display:grid;grid-template-columns:150px minmax(0,1fr) 64px;gap:10px;align-items:center;font-size:13px}
.rp-cmp-r b{text-align:right}
.rp-bar{height:12px;border-radius:6px;background:var(--panel2);overflow:hidden}
.rp-bar i{display:block;height:100%;border-radius:6px;background:var(--accent)}
.rp-days-l{gap:16px}
.rp-dr{display:flex;flex-direction:column;gap:5px}
.rp-dr-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rp-dr .rp-cmp-r{grid-template-columns:70px minmax(0,1fr) 56px}

/* claim */
.rp-cl-t{min-width:640px}
.rp-cl-t .rp-n{display:inline-block;min-height:34px;padding:4px 8px}

/* handover */
.rp-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rp-check li{display:flex;gap:10px;align-items:flex-start}
.rp-check li>span:last-child{display:flex;flex-direction:column}
.rp-tick{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.rp-check li.ok .rp-tick{background:var(--good-soft);border-color:var(--good);color:var(--good)}
.rp-plants{display:flex;flex-wrap:wrap;gap:6px}
.rp-plants>span{background:var(--panel2);border-radius:6px;padding:3px 9px;font-size:13px}

@media (max-width:760px){
  .rp-try{position:static}
  .rp-cmp-r{grid-template-columns:96px minmax(0,1fr) 54px}
  .rp-row>.btn{flex:1 1 auto}
  .rp-n{width:72px}
  .rp-chips .pill{height:42px}
}
.rp-rep-t{min-width:600px}
@media (max-width:760px){
  .rp-rec-t{min-width:0}
  .rp-rec-t td:first-child .input{min-width:0}
  .rp-rec-t th,.rp-rec-t td{padding-left:3px;padding-right:3px}
  .rp-rec-t .rp-n{width:62px}
  .rp-rec-t .rp-u{min-width:0;width:66px;padding-left:4px;padding-right:2px}
  .rp-rec-name{max-width:none}
  .cols:has(.rp-try) .col-side{order:-1}
}