/* PickLab MMA plugin UI. Tokens come from the theme (--bg, --surface, --ink, --muted, --border, --accent, --pink, --orange, --grad) with safe fallbacks. */
.pmm-wrap{--p-surface:var(--surface,#141C2A);--p-card:var(--card,#1a2233);--p-ink:var(--ink,#fff);--p-muted:var(--muted,#94A3B8);--p-line:var(--border,#26324A);--p-grad:var(--grad,linear-gradient(95deg,#8A2BE2,#FF3D7F 55%,#FF8A00));--p-accent:var(--accent,#8A2BE2);--p-pink:var(--pink,#FF3D7F);--p-good:#22c55e;--p-bad:#ef4444;color:var(--p-ink);margin:0 0 32px}
.pmm-wrap *{box-sizing:border-box}
.pmm-wrap a{color:inherit;text-decoration:none}
.pmm-muted{color:var(--p-muted);font-size:13px;line-height:1.5}
.pmm-notice{padding:22px 18px;text-align:center;border:1px dashed var(--p-line);border-radius:16px;color:var(--p-muted)}
.btn,.pmm-wrap .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--p-line);border-radius:999px;background:var(--p-surface);color:var(--p-ink);font:600 14px/1 inherit;cursor:pointer}
.pmm-wrap .btn.primary{background:var(--p-grad);border-color:transparent;color:#fff}
.pmm-wrap .btn:hover{border-color:var(--p-accent)}
.pmm-wrap .btn:focus-visible,.pmm-wrap a:focus-visible,.pmm-wrap input:focus-visible{outline:2px solid var(--p-pink);outline-offset:2px}
.pmm-crumbs{font-size:13px;color:var(--p-muted);margin:0 0 14px}
.pmm-crumbs a:hover{text-decoration:underline}

/* date navigation */
.pmm-datenav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:0 0 18px}
.pmm-datenav strong{font-size:16px;text-align:center;flex:1 1 140px}
.pmm-datenav form{display:flex;gap:8px;align-items:center;flex:1 1 100%}
.pmm-datenav label{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--p-muted);flex:1}
.pmm-datenav input[type=date],.pmm-search input{min-height:44px;padding:0 12px;border:1px solid var(--p-line);border-radius:12px;background:var(--p-surface);color:var(--p-ink);font:inherit;flex:1;min-width:0}
@media(min-width:720px){.pmm-datenav form{flex:0 0 auto}}

/* event groups and fight rows */
.pmm-event{margin:0 0 22px}
.pmm-event h2{font-size:18px;margin:0 0 10px;line-height:1.25}
.pmm-day{margin:18px 0 10px;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--p-muted);font-weight:700}
.pmm-list{display:grid;gap:10px}
@media(min-width:900px){.pmm-list{grid-template-columns:repeat(2,1fr)}}
.pmm-fight{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 10px;padding:14px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:16px;position:relative;min-height:44px}
.pmm-fight:hover{border-color:var(--p-accent)}
.pmm-fight.is-main{border-color:transparent;background:linear-gradient(var(--p-surface),var(--p-surface)) padding-box,var(--p-grad) border-box;border:1.5px solid transparent}
.pmm-fs{display:flex;align-items:center;gap:10px;min-width:0}
.pmm-fs.b{justify-content:flex-end;text-align:right}
.pmm-fs b{font-size:14.5px;line-height:1.25;font-weight:650;overflow-wrap:anywhere}
.pmm-mid{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.pmm-mid small{font-size:12px;color:var(--p-muted);white-space:nowrap}
.pmm-meta{grid-column:1/-1;display:flex;gap:8px;justify-content:center;font-size:12px;color:var(--p-muted)}
.pmm-meta em{font-style:normal;font-weight:700;color:var(--p-pink);text-transform:uppercase;letter-spacing:.05em}
.w{font-style:normal;color:var(--p-good);font-size:.85em;margin-left:4px}
.pmm-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--p-line);color:var(--p-ink)}
.pmm-pill.live{background:#ef44441f;color:#ff6b6b}
.pmm-pill.done{background:#22c55e1f;color:#35d07f}
.pmm-pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pmmpulse 1.4s infinite}
@keyframes pmmpulse{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.pmm-pill .dot{animation:none}}
@media(max-width:480px){.pmm-fight{grid-template-columns:1fr auto 1fr;padding:12px 10px}.pmm-fs{flex-direction:column;align-items:center;text-align:center;gap:6px}.pmm-fs.b{flex-direction:column-reverse;text-align:center}.pmm-fs b{font-size:13px}}

/* avatars */
.pmm-av{flex:0 0 auto;display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--p-line);font-weight:800;color:#fff}
.pmm-av img{width:100%;height:100%;object-fit:cover}
.pmm-av.c0{background:#7a22d4}.pmm-av.c1{background:#d11b78}.pmm-av.c2{background:#b65309}.pmm-av.c3{background:#4a43d8}.pmm-av.c4{background:#0f766e}.pmm-av.c5{background:#92400e}

/* hero (fight + fighter) */
.pmm-hero{padding:22px 16px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:20px;margin:0 0 16px;text-align:center}
.pmm-kick{margin:0 0 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--p-muted);font-weight:700}
.pmm-hero-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:start}
.pmm-hs{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.pmm-side{display:flex;flex-direction:column;align-items:center;gap:10px}
.pmm-side .nm{font-weight:750;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.pmm-mid .vs{font-size:22px;font-weight:800;background:var(--p-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pmm-hero-foot{margin:14px 0 0;color:var(--p-muted);font-size:13px}
.pmm-hero-foot em{font-style:normal;color:var(--p-pink);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.pmm-rec{display:flex;gap:14px;justify-content:center}
.pmm-rec span{display:flex;flex-direction:column;align-items:center}
.pmm-rec b{font-size:20px}
.pmm-rec small{font-size:11px;color:var(--p-muted);text-transform:uppercase;letter-spacing:.05em}
.pmm-fh{display:flex;gap:18px;align-items:center;text-align:left;flex-wrap:wrap;justify-content:center}
.pmm-fh h1{margin:0;font-size:clamp(24px,5vw,34px);line-height:1.15}
.pmm-nick{margin:4px 0 10px;color:var(--p-muted)}

/* cards, estimate, definition list */
.pmm-card{padding:18px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:18px;margin:0 0 16px}
.pmm-card h2{margin:0 0 12px;font-size:17px}
.pmm-est{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:0 0 10px}
.pmm-est span{display:flex;flex-direction:column;align-items:center;max-width:110px;text-align:center}
.pmm-est b{font-size:24px}
.pmm-est small{font-size:12px;color:var(--p-muted);overflow-wrap:anywhere}
.pmm-est .bar{height:10px;border-radius:999px;background:var(--p-line);overflow:hidden}
.pmm-est .bar i{display:block;height:100%;background:var(--p-grad)}
.pmm-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}
.pmm-dl div{padding:10px 12px;background:var(--p-card);border-radius:12px}
.pmm-dl dt{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--p-muted)}
.pmm-dl dd{margin:2px 0 0;font-weight:650}

/* search + grid */
.pmm-search{display:flex;gap:10px;margin:0 0 16px}
.pmm-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.pmm-fcard{display:flex;align-items:center;gap:12px;padding:12px;margin:0}
.pmm-fcard small{display:block;color:var(--p-muted)}

/* banner (appears only when allowed) */
.pmm-slot{margin:0 0 16px}
.pmm-ad{padding:10px 12px;border:1px solid var(--p-line);border-radius:14px;background:var(--p-surface,#141C2A);text-align:center}
.pmm-ad small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--p-muted,#94A3B8);margin:0 0 6px}
.pmm-ad img{max-width:100%;height:auto;border-radius:10px}
.pmm-ad p{margin:8px 0 0;font-size:11.5px;color:var(--p-muted,#94A3B8)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

@media(max-width:480px){.pmm-hero{padding:18px 8px}.pmm-hs .pmm-av{width:64px!important;height:64px!important}.pmm-side .nm{font-size:14px}.pmm-rec{gap:8px}.pmm-rec b{font-size:17px}.pmm-rec small{font-size:9.5px;letter-spacing:.02em}.pmm-mid .vs{font-size:18px}}
@media(max-width:480px){.pmm-side .nm{min-height:2.5em}}

/* ===== v1.1: events, organizations, divisions, fighters, PredictionLab ===== */
.pmm-av{position:relative}.pmm-av .ini{font-size:1.1rem}.pmm-av img{position:absolute;inset:0}
.pmm-h{font-size:19px;margin:26px 0 12px;line-height:1.25}
.pmm-evmeta{margin:6px 0 10px;color:var(--p-muted)}
.pmm-org{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--p-grad);color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}
.pmm-kick a{text-decoration:underline;text-underline-offset:3px}
.pmm-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin:0 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.pmm-chips a,.pmm-chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--p-line);border-radius:999px;background:var(--p-surface);font-size:13.5px;font-weight:600;white-space:nowrap}
.pmm-chips a:hover,.pmm-chip:hover{border-color:var(--p-accent)}
.pmm-chips a.on{background:var(--p-grad);border-color:transparent;color:#fff}
.pmm-chiprow{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:6px 0 12px}
.pmm-ecards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.pmm-ecard{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:18px}
.pmm-ecard:hover{border-color:var(--p-accent)}
.pmm-ecard .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pmm-ecard .ttl{font-size:16px;line-height:1.3}
.pmm-ecard .duel{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;text-align:center}
.pmm-ecard .duel>span{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.pmm-ecard .duel em{font-style:normal;font-weight:650;font-size:13.5px;line-height:1.25;overflow-wrap:anywhere}
.pmm-ecard .duel small,.pmm-fs small{display:block;font-size:11.5px;color:var(--p-muted);font-weight:500}
.pmm-ecard .duel i{align-self:center;font-style:normal;font-weight:800;color:var(--p-muted);font-size:12px}
.pmm-ecard .bot{font-size:12.5px;color:var(--p-muted)}
.pmm-ecard.big{padding:20px;border:1.5px solid transparent;background:linear-gradient(var(--p-surface),var(--p-surface)) padding-box,var(--p-grad) border-box}
.pmm-ecard.big .ttl{font-size:20px}
.pmm-next{margin:0 0 8px}.pmm-next>p{margin:10px 0 0;text-align:center}
.pmm-cd{display:inline-block;font-weight:700;font-variant-numeric:tabular-nums;color:var(--p-pink)}
.pmm-mid .pmm-cd{font-size:12px}
.pmm-form{display:inline-flex;gap:4px}.pmm-form i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-style:normal;font-size:11px;font-weight:800;color:#fff}
.pmm-form .fw{background:#16a34a}.pmm-form .fl{background:#dc2626}.pmm-form .fd{background:#64748b}
.pmm-formrow{margin:8px 0 0}
.pmm-streak{margin:8px 0 0;font-size:12.5px;font-weight:700}.pmm-streak.w{color:var(--p-good)}.pmm-streak.l{color:var(--p-bad)}
.pmm-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pmm-cmp{width:100%;border-collapse:collapse;font-size:14px}
.pmm-cmp th,.pmm-cmp td{padding:9px 8px;border-bottom:1px solid var(--p-line);text-align:center;vertical-align:middle}
.pmm-cmp thead th{font-size:13px}
.pmm-cmp tbody th{font-weight:600;color:var(--p-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.pmm-cmp.hist th,.pmm-cmp.hist td{text-align:left;white-space:nowrap}
.pmm-cmp b.rw{color:var(--p-good)}.pmm-cmp b.rl{color:var(--p-bad)}.pmm-cmp b.rd{color:var(--p-muted)}
.pmm-hist{margin:0;padding-left:18px;line-height:1.7}
.pmm-grid.wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.pmm-org-card{display:flex;flex-direction:column;gap:6px;margin:0}.pmm-org-card small{color:var(--p-muted)}
.pmm-hero h1{margin:6px 0 8px;font-size:clamp(24px,5vw,34px);line-height:1.15}
.pmm-hero-foot .btn{margin:2px}
.pmm-hs .pmm-rec{margin-top:4px}

/* PredictionLab */
.pmm-pick{margin:0 0 10px;padding:12px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:16px}
.pmm-pick.compact{padding:10px}
.pk-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pk-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:8px 10px;border:1.5px solid var(--p-line);border-radius:14px;background:var(--p-card);color:var(--p-ink);font:inherit;cursor:pointer;text-align:center}
.pk-btn b{font-size:14px;line-height:1.25;overflow-wrap:anywhere}.pk-btn small{font-size:11.5px;color:var(--p-muted)}
.pk-btn:hover:not(:disabled){border-color:var(--p-accent)}
.pk-btn.on{border-color:transparent;background:linear-gradient(var(--p-card),var(--p-card)) padding-box,var(--p-grad) border-box;border:1.5px solid transparent}
.pk-btn.won{box-shadow:0 0 0 2px var(--p-good) inset}
.pk-btn:disabled{cursor:default;opacity:.85}
.pk-btn:focus-visible,.pk-c:focus-visible{outline:2px solid var(--p-pink);outline-offset:2px}
.pk-conf{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:10px 0 0;font-size:13px;color:var(--p-muted)}
.pk-c{min-height:36px;padding:0 12px;border:1px solid var(--p-line);border-radius:999px;background:var(--p-card);color:var(--p-ink);font:600 13px/1 inherit;cursor:pointer}
.pk-c.on{background:var(--p-grad);border-color:transparent;color:#fff}
.pk-note{margin:8px 0 0;font-size:13px;color:var(--p-muted)}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:0 0 10px}
.pk-stat{padding:10px;background:var(--p-card);border-radius:12px;text-align:center}.pk-stat b{display:block;font-size:22px}.pk-stat small{font-size:11px;color:var(--p-muted);text-transform:uppercase;letter-spacing:.04em}
.pmm-event h3{margin:0 0 10px;font-size:16px}

.pmm-cd:empty{display:none}

.pmm-when{margin:12px 0 0;font-size:13px;color:var(--p-muted);line-height:1.6}
.pmm-fight{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.pmm-fight .pmm-mid{max-width:112px}.pmm-fight .pmm-mid small{white-space:normal;line-height:1.3}
.pmm-fs b{min-width:0}
@media(max-width:480px){.pmm-fight .pmm-mid{max-width:92px}.pmm-hs .pmm-side .nm{font-size:13px;overflow-wrap:break-word;word-break:normal}}
