/* beindie tool — publisher contract red flags */

/* The internals of this tool are translated, so the "controls are in English"
   notice the shared tool header prints is wrong here. Hidden on this page only. */

#rfRoot .split > .stack{min-width:0;grid-template-columns:minmax(0,1fr)}
#rfRoot .panel{min-width:0}

.rf-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.rf-of{font-family:var(--pixel);font-size:10px;color:var(--muted);margin-left:8px;letter-spacing:.05em}

/* ---------- one clause ---------- */

.rf-item{
  border:1px solid var(--line);background:var(--paper-2);
  padding:18px 20px;position:relative;
}
.rf-item::before{
  content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:4px;background:var(--line-strong);
}
.rf-item--s1::before{background:var(--blue)}
.rf-item--s2::before{background:var(--orange)}
.rf-item--s3::before{background:var(--red)}
.rf-item.is-on{background:var(--paper-3);box-shadow:4px 4px 0 var(--ink)}
.rf-item.is-fading{opacity:.5}

.rf-item__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rf-sev{border:1px solid var(--ink)}
.rf-sev--1{background:var(--blue);color:#141414}
.rf-sev--2{background:var(--orange);color:#141414}
.rf-sev--3{background:var(--red);color:#141414}
.rf-sev::before{display:none}
.rf-cat,.rf-pts,.rf-idx{color:var(--muted)}
.rf-idx{margin-left:auto}

.rf-title{
  font-family:var(--display);font-weight:800;letter-spacing:-.02em;
  font-size:1.18rem;line-height:1.2;margin:12px 0 0;color:var(--ink);
}
.rf-meaning,.rf-ask{margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--ink-soft);max-width:72ch}
.rf-meaning .micro,.rf-ask .micro{display:block;color:var(--muted);margin-bottom:5px}
.rf-ask{border-left:2px solid var(--accent);padding-left:14px}

.rf-house{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.rf-house summary{
  cursor:pointer;list-style:none;font-family:var(--pixel);font-size:9px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
  display:flex;align-items:center;gap:9px;
}
.rf-house summary::-webkit-details-marker{display:none}
.rf-house summary::before{content:"";width:9px;height:9px;flex:none;background:var(--yellow);border:1px solid var(--ink)}
.rf-house[open] summary::before{background:var(--ink)}
.rf-house summary:hover{color:var(--ink)}
.rf-house p{margin:11px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted);max-width:72ch}

.rf-tick{
  display:flex;align-items:center;gap:11px;margin-top:16px;
  border-top:1px solid var(--line);padding-top:14px;cursor:pointer;
}
.rf-tick input[type=checkbox]{
  appearance:none;-webkit-appearance:none;width:19px;height:19px;flex:none;margin:0;
  border:2px solid var(--ink);background:var(--paper-3);cursor:pointer;display:grid;place-items:center;
}
.rf-tick input:checked{background:var(--yellow)}
.rf-tick input:checked::after{
  content:"";width:9px;height:5px;border:2px solid #141414;border-top:0;border-right:0;
  transform:rotate(-45deg) translate(1px,-2px);
}
.rf-tick .t{font-size:14px;font-weight:600;color:var(--ink)}

/* ---------- aside ---------- */

.rf-verdict{display:block;font-size:14px;line-height:1.5}
.rf-verdict b{display:block;font-size:15px;margin-bottom:6px;color:var(--ink)}
.rf-verdict.is-clean{border-left-color:var(--line-strong)}
.rf-verdict.is-minor{border-left-color:var(--green)}
.rf-verdict.is-negotiate{border-left-color:var(--orange)}
.rf-verdict.is-lawyer{border-left-color:var(--red)}
.rf-verdict.is-walk{border-left-color:var(--red);background:rgba(255,45,45,.08)}

@media (max-width:620px){
  .rf-item{padding:15px 16px}
  .rf-idx{display:none}
}

@media print{
  #rfCats,.rf-bar,.result__foot,.rf-tick{display:none}
  .rf-house[open] summary{color:var(--ink)}
  .rf-item{break-inside:avoid;box-shadow:none}
}
#rfPoints{display:inline-block}
.rf-of{display:inline-block}

/* ---------- copy buttons: the failure has to be as loud as the success ----------
   site.css styles .is-copied, and site.js only ever reaches that branch. A
   clipboard that is unavailable (a non-secure origin) or refused (a denied
   permission) left the button sitting still, which reads exactly like a
   silent success. The tool scripts handle their own copy buttons and set one
   of these two states every time. */
.is-copyfail{background:var(--red);color:#141414;border-color:var(--ink)}
.copy-note{
  flex:1 1 100%;margin:0;font-size:12.5px;line-height:1.45;
  color:var(--red);font-weight:600;
}
.copy-note:empty{display:none}

/* Anything driven by a thumb: the shared chrome is sized for a mouse, and
   30px of button is not a tap target. */
@media (pointer:coarse){
  .copy,.chip,.seg button,.btn-sm{min-height:40px}
  .copy,.seg button{display:inline-flex;align-items:center;justify-content:center}
}
