/* LastingWeb free tools — fix planner & retest comparison (fixplan.js).
   Loaded only on /tools/fix-planner; builds on the tokens in tools.css. */
.fp { display:grid;gap:18px;}
.fp-in { padding:20px 18px 18px;min-width:0;}
@media (min-width:640px) { .fp-in { padding:24px;} }
.fp-in__h, .fp-tasks__h { font-size:clamp(22px, 2.4vw, 28px);margin:0 0 14px;}
.fp-slots { display:grid;gap:14px;}
@media (min-width:900px) { .fp-slots { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);} }
.fp-slot { border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--ivory);padding:14px;display:grid;gap:10px;align-content:start;min-width:0;}
.fp-slot__h { font-size:20px;}
.fp-slot__hint { margin:-4px 0 0;color:var(--muted);font-size:13.5px;}
.fp-slot__body { display:grid;gap:12px;min-width:0;}
.fp-slot__row { margin:0;}
.fp-inline { display:flex;gap:8px;min-width:0;}
.fp-inline input { flex:1;min-width:0;}
.fp-inline .btn { flex:none;min-height:44px;}
.fp-slot__file { font:14px var(--sans);max-width:100%;min-height:0 !important;padding:8px !important;}
.fp-paste summary { cursor:pointer;font-weight:600;font-size:14px;color:var(--burg);min-height:32px;display:flex;align-items:center;}
.fp-paste .cf { margin-top:8px;justify-items:start;}
.fp-paste textarea { font:12.5px/1.45 var(--mono) !important;}
.fp-slot__msg { margin:0;font-size:13.5px;color:var(--muted);min-height:1em;}
.fp-slot__msg:empty { display:none;}
.fp-slot__msg.is-bad { color:var(--bad);font-weight:600;}
.fp-slot__loaded { display:grid;gap:4px;justify-items:start;padding:10px 12px;border-left:4px solid var(--good);background:var(--paper);border-radius:0 var(--r-s) var(--r-s) 0;min-width:0;}
.fp-slot__site { margin:0;font-size:15.5px;overflow-wrap:anywhere;}
.fp-slot__meta { margin:0;font-size:13px;color:var(--muted);overflow-wrap:anywhere;}
.fp-slot__loaded .btn { margin-top:6px;}
.fp-recent { margin-top:14px;}
.fp-recent__l { list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.fp-recent__l li { display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between;padding:6px 10px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--paper);font-size:13.5px;}
.fp-recent__t { min-width:0;overflow-wrap:anywhere;}
.fp-link { border:0;background:none;padding:6px 0;color:var(--burg);font:13px var(--sans);text-decoration:underline;cursor:pointer;}
.fp-out { display:grid;gap:18px;min-width:0;}
.fp-empty { padding:22px;color:var(--muted);}
.fp-empty p { margin:0;}
.fp-sum { padding:20px;display:grid;gap:14px;min-width:0;}
.fp-sum .eyebrow { margin-bottom:-8px;}
.fp-sum__h { font-size:clamp(22px, 2.6vw, 30px);overflow-wrap:anywhere;}
@media (min-width:720px) { .fp-sum .stats { grid-template-columns:repeat(4, minmax(0, 1fr));} }
.fp-score { display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;}
.fp-score__c { display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--ivory);min-width:0;}
.fp-score__l { font-size:12.5px;font-weight:600;color:var(--muted);}
.fp-score__v { font:400 clamp(26px, 4vw, 34px)/1.1 var(--serif);font-variant-numeric:tabular-nums;}
.fp-score__v.is-up { color:var(--good);} .fp-score__v.is-down { color:var(--bad);}
.fp-score__v--na { font:600 15px/1.6 var(--sans);color:var(--muted);}
.fp-score__s { font-size:12px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere;}
.fp-sum :is(.warnline, .badline) { margin:0;}
.fp-mods summary { cursor:pointer;font-weight:600;color:var(--burg);min-height:36px;display:flex;align-items:center;}
.fp-mods .tbl { margin-top:6px;}
.fp-tasks { padding:20px 14px;min-width:0;}
@media (min-width:640px) { .fp-tasks { padding:24px;} }
.fp-tasks__c { font:600 14px var(--sans);color:var(--muted);}
.fp-bar { display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:6px;}
.fp-seg { flex-wrap:wrap;margin:0;border-radius:18px;}
.fp-seg__n { font-weight:500;color:var(--muted);}
.fp-hide { min-height:38px !important;font-weight:500 !important;}
.fp-hide input { width:18px !important;height:18px !important;min-height:0 !important;}
.fp-acts { display:flex;flex-wrap:wrap;gap:8px;}
.fp-privacy { margin:4px 0 14px;}
.fp-list { list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.fp-t { border:1px solid var(--line-2);border-left:4px solid var(--bad);border-radius:var(--r-s);background:var(--paper);padding:14px;display:grid;gap:8px;min-width:0;}
.fp-t--persistent, .fp-t--open { border-left-color:#c27b12;}
.fp-t--resolved { border-left-color:var(--good);}
.fp-t--unknown { border-left-color:var(--info);}
.fp-t--open:has(.chip--bad:first-of-type) { border-left-color:var(--bad);}
.fp-t[data-state="done"], .fp-t[data-state="wontfix"] { background:var(--ivory);}
.fp-t[data-state="done"] .fp-t__title { text-decoration:line-through;text-decoration-color:var(--muted);}
.fp-t__head { display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;}
.fp-t__n { display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:99px;background:var(--sand);font:700 12.5px var(--sans);font-variant-numeric:tabular-nums;}
.fp-t__mod { font-size:13px;color:var(--muted);margin-left:auto;}
.fp-t__title { font:600 16.5px/1.35 var(--sans);letter-spacing:0;overflow-wrap:anywhere;}
.fp-t p { margin:0;font-size:14.5px;overflow-wrap:anywhere;}
.fp-t__why { color:var(--info);font-weight:600;font-size:13.5px !important;}
.fp-t .check__fix { margin-top:2px !important;}
.fp-t__more summary { cursor:pointer;font-size:13.5px;font-weight:600;color:var(--burg);min-height:30px;display:flex;align-items:center;}
.fp-t__more .check__why { margin-top:4px;}
.fp-t__items { margin:6px 0 0;padding-left:20px;font-size:13px;color:var(--muted);overflow-wrap:anywhere;}
.fp-t__own { display:grid;gap:8px;grid-template-columns:repeat(2, minmax(0, 1fr));padding-top:8px;border-top:1px dashed var(--line);}
.fp-t__f { grid-column:span 1;gap:4px !important;}
.fp-t__f > label { font-size:12.5px !important;color:var(--muted);}
.fp-t__f--note { grid-column:1 / -1;}
@media (min-width:760px) { .fp-t__own { grid-template-columns:160px 200px minmax(0, 1fr);} .fp-t__f--note { grid-column:auto;} }
.fp-t__own :is(input, select, textarea) { min-height:38px !important;padding:7px 10px !important;font-size:14px !important;}
.fp-t__print { display:none;}
.fp-t__fid { font-size:12px !important;color:var(--muted);}
.fp-t__fid code { font:12px var(--mono);overflow-wrap:anywhere;}
.fp-more { margin-top:14px;}
.fp-cta { margin-top:0;}
@media (max-width:420px) { .fp-score { grid-template-columns:1fr 1fr;} .fp-score__d { grid-column:1 / -1;} }
@media print {
  .fp-in, .fp-bar, .fp-privacy, .fp-more, .fp-cta, .fp-mods summary, .fp-t__own, .fp-t__more summary { display:none !important;}
  .fp-mods > :not(summary), .fp-t__more > :not(summary) { display:block !important;}
  .fp-t__print { display:block;font-size:12px !important;}
  .fp-t__print > span:empty::before { content:"—";}
  .fp-t, .fp-sum { break-inside:avoid;box-shadow:none;}
  .fp-tasks { padding:0;border:0;}
  .fp-t__fid { display:none;}
}