/* Page controls, in the Erosion Finder style. The report itself uses report.css (generated from jedi-local's report styles). */
.ui{--ink:#16181b;--muted:#5b616a;--line:#e4e2dc;--amber:#e8a838;--red:#c62828;max-width:980px;margin:0 auto;padding:8px 0 10px;font-size:17px}
html{-webkit-text-size-adjust:100%} *{box-sizing:border-box}
.ui .brand{font-weight:700;letter-spacing:.02em;font-size:15px;margin:10px 0 18px}
.ui .brand span{display:inline-block;width:10px;height:10px;background:var(--amber);border-radius:2px;margin-right:9px}
.ui h1{font-size:clamp(30px,5vw,48px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 14px;max-width:20ch}
.ui .lead{color:var(--muted);font-size:19px;max-width:60ch;margin:0 0 18px}
.ui .eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
.ui .privacy{border-left:4px solid var(--amber);background:#fff;padding:12px 16px;max-width:70ch;margin:0 0 22px;font-size:15px}
.ui .card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.ui .lbl{display:block;font-weight:700;margin:12px 0 6px}.ui .lbl small{font-weight:400;color:var(--muted)}
.ui input[type=text],.ui textarea{width:100%;font:inherit;font-size:17px;padding:10px 12px;border:1px solid #c9c5bb;border-radius:8px;background:#fff}
#drop{display:block;border:2px dashed #b9b4a8;border-radius:12px;background:#fff;padding:26px 16px;text-align:center;cursor:pointer;margin:14px 0 6px}
#drop.over{border-color:var(--ink);background:#f3f1ea}#drop strong{font-size:20px;display:block}#drop small{color:var(--muted)}
#files,#histfile{position:absolute;left:-9999px}
.filelist{list-style:none;padding:0;margin:6px 0}.filelist li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:6px 0;font-size:15px}
.filelist .warn{color:#8a5a00;font-size:13px;display:block}.filelist button{font:inherit;font-size:14px;background:none;border:1px solid #c9c5bb;border-radius:6px;cursor:pointer}
.ui .btn{display:inline-block;background:var(--ink);color:#fff;font-weight:600;padding:12px 20px;border-radius:8px;border:2px solid var(--ink);cursor:pointer;font-size:16px;margin:6px 8px 6px 0}
.ui .btn.ghost{background:transparent;color:var(--ink)}.ui .btn[disabled]{opacity:.4;cursor:default}
.ui .status{margin:10px 0;font-weight:600}.ui .status.err{color:var(--red)}
.ui .small{font-size:14px;color:var(--muted)}
.ui details summary{cursor:pointer;font-weight:600;margin:12px 0 4px}
.actions{margin:18px 0 0;padding:14px 0;border-top:1px solid var(--line)}
.hidden{display:none !important}
@media (max-width:700px){.tiles{grid-template-columns:repeat(2,1fr) !important}.grid5{grid-template-columns:repeat(2,1fr) !important}
 .tile .n{font-size:56px !important}.mk{flex-basis:84px !important;font-size:15px !important}.fbody{padding:8px 12px 12px 12px !important}.row{font-size:19px !important}}
@media print{.ui,.screen-only{display:none !important}}