[data-fato]{--paper:#F6F9F8;--surface:#FFFFFF;--surface-2:#EDF3F1;--surface-3:#E2EBE8;--ink:#091110;--ink-2:#3E4A48;--ink-3:#74807D;--line:#DDE5E3;--line-strong:#BDC7C4;--accent:#04695E;--accent-ink:#FFFFFF;--rail-bg:#032E2A;--rail-line:#032E2A;--rail-ink:#96C7C0;--rail-ink-strong:#FFFFFF;--rail-ink-dim:#6A9B95;--rail-on-bg:#0B8175;--rail-on-ink:#FFFFFF;--rail-hover:rgba(255,255,255,.09);--rail-rule:rgba(255,255,255,.16);--thead-bg:#032E2A;--thead-ink:#A2CFC9;--thead-line:#032E2A;--flag:#A8321B;--warn:#8A6410;--s-active:#A96D04;--s-proposed:#23478F;--s-permitting:#3E7A22;--s-construction:#9B3A16;--s-bid:#6E2F78;--s-paused:#55615D;--s-cancelled:#838D89;--s-admin:#4C5E68;--s-unassigned:#7A6A55;--s-completed:#6E7975;--s-other:#6C736B;--s-archived:#98A19D;--shadow:0 1px 2px rgba(9,17,16,.06), 0 8px 20px -14px rgba(9,17,16,.35);--radius:7px;--le-meet-bg:#FBEBC6;--le-meet-line:#C08E1E;--le-meet-ink:#3A2C08;--le-mail-bg:#FFFFFF;--le-mail-line:#8E9B97;--le-task-bg:#A6AFAA;--le-task-line:#8B948F;--le-task-ink:#101714;--le-call-bg:#FFFFFF;--le-call-line:#3F76A6;--le-call-ink:#091110;--bg-warn-bg:#FAEBCB;--bg-warn-line:#C79A2E;--bg-warn-ink:#3A2E10;--bg-over-bg:#F6DBD1;--bg-over-line:#AC4526;--bg-over-ink:#48200F;--fold-jade:#3D655E;--fold-open:#0B8175;--band-dark:#161C1B;--band-bd:#5E6F6B;}

[data-fato] .who-note{font-size:11.5px; color:var(--ink-3); line-height:1.35}
[data-fato] .actions{display:flex; gap:8px; flex-wrap:wrap}
[data-fato] .btn{
  background:var(--surface); border:1px solid var(--line-strong); color:var(--ink);
  padding:7px 13px; border-radius:var(--radius); cursor:pointer; font-weight:600; font-size:13.5px;
  transition:background .12s, border-color .12s;
}
[data-fato] .btn:hover{background:var(--surface-2)}
[data-fato] .btn.primary{background:var(--accent); border-color:var(--accent); color:var(--accent-ink)}
[data-fato] .btn.primary:hover{filter:brightness(1.08)}
[data-fato] .btn.ghost{background:none; border-color:transparent; color:var(--ink-2); padding:6px 8px}
[data-fato] .btn.ghost:hover{background:var(--surface-2); color:var(--ink)}
[data-fato] .btn.danger{color:var(--flag); border-color:color-mix(in srgb,var(--flag) 45%,transparent)}
[data-fato] .btn:disabled{opacity:.45; cursor:not-allowed}
[data-fato] .btn-sm{padding:3px 8px; font-size:12.5px}
[data-fato] .st-Draft{--c:var(--warn)} [data-fato] .st-Open{--c:var(--s-proposed)} [data-fato] .st-Pastdue{--c:var(--flag)}
[data-fato] .st-Paid{--c:var(--s-completed)}
[data-fato] .panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:15px}
[data-fato] .panel h3{font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3); font-weight:600; margin-bottom:11px}
[data-fato] .bar{height:6px; border-radius:3px; background:var(--surface-3); overflow:hidden; margin-top:5px}
[data-fato] .bar span{display:block; height:100%; background:var(--c,var(--accent))}
[data-fato] .fdbar{position:sticky; bottom:0; background:var(--paper); border-top:1px solid var(--line); padding:12px 0; display:flex; gap:8px; align-items:center; margin-top:14px}
[data-fato] .fdbar .note{color:var(--ink-3); font-size:12.5px}
[data-fato] .le-act{
  background:none; border:0; padding:0; cursor:pointer; color:inherit;
  font:inherit; text-decoration:underline; text-underline-offset:2px;
}
[data-fato] .le-act:hover{color:var(--ink)}
[data-fato] .le-act.danger{color:var(--flag)}
[data-fato] .le-act.armed{color:var(--flag); font-weight:600}
[data-fato] .consnone{font-size:13px; color:var(--ink-3); font-style:italic; margin:0 0 6px}
[data-fato] .subadd{
  display:flex; gap:7px; align-items:center; flex-wrap:wrap;
  margin-top:12px; padding-top:11px; border-top:1px dotted var(--line);
}
[data-fato] .subadd select{
  padding:5px 8px; font-size:13px; border:1px solid var(--line-strong);
  border-radius:5px; background:var(--paper);
}
[data-fato] .subadd .lbl{
  font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.11em;
  text-transform:uppercase; color:var(--ink-3);
}
[data-fato] .dragging{opacity:.4}
[data-fato] .feenote{
  font-size:11.5px; color:var(--ink-3); margin-top:6px; display:flex; align-items:center; gap:7px; flex-wrap:wrap;
}
[data-fato] .feenote.toprose{display:block; line-height:1.55}
[data-fato] .feenote .reset{
  background:none; border:0; padding:0; color:var(--warn); cursor:pointer;
  font-size:11.5px; text-decoration:underline;
}
[data-fato] .feewarn{
  font-size:13px; color:var(--ink-2); background:var(--surface); border:1px solid var(--line);
  border-left:3px solid var(--warn); border-radius:5px; padding:9px 11px; margin-bottom:12px;
}
[data-fato] .feewarn strong{color:var(--warn)}

[data-fato] .feewarn.over{border-left-color:var(--flag)}
[data-fato] .feewarn.over strong{color:var(--flag)}
[data-fato] .tsbar{
  display:flex; gap:9px; align-items:center; flex-wrap:wrap; margin-bottom:14px;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:10px 12px;
}
[data-fato] .tsbar .wk{
  font-family:"IBM Plex Mono",monospace; font-size:13px; font-variant-numeric:tabular-nums;
  color:var(--ink); font-weight:600; min-width:190px; text-align:center;
}
[data-fato] .tsbar .arrow{
  width:30px; height:28px; padding:0; display:grid; place-items:center; font-size:12px;
  background:var(--surface-2); border:1px solid var(--line-strong); border-radius:5px;
  color:var(--ink-2); cursor:pointer;
}
[data-fato] .tsbar .arrow:hover{background:var(--surface-3); color:var(--ink)}
[data-fato] .tsbar .spacer{flex:1}
[data-fato] .tsnote{
  font-size:13px; color:var(--ink-2); background:var(--surface); border:1px solid var(--line);
  border-left:3px solid var(--accent); border-radius:5px; padding:9px 11px; margin-bottom:12px;
}
[data-fato] .tsnote.warn{border-left-color:var(--warn)}
[data-fato] .tsnote.warn strong{color:var(--warn)}
[data-fato] .tsnote strong{color:var(--accent)}
[data-fato] .tsnote .btn{margin-left:8px}
[data-fato] .toreq{
  background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--line-strong);
  border-radius:var(--radius); padding:12px 14px; margin-bottom:10px;
}
[data-fato] .toreq.pending{border-left-color:var(--warn)}
[data-fato] .toreq.taken{border-left-color:var(--accent)}
[data-fato] .toreq.Denied{border-left-color:var(--flag)}
[data-fato] .toreq .top{display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; margin-bottom:5px}
[data-fato] .toreq .top .who{font-weight:600; font-size:14.5px}
[data-fato] .toreq .top .hrs{
  font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; font-size:13.5px; color:var(--ink);
}
[data-fato] .toreq .when{font-size:13px; color:var(--ink-2)}
[data-fato] .toreq .spread{
  font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--ink-3); margin-top:4px;
  overflow-wrap:anywhere;
}
[data-fato] .toreq .note{font-size:13.5px; color:var(--ink-2); margin-top:5px}
[data-fato] .toreq .acts{display:flex; gap:8px; flex-wrap:wrap; margin-top:9px; align-items:center}
[data-fato] .toreq .bal{font-size:12.5px; color:var(--ink-3); margin-left:auto}
[data-fato] .tochip{
  font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.09em; text-transform:uppercase;
  border-radius:3px; padding:1px 6px; border:1px solid var(--line-strong); color:var(--ink-3); white-space:nowrap;
}
[data-fato] .tochip.Pending{color:var(--warn); border-color:color-mix(in srgb,var(--warn) 38%,transparent); background:color-mix(in srgb,var(--warn) 12%,transparent)}
[data-fato] .tochip.Approved,[data-fato] .tochip.Taken{color:var(--accent); border-color:color-mix(in srgb,var(--accent) 32%,transparent); background:color-mix(in srgb,var(--accent) 12%,transparent)}
[data-fato] .tochip.Denied{color:var(--flag); border-color:color-mix(in srgb,var(--flag) 38%,transparent); background:color-mix(in srgb,var(--flag) 11%,transparent)}
[data-fato] .tobal{
  display:grid; grid-template-columns:minmax(0,1.4fr) repeat(4, minmax(0,1fr)); gap:10px;
  align-items:center; padding:9px 0; border-bottom:1px dotted var(--line); font-size:13.5px;
}
[data-fato] .tobal:last-of-type{border-bottom:0}
[data-fato] .tobal .who{font-weight:600}
[data-fato] .tobal b, [data-fato] .tobal .amt{font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; font-size:13.5px}
[data-fato] .tobal input{
  font-family:"IBM Plex Mono",monospace; font-size:13px; padding:5px 7px; width:100%;
  border:1px solid var(--line-strong); border-radius:5px; background:var(--paper); color:var(--ink);
}
[data-fato] .tobalhd{
  display:grid; grid-template-columns:minmax(0,1.4fr) repeat(4, minmax(0,1fr)); gap:10px;
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-3); padding-bottom:7px; border-bottom:1px solid var(--line-strong);
}
[data-fato] .tohol{
  display:grid; grid-template-columns:22px minmax(0,1.5fr) minmax(0,1fr) 150px minmax(130px,auto);
  gap:10px; align-items:center; padding:9px 0; border-bottom:1px dotted var(--line); font-size:13.5px;
}
[data-fato] .tohol .on{display:flex; gap:8px; align-items:center; flex-wrap:wrap}
[data-fato] .tohol .reset{
  background:none; border:0; padding:0; color:var(--warn); cursor:pointer;
  font-size:11.5px; text-decoration:underline;
}
[data-fato] .tohol:last-of-type{border-bottom:0}
[data-fato] .tohol.off{opacity:.5}
[data-fato] .tohol .nm{font-weight:600}
[data-fato] .tohol .rule{font-size:12.5px; color:var(--ink-3)}
[data-fato] .tohol .on{
  font-family:"IBM Plex Mono",monospace; font-size:12.5px; color:var(--ink-2);
  font-variant-numeric:tabular-nums;
}
[data-fato] .tohol input[type=date], [data-fato] .tohol input[type=text]{
  font-family:"IBM Plex Mono",monospace; font-size:12.5px; padding:5px 7px; width:100%;
  border:1px solid var(--line-strong); border-radius:5px; background:var(--paper); color:var(--ink);
}
[data-fato] .tohol .miss{color:var(--flag); font-size:12px}
[data-fato] .tostrip{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:12px;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:10px 12px;
}
[data-fato] .tostrip .lbl{
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3);
}
[data-fato] .tostrip b{font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; font-size:14px}
[data-fato] .tostrip .sep{color:var(--line-strong)}
[data-fato] .toreqwrap{max-width:760px}
[data-fato] .toform{
  background:var(--surface-2); border:1px solid var(--line-strong); border-radius:var(--radius);
  padding:14px 16px; margin-bottom:14px;
}
[data-fato] .toform h4{margin:0 0 10px; font-size:14.5px}
[data-fato] .toform .grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px 12px}
[data-fato] .toform label{display:flex; flex-direction:column; gap:4px}
[data-fato] .toform label > span{
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3);
}
[data-fato] .toform input, [data-fato] .toform textarea{
  font:inherit; font-size:13.5px; padding:6px 8px; border:1px solid var(--line-strong);
  border-radius:5px; background:var(--paper); color:var(--ink); width:100%;
}
[data-fato] .toform textarea{min-height:52px; resize:vertical}
[data-fato] .toform .wide{grid-column:1/-1}
[data-fato] .toform .foot{display:flex; gap:9px; align-items:center; flex-wrap:wrap; margin-top:12px}
[data-fato] .toform .err{color:var(--flag); font-size:13px}
[data-fato] .invwrap{max-width:1000px}
[data-fato] .invfield{display:flex; flex-direction:column; gap:4px; min-width:0}
[data-fato] .invfield > span, [data-fato] .invfield > label{
  font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.11em;
  text-transform:uppercase; color:var(--ink-3);
}
[data-fato] .invfield input, [data-fato] .invfield select, [data-fato] .invfield textarea{
  padding:7px 9px; font-size:13.5px; border:1px solid var(--line-strong);
  border-radius:5px; background:var(--paper); width:100%;
}
[data-fato] .invfield textarea{resize:vertical; min-height:58px; line-height:1.45}
[data-fato] .invhead{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:14px; margin-bottom:14px;
}
[data-fato] .invsec{
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink-3); margin:16px 0 7px;
}
[data-fato] .wpch{
  display:flex; gap:9px; align-items:baseline; flex-wrap:wrap;
  padding:7px 0; border-bottom:1px dotted var(--line); font-size:13.5px;
}
[data-fato] .wpch:last-of-type{border-bottom:0}
[data-fato] .wkbox{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:13px 15px 14px;
}
[data-fato] .wkbox h3{
  font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3);
  font-weight:600; margin-bottom:9px; display:flex; align-items:baseline; gap:7px;
}
[data-fato] .wkbox h3 .n{
  font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:0;
  color:var(--ink-2); font-variant-numeric:tabular-nums;
}
[data-fato] .linkish{background:none; border:0; padding:0; color:var(--ink-2); text-decoration:underline; text-underline-offset:2px; cursor:pointer; font:inherit}
[data-fato] .linkish:hover{color:var(--accent)}
[data-fato] .mtohol{display:flex; flex-direction:column; border:1px solid var(--line); border-radius:5px; overflow:hidden}
[data-fato] .mtohr{display:grid; grid-template-columns:minmax(150px,auto) minmax(0,1fr) auto; gap:12px; align-items:baseline; padding:7px 11px; border-top:1px solid var(--line); font-size:13.5px}
[data-fato] .mtohr:first-child{border-top:0}
[data-fato] .mtohr .w{font-variant-numeric:tabular-nums; color:var(--ink-2)}
[data-fato] .mtohr .n{color:var(--ink); font-weight:600}
[data-fato] .mtohr.past .w,[data-fato] .mtohr.past .n{color:var(--ink-3); font-weight:400}
[data-fato] .mtohr.next{background:color-mix(in srgb,var(--accent) 9%,transparent)}
[data-fato] .mtohr .tag{font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent)}
[data-fato] .mtogrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:11px}
[data-fato] .mtoq{
  display:flex; flex-direction:column; gap:2px; padding:11px 13px;
  border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:0 6px 6px 0; background:var(--surface-2);
}
[data-fato] .mtoq .lbl{
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink-3);
}
[data-fato] .mtoq b{font-size:22px; font-variant-numeric:tabular-nums; line-height:1.1}
[data-fato] .mtoq .src{font-size:11.5px; color:var(--ink-3); line-height:1.4; margin-top:2px}
[data-fato] .mtowarn{
  margin:12px 0 0; padding:10px 13px; font-size:13px; line-height:1.5;
  border:1px solid var(--line); border-left:3px solid var(--warn);
  border-radius:0 5px 5px 0; background:var(--surface); color:var(--ink);
}
[data-fato] .mtor{
  display:flex; gap:10px; align-items:baseline; flex-wrap:wrap;
  padding:8px 0; border-bottom:1px dotted var(--line); font-size:13.5px;
}
[data-fato] .mtor:last-of-type{border-bottom:0}
[data-fato] .mtor .h{font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; font-weight:600}
[data-fato] .mtor .k{font-size:12px; color:var(--ink-3); text-transform:uppercase; letter-spacing:.06em}
[data-fato] .mtor .w{color:var(--ink-2)}
[data-fato] .mtor .le-act{margin-left:auto}
[data-fato] .prrun{
  background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:0 var(--radius) var(--radius) 0; padding:13px 15px; margin-bottom:16px; box-shadow:var(--shadow);
}
[data-fato] .prrun.due{border-left-color:var(--flag); box-shadow:0 0 0 1px color-mix(in srgb,var(--flag) 24%,transparent)}
[data-fato] .prrun-h{
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ink-3); margin-bottom:5px;
}
[data-fato] .prrun.due .prrun-h{color:var(--flag)}
[data-fato] .prrun-d{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap}
[data-fato] .prrun-d strong{font-size:22px; font-weight:700; letter-spacing:-.01em}
[data-fato] .prrun-d .w{
  font-family:"IBM Plex Mono",monospace; font-size:12px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ink-3);
}
[data-fato] .prrun.due .prrun-d .w{color:var(--flag); font-weight:600}
[data-fato] .prrun-s{font-size:13.5px; color:var(--ink-2); margin-top:4px; line-height:1.45}
[data-fato] .prrun-f{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  margin-top:11px; padding-top:10px; border-top:1px dotted var(--line);
}
[data-fato] .prrun-f .note{font-size:11.5px; color:var(--ink-3); line-height:1.4}
[data-fato] .prcard{
  background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:0 5px 5px 0; padding:10px 13px; margin-bottom:7px;
}
[data-fato] .prcard.quiet{border-left-color:var(--warn)}
[data-fato] .prcard .who{font-weight:600; font-size:14px; margin-bottom:4px}
[data-fato] .hrsec{margin-bottom:18px}
[data-fato] .hrbar{flex-wrap:wrap; align-items:flex-end; gap:10px}
[data-fato] .hrm{display:flex; flex-direction:column; gap:3px; font-size:12px; color:var(--ink-3)}
[data-fato] .hrm input{padding:6px 8px; border:1px solid var(--line-strong); border-radius:5px; background:var(--paper); font:inherit; font-size:13.5px; color:var(--ink)}
[data-fato] .hrtot{font-family:"IBM Plex Mono",monospace; font-weight:700; margin-left:8px; color:var(--accent)}
[data-fato] .hrweeks{display:flex; flex-wrap:wrap; gap:5px; margin-top:7px}
[data-fato] .hrweeks span{font-size:11.5px; border:1px solid var(--line-strong); border-radius:3px; padding:1px 6px; color:var(--ink-2)}
[data-fato] .hrweeks span.ok{color:var(--accent); border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
[data-fato] .hrweeks span.open{color:var(--warn); border-color:color-mix(in srgb,var(--warn) 40%,transparent)}
[data-fato] .hrwho{margin-top:10px}
[data-fato] .hrwho summary{cursor:pointer; font-size:13px; color:var(--ink-2)}
[data-fato] .hrflags{display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:8px; font-size:13.5px}
[data-fato] .hrflags label{display:flex; gap:6px; align-items:center; cursor:pointer}
[data-fato] .prline,[data-fato] .prhol{
  display:grid; grid-template-columns:150px 62px minmax(0,1fr); gap:10px;
  align-items:baseline; font-size:13.5px; padding:3px 0;
}
[data-fato] .prline .pt,[data-fato] .prhol .pt{
  font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--ink-2);
}
[data-fato] .prline .h{
  font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums;
  font-weight:600; text-align:right;
}
[data-fato] .prline .d,[data-fato] .prhol .d{font-size:12.5px; color:var(--ink-3); overflow-wrap:anywhere}
[data-fato] .prhol{
  grid-template-columns:150px minmax(0,1fr) auto;
  border:1px solid var(--line); border-left:3px solid var(--s-permitting);
  border-radius:0 5px 5px 0; background:var(--surface-2);
  padding:9px 13px; margin:0 0 10px;
}
[data-fato] .prhol .n{font-size:11.5px; color:var(--ink-3); white-space:nowrap}
@media(max-width:700px){
  [data-fato] .prline,[data-fato] .prhol{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:700px){
  [data-fato] .prline .d,[data-fato] .prhol .d{grid-column:1/-1}
}
[data-fato] .rcwrap{overflow-x:auto}
[data-fato] .rctbl{min-width:760px}
[data-fato] .rchd,[data-fato] .rcrow{
  display:grid; grid-template-columns:minmax(120px,1.4fr) repeat(6,minmax(78px,1fr));
  gap:8px; align-items:baseline; font-variant-numeric:tabular-nums;
}
[data-fato] .rchd{
  font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.09em;
  text-transform:uppercase; color:var(--ink-3); padding:0 10px 6px;
  border-bottom:1px solid var(--line-strong);
}
[data-fato] .rcrow{
  background:var(--surface); border:1px solid var(--line); border-left:3px solid transparent;
  border-radius:5px; padding:9px 10px; margin-bottom:6px; font-size:13.5px;
}
[data-fato] .rcrow.off{border-left-color:var(--warn); background:color-mix(in srgb,var(--warn) 5%,var(--surface))}
[data-fato] .rcrow .who{font-weight:600; min-width:0; overflow-wrap:anywhere}
[data-fato] .rcrow .who em{display:block; font-style:normal; font-size:11px; color:var(--ink-3)}
[data-fato] .rcrow .none{color:var(--ink-3)}
[data-fato] .rcrow .gap b{color:var(--warn)}
[data-fato] .rcflag,[data-fato] .rcok{
  font-size:13.5px; line-height:1.5; border-radius:5px; padding:10px 13px; margin-bottom:14px;
  border:1px solid var(--line); border-left:3px solid var(--accent); background:var(--surface);
}
[data-fato] .rcflag{border-left-color:var(--warn); color:var(--ink)}
[data-fato] .rcnote{
  font-size:13px; line-height:1.5; color:var(--ink-2); padding:8px 11px; margin-bottom:6px;
  border-left:2px solid var(--line-strong); background:var(--surface-2); border-radius:0 5px 5px 0;
}
[data-fato] .rcpast{
  display:flex; gap:12px; align-items:baseline; flex-wrap:wrap;
  padding:8px 0; border-bottom:1px dotted var(--line); font-size:13.5px;
}
[data-fato] .rcpast:last-of-type{border-bottom:0}
[data-fato] .rcpast .m{font-family:"IBM Plex Mono",monospace; font-weight:600}
[data-fato] .rcpast .ok{margin-left:auto; color:var(--accent); font-size:12.5px}
[data-fato] .rcpast .flag{margin-left:auto; color:var(--warn); font-size:12.5px; font-weight:600}
[data-fato] .tobal.fromqb,[data-fato] .tobal.noqb{padding-left:10px; border-radius:0 5px 5px 0}
[data-fato] .tobal.fromqb{border-left:3px solid var(--accent)}
[data-fato] .tobal.noqb{border-left:3px solid var(--warn)}
[data-fato] .tobal .src{grid-column:1/-1; font-size:11.5px; color:var(--ink-3); line-height:1.4; margin-top:3px}