/* Download / Share record page */
.ex-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;margin:6px 0 22px}
.ex-tile{text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 16px 14px;cursor:pointer;display:grid;gap:6px;min-height:118px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.ex-tile:hover{transform:translateY(-2px);border-color:var(--brand)}
.ex-tile.active{border-color:var(--brand);box-shadow:0 0 0 3px #3b746f22;background:var(--light)}
.ex-tile b{font-size:14px;line-height:1.3}
.ex-tile span{font-size:12px;color:var(--muted);line-height:1.45}
.ex-tile .ex-kicker{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--brand);font-weight:700}
.ex-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:18px;align-items:start}
.ex-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 14px;margin:8px 0 6px}
.ex-checks label{display:flex;gap:9px;align-items:flex-start;font-size:13px;padding:7px 4px;border-radius:8px;cursor:pointer;line-height:1.4}
.ex-checks label:hover{background:var(--bg)}
.ex-checks input{width:17px;height:17px;flex:none;margin-top:2px;accent-color:var(--brand)}
.ex-checks small{display:block;color:var(--muted);font-size:11px}
.ex-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.ex-modes{display:grid;gap:10px;margin-top:6px}
.ex-mode{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;background:var(--surface)}
.ex-mode.active{border-color:var(--brand);background:var(--light)}
.ex-mode input{margin-top:3px;accent-color:var(--brand)}
.ex-mode b{display:block;font-size:13px}
.ex-mode span{font-size:12px;color:var(--muted)}
.ex-mode .ex-default{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--brand);margin-left:6px}
.ex-preview{position:sticky;top:18px}
.ex-preview h2{font-family:Georgia,serif;font-weight:400;font-size:24px;letter-spacing:-.4px;margin-bottom:4px}
.ex-file{font:12px ui-monospace,monospace;color:var(--muted);word-break:break-all;margin-bottom:14px}
.ex-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.ex-count{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.ex-count b{display:block;font-size:22px;font-weight:500;line-height:1.1}
.ex-count span{font-size:11px;color:var(--muted)}
.ex-secs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.ex-secs i{font-style:normal;font-size:11px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:3px 9px;color:var(--ink)}
.ex-sources{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:12px;background:var(--surface)}
.ex-sources div{padding:5px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 86px 1fr;gap:8px}
.ex-sources div:last-child{border-bottom:0}
.ex-sources b{color:var(--brand);font-weight:600}
.ex-sources span{color:var(--muted)}
.ex-actions{display:grid;gap:8px;margin-top:16px}
.ex-actions .btn{width:100%}
.ex-busy{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);padding:12px 0}
.ex-busy:before{content:'';width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:ex-spin .9s linear infinite}
@keyframes ex-spin{to{transform:rotate(360deg)}}
.ex-privacy{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.5}
.ex-range{font-size:13px;margin:4px 0 10px}
@media(max-width:900px){.ex-grid{grid-template-columns:1fr}.ex-preview{position:static}.ex-counts{grid-template-columns:repeat(3,1fr)}.ex-dates{grid-template-columns:1fr}}