/* Pronto Dashboard 0.16.4 — Flow archive page (flowarch.js). Only .fa-* classes: nothing else in the Dash is restyled. */
.fa-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--ink2);margin-bottom:6px;min-width:0}
.fa-crumb a{text-decoration:none;font-weight:600;color:var(--blue)} .fa-crumb a:hover{text-decoration:underline}
.fa-crumb b{font-weight:600;color:var(--ink);overflow-wrap:anywhere} .fa-crumb span{color:var(--ink3)}
.fa-head{align-items:center;flex-wrap:nowrap}
.fa-head h1{overflow-wrap:anywhere}
.fa-head .sub{overflow-wrap:anywhere}
.fa-back{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.fa-back:hover{background:#f7f9fb}
.fa-back svg,.fa-chev svg,.fa-ic svg,.fa-ph svg,.fa-lb-x svg,.fa-lb-nav svg,.fa-dnav svg,.fa-mi svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fa-back svg{width:20px;height:20px}
.fa-tools{display:flex;gap:10px;margin-bottom:12px}
.fa-tools .fa-q{max-width:520px;height:42px}
.fa-msg{padding:22px 20px;color:var(--ink2);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fa-foot{font-size:13px;color:var(--ink3);margin-top:12px}
.fa-empty{padding:20px;color:var(--ink2)}
.fa-list{overflow:hidden}
.fa-lh,.fa-row{display:grid;align-items:center;gap:14px;padding:0 18px}
.fa-cols-site{grid-template-columns:minmax(0,2.4fr) minmax(0,1.4fr) 90px 150px 22px}
.fa-cols-job{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr) 100px 110px 22px}
.fa-cols-door{grid-template-columns:minmax(0,2.6fr) 130px 110px 22px}
.fa-lh{min-height:40px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2);font-weight:700;border-bottom:1px solid var(--line);background:#fafbfc}
.fa-lh .n,.fa-c.n{text-align:right;justify-self:end}
.fa-row{min-height:62px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.fa-row:last-child{border-bottom:0}
.fa-row:hover{background:#f7fafd}
.fa-main{display:flex;align-items:center;gap:12px;min-width:0}
.fa-ic{flex:none;width:36px;height:36px;border-radius:10px;background:var(--bluebg);color:var(--blue);display:inline-flex;align-items:center;justify-content:center}
.fa-ic svg{width:19px;height:19px}
.fa-tt{display:flex;flex-direction:column;min-width:0}
.fa-tt b{font-weight:650;overflow-wrap:anywhere}
.fa-tt small{color:var(--ink2);font-size:13px;overflow-wrap:anywhere}
.fa-tt small:empty{display:none}
.fa-c{min-width:0;overflow-wrap:anywhere;color:var(--ink)}
.fa-c em{display:none;font-style:normal}
.fa-pm{display:none}
.fa-dt{white-space:nowrap}
.fa-pill{display:inline-flex;min-width:28px;height:24px;padding:0 8px;border-radius:12px;background:var(--bg);font-weight:650;font-size:13px;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.fa-ph{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;color:var(--ink2);justify-content:flex-end;flex-wrap:wrap}
.fa-ph svg{width:16px;height:16px}
.fa-miss{font-style:normal;font-size:12px;color:var(--na);white-space:nowrap}
.fa-chev{color:var(--ink3);display:inline-flex} .fa-chev svg{width:18px;height:18px}
.fa-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:12.5px;font-weight:700;white-space:nowrap}
.fa-chip.ok{background:var(--passbg);color:var(--pass)} .fa-chip.bad{background:var(--failbg);color:var(--fail)} .fa-chip.na{background:#eef1f4;color:var(--ink2)}
.fa-facts{display:flex;flex-wrap:wrap;gap:8px 28px;padding:14px 18px;margin-bottom:14px}
.fa-facts div{display:flex;flex-direction:column;min-width:0}
.fa-facts span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink2);font-weight:700}
.fa-facts b{font-weight:650;overflow-wrap:anywhere}
/* door */
.fa-door{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.fa-door h2{font-size:16px;margin:0 0 12px;font-weight:700}
.fa-door h2 small{font-weight:500;color:var(--ink2);font-size:13px;margin-left:6px}
.fa-photos,.fa-ans{padding:16px 18px}
.fa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.fa-th{position:relative;display:block;width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#eef1f4;border:1px solid var(--line);padding:0;text-align:left}
.fa-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}
.fa-th.ok img{opacity:1}
.fa-th:not(.ok):not(.miss)::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#eef1f4 30%,#f6f8fa 50%,#eef1f4 70%);background-size:200% 100%;animation:fa-sh 1.2s infinite linear}
.fa-th.err::before{animation:none;background:#eef1f4}
@keyframes fa-sh{to{background-position:-200% 0}}
.fa-cap{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.62));line-height:1.25;overflow-wrap:anywhere}
.fa-th:hover{border-color:var(--blue)} .fa-th:focus-visible{outline:3px solid rgba(31,127,224,.45)}
.fa-th.miss{display:flex;align-items:center;justify-content:center;background:#fafbfc;border-style:dashed}
.fa-th.miss .fa-cap{background:none;color:var(--ink2)}
.fa-mi{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--na);font-size:12.5px;font-weight:650;text-align:center;padding:8px 8px 34px}
.fa-mi svg{width:22px;height:22px}
.fa-grp+.fa-grp{margin-top:16px}
.fa-grp h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);margin:0 0 4px;font-weight:700}
.fa-grp dl{margin:0}
.fa-kv{display:grid;grid-template-columns:minmax(110px,42%) minmax(0,1fr);gap:4px 14px;padding:8px 0;border-bottom:1px solid var(--line)}
.fa-kv:last-child{border-bottom:0}
.fa-kv dt{color:var(--ink2);overflow-wrap:anywhere}
.fa-kv dd{margin:0;min-width:0;overflow-wrap:anywhere;font-weight:550}
.fa-v1{white-space:pre-line}
.fa-note{margin-top:6px;font-weight:400;white-space:pre-line;font-size:13.5px;color:var(--ink)}
.fa-note b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink2);font-weight:700}
.fa-note.rem b{color:var(--fail)}
.fa-dnav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.fa-dnav .btn{height:44px;max-width:48%;min-width:0;text-decoration:none}
.fa-dnav .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fa-dnav svg{width:18px;height:18px;flex:none}
/* full screen photo */
body.fa-lb-open{overflow:hidden}
.fa-lb{position:fixed;inset:0;z-index:200;background:#0b0d11;display:flex;flex-direction:column;color:#fff;touch-action:pan-y}
.fa-lb-top{display:flex;align-items:flex-start;gap:12px;padding:12px 14px calc(8px) 16px;padding-top:max(12px,env(safe-area-inset-top,0px))}
.fa-lb-cap{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fa-lb-cap b{font-size:16px} .fa-lb-cap span{color:#b9c1cb;font-size:13.5px} .fa-lb-cap em{font-style:normal;color:#e6eaee;font-size:13.5px;white-space:pre-line}
.fa-lb-x{flex:none;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.fa-lb-x svg{width:22px;height:22px}
.fa-lb-img{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:0 72px 20px}
.fa-lb-img img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;user-select:none;-webkit-user-drag:none}
.fa-lb-load{position:absolute;color:#b9c1cb}
.fa-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.fa-lb-nav:hover{background:rgba(255,255,255,.24)} .fa-lb-nav:disabled{opacity:.25;cursor:default}
.fa-lb-nav svg{width:26px;height:26px}
.fa-lb-nav.prev{left:12px} .fa-lb-nav.next{right:12px}
@media (max-width:1100px){ .fa-door{grid-template-columns:minmax(0,1fr)} }
@media (max-width:760px){
  .fa-crumb{gap:2px 6px;margin:-6px 0 2px}
  .fa-crumb a{display:inline-flex;align-items:center;min-height:40px;padding:0 2px}
  .fa-crumb b{display:inline-flex;align-items:center;min-height:40px}
  .fa-head{gap:10px;margin-bottom:12px}
  .fa-head h1{font-size:21px}
  .fa-crumb{font-size:13px}
  .fa-tools .fa-q{max-width:none;min-width:0;width:100%;height:46px;font-size:16px}
  .fa-lh{display:none}
  .fa-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px 14px;min-height:64px}
  .fa-row>.fa-c{display:none}
  .fa-row .fa-main{grid-column:1;grid-row:1}
  .fa-row .fa-chev{grid-column:2;grid-row:1 / span 2;align-self:center}
  .fa-pm{grid-column:1;grid-row:2;display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-left:48px;font-size:13.5px;color:var(--ink2);min-width:0}
  .fa-pm i{font-style:normal;overflow-wrap:anywhere}
  .fa-facts{gap:10px 22px;padding:12px 14px}
  .fa-photos,.fa-ans{padding:14px}
  .fa-door{gap:12px}
  .fa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .fa-kv{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .fa-lb-img{padding:0 0 calc(76px + env(safe-area-inset-bottom,0px))}
  .fa-lb-nav{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:none;width:56px;height:56px}
  .fa-lb-nav.prev{left:calc(50% - 70px)} .fa-lb-nav.next{right:calc(50% - 70px)}
}