/* iapp3.css — IAPP v2.1 (9 Nov 2026): dressage focus areas + the dressage analysis window. Same look as the Eventing Hub focus card. */
.x3fc{background:var(--surface2);border:1px solid var(--line);border-left:4px solid var(--weak);border-radius:12px;padding:10px 12px;margin:0 0 10px}
.x3fc.none{border-left-color:var(--line)}
.x3fl{font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--weak);margin:0 0 4px}
.x3fsrc{font-size:12px;color:var(--mut);margin-bottom:7px}
.x3fchips{display:flex;flex-wrap:wrap;gap:6px}
.x3fchip{font:inherit;font-size:12px;font-weight:700;text-align:left;background:var(--surface);border:1px solid var(--weak);color:var(--weak);border-radius:999px;padding:5px 11px;cursor:pointer}
.x3fchip b{color:var(--navy)}
.x3fchip:hover:not(:disabled){box-shadow:0 0 0 2px var(--weak)}
.x3fchip:disabled{cursor:default}
.x3fchip.rep{background:var(--weakbg)}
.x3coef{display:inline-block;font-size:10px;font-weight:800;color:#8a6d3b;background:#f3e7cd;border-radius:5px;padding:1px 5px;margin-left:3px}
.x3rep{font-size:10.5px;font-weight:800;margin-left:3px}
body.dark .x3coef{background:rgba(176,141,87,.22);color:#e0c48a}
body.dark .x3fchip b{color:#e6eef8}
.x3open{margin-bottom:8px}
/* the window */
body.x3winopen{overflow:hidden}
.x3win{position:fixed;inset:3vh 3vw;z-index:60;background:var(--surface);border-radius:16px;box-shadow:0 0 0 100vmax rgba(10,20,35,.55),0 20px 60px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden}
.x3winbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface2)}
.x3winbody{overflow:auto;padding:14px 18px 22px}
.x3demo{font-size:12.5px;border:1px dashed var(--line);border-radius:10px;padding:7px 12px;color:var(--mut);margin-bottom:12px}
.x3wh{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-bottom:6px}
.x3wh>div:first-child{flex:1 1 220px}
.x3wt{font-size:18px;font-weight:800;color:var(--ink)}
.x3ws{min-width:84px;border:1px solid var(--line);border-radius:10px;padding:6px 12px;text-align:center}
.x3ws span{display:block;font-size:10.5px;text-transform:uppercase;color:var(--mut);font-weight:700}
.x3ws b{font-size:20px}
.x3chart{border:1px solid var(--line);border-radius:12px;padding:8px;margin:6px 0 10px}
.x3svg{width:100%;height:auto;display:block}
.x3gl{stroke:var(--line);stroke-width:1}
.x3gt{font-size:10px;fill:var(--mut)}
.x3lme{stroke:var(--navy)}
.x3lavg{stroke:var(--gold);stroke-dasharray:5 4}
.x3dme{fill:var(--navy)}
.x3dlow{fill:var(--weak);stroke:var(--surface);stroke-width:2}
body.dark .x3lme{stroke:#8fb4e8}body.dark .x3dme{fill:#8fb4e8}
.x3leg{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mut);padding:4px 6px}
.x3leg i{display:inline-block;width:18px;height:3px;vertical-align:middle;margin-right:5px;background:var(--navy)}
.x3leg i.av{background:var(--gold)}.x3leg i.lo{width:9px;height:9px;border-radius:50%;background:var(--weak)}
table.x3wtbl{font-size:13px;width:100%}
table.x3wtbl td,table.x3wtbl th{padding:4px 8px}
table.x3wtbl .c{text-align:center}
tr.x3wlow td{background:var(--weakbg)}
td.up{color:var(--ok);font-weight:700}td.dn{color:var(--weak);font-weight:700}
@media (max-width:560px){.x3win{inset:0;border-radius:0}.x3winbody{padding:10px}}
@media print{.x3win{display:none}}