.cf{overflow:visible !important}
.cf .wflow{position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:90%;text-align:center;pointer-events:none;
  font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  font-size:clamp(11px, calc(var(--edge) * .108), 22px);line-height:1.08;
  color:rgba(58,124,170,.78);
  filter:url(#waterFlow);
  text-shadow:0 0 10px rgba(130,190,225,.50), 0 0 22px rgba(150,205,235,.30),
              0 1px 2px rgba(40,90,130,.22);
  animation:waterDrift 13s ease-in-out infinite;
  will-change:transform}
@keyframes waterDrift{
  0%,100%{transform:translate(-50%,-50%) translate3d(-5%,0,0) rotate(-.6deg)}
  50%    {transform:translate(-50%,-50%) translate3d(5%,-2%,0) rotate(.6deg)}
}
@media (prefers-reduced-motion:reduce){ .cf .wflow{animation:none;filter:none} }

 
.fnote{padding:14px 16px;border:1px solid var(--ln,#e4e2dd);border-radius:12px;
  background:rgba(0,0,0,.02);line-height:1.55;margin:12px 0}
.dtag{font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.65;
  border:1px solid currentColor;border-radius:999px;padding:0 6px;margin-left:6px}
.frow{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;
  width:100%;text-align:left;padding:12px 14px;margin:8px 0;cursor:pointer;
  border:1px solid var(--ln,#e4e2dd);border-radius:12px;background:transparent;
  font:inherit;color:inherit}
.frow:hover{background:rgba(0,0,0,.03)}
.fref{font-variant-numeric:tabular-nums;opacity:.6;font-size:13px}
.fsub{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fprice-sm{font-size:13px;opacity:.75;white-space:nowrap}
.fprice{margin:-4px 0 10px;font-size:13px;opacity:.8;min-height:1.2em}
.fstate{font-size:12px;padding:2px 9px;border-radius:999px;white-space:nowrap;
  border:1px solid var(--ln,#e4e2dd);vertical-align:middle}
 
.fstate.s-pending,.fstate.s-issued{background:rgba(200,150,0,.12)}
.fstate.s-in_review{background:rgba(0,110,200,.12)}
.fstate.s-ready,.fstate.s-paid{background:rgba(0,150,90,.14)}
.fstate.s-completed{background:rgba(0,0,0,.06)}
 
.fcard{border:1px solid var(--line);border-radius:var(--r3);padding:14px;margin:10px 0}
.fcard-h{display:flex;align-items:center;gap:10px;justify-content:space-between}
.fcard-s{font-weight:600;margin-top:4px}
.fcard-m{font-size:13px;opacity:.75;margin-top:4px;font-variant-numeric:tabular-nums}
 
.fcard-m.fcard-row{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:8px;padding:10px 0}
 
.fcard-open,#acc-file .mf-open{flex:0 0 auto;border:1px solid var(--pri-dk);background:none;
  border-radius:999px;padding:4px 14px;color:var(--pri-dk);font-weight:700;font-size:13px;
  cursor:pointer;font-family:var(--sans);line-height:18px}
.fcard-open:hover,#acc-file .mf-open:hover{background:var(--pri-soft)}
.fcard-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.fcard-p{margin-top:10px;font-size:13px;opacity:.8}
.ftl{list-style:none;margin:8px 0;padding:0;border-left:2px solid var(--ln,#e4e2dd)}
.ftl li{padding:0 0 12px 14px;position:relative;font-size:14px}
.ftl li::before{content:"";position:absolute;left:-5px;top:7px;width:8px;height:8px;
  border-radius:50%;background:var(--ln,#c9c6c0)}
.fwhen{font-size:12px;opacity:.6;margin-left:8px;font-variant-numeric:tabular-nums}
#view-firm select,#view-firm textarea,#view-firm input{width:100%}

 
.wfirm{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 0;border-top:1px solid var(--ln,#e4e2dd)}
 
.wf-name{font-weight:600;min-width:0}
.wf-headline{font-weight:400;font-size:13px;opacity:.75;margin-top:2px}