/* Igor HQ v0.2 — mobile first, scoped styles to coexist with WordPress themes */
.igor-hq{--i-bg:#08131f;--i-panel:#142437;--i-panel2:#192c42;--i-line:#2c4056;--i-ink:#f1f7ff;--i-muted:#9fb3c7;--i-accent:#64ddb1;background:var(--i-bg);color:var(--i-ink);padding:clamp(16px,3vw,32px);border-radius:20px;font-family:inherit;max-width:none;width:100vw;position:relative;left:50%;transform:translateX(-50%);margin:0;min-height:100vh;border-radius:0;box-sizing:border-box;line-height:1.5}.igor-hq *{box-sizing:border-box}.igor-hq :focus-visible{outline:2px solid var(--i-accent);outline-offset:3px}.igor-header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.igor-symbol{font-size:28px;border-radius:12px;background:#163e35;padding:11px}.igor-header h2{font-size:clamp(23px,3vw,30px);line-height:1.15;color:var(--i-ink);margin:2px 0}.igor-header p{color:var(--i-muted);margin:0;font-size:13px}.igor-hq .igor-eyebrow{font-size:10px;color:var(--i-accent);letter-spacing:1.3px;font-weight:800}.igor-version{margin-left:auto;font-size:11px;color:var(--i-muted)}.igor-hero{background:linear-gradient(110deg,#142c3c,#103628 95%);padding:clamp(18px,3vw,26px);display:flex;justify-content:space-between;align-items:center;border:1px solid #2d5b51;border-radius:16px;margin-bottom:16px}.igor-hero h3{margin:4px 0;font-size:clamp(19px,3vw,25px);color:var(--i-ink)}.igor-hero p{font-size:13px;color:var(--i-muted);margin:4px 0}.igor-hero-icon{font-size:38px;color:var(--i-accent)}.igor-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.igor-metric{background:var(--i-panel);padding:16px;border:1px solid var(--i-line);border-radius:12px;min-width:0}.igor-metric small{display:block;color:var(--i-muted);font-size:11px}.igor-metric strong{display:block;font-size:clamp(21px,3vw,27px);color:var(--i-ink);margin:3px 0}.igor-metric span{font-size:10px;color:#829bb4}.igor-date{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 16px}.igor-date label{color:var(--i-muted);font-size:12px}.igor-date input{background:var(--i-panel);color:var(--i-ink);border:1px solid var(--i-line);padding:9px;border-radius:8px;color-scheme:dark}.igor-date button{background:var(--i-accent);color:#09261d;border:0;border-radius:8px;padding:10px 15px;font-weight:800;cursor:pointer}.igor-slip-nav{display:flex;overflow-x:auto;gap:7px;margin-bottom:16px;padding-bottom:3px}.igor-slip-nav a{white-space:nowrap;text-decoration:none;color:var(--i-ink);background:#1b3044;border:1px solid var(--i-line);padding:8px 11px;font-size:11px;border-radius:8px;font-weight:700}.igor-slip-nav a:hover{border-color:var(--i-accent)}.igor-slip{background:var(--i-panel);border:1px solid var(--i-line);border-radius:14px;margin-bottom:13px;overflow:hidden;scroll-margin-top:30px}.igor-slip-target{border-color:#4a977f}.igor-slip-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid var(--i-line)}.igor-slip-head small{font-size:9px;letter-spacing:1px;color:var(--i-muted);font-weight:700}.igor-slip h3{margin:2px 0;color:var(--i-ink);font-size:16px}.igor-count{font-size:11px;color:var(--i-muted);white-space:nowrap}.igor-empty{color:var(--i-ink);font-size:13px;margin:17px}.igor-empty span{display:block;color:var(--i-muted);font-size:11px;margin-top:5px}.igor-target-info{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:15px 16px}.igor-target-info small{display:block;color:var(--i-muted);font-size:10px}.igor-target-info strong{font-size:20px;color:var(--i-ink)}.igor-target-status{font-size:10px;font-weight:800;border-radius:7px;background:#334052;color:#c4d0df;padding:7px 9px}.igor-target-status.is-ready{background:#215c49;color:#a0f6ce}.igor-target-foot{color:var(--i-muted);font-size:11px;padding:0 16px 12px;margin:0}.igor-pick{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--i-line)}.igor-pick:last-child{border-bottom:0}.igor-pick-main{min-width:0}.igor-pick-main small{display:block;color:var(--i-muted);font-size:10px}.igor-pick-main strong{display:block;margin:4px 0;font-size:13px;color:var(--i-ink)}.igor-pick-main strong span{color:var(--i-muted);font-weight:400;font-size:11px}.igor-pick-main p{color:var(--i-accent);margin:2px 0;font-size:12px;font-weight:700}.igor-pick-main p span{color:var(--i-muted);font-weight:400}.igor-pick-right{display:flex;align-items:flex-end;flex-direction:column;gap:6px;flex-shrink:0}.igor-pick-right strong{font-size:16px;color:var(--i-ink)}.igor-status{background:#2d4053;color:#dae4ef;padding:4px 8px;border-radius:12px;font-size:10px;text-transform:capitalize}.igor-status-won{background:#1b513e;color:#9cefc4}.igor-status-lost{background:#5a2d37;color:#ffc4cd}.igor-disclaimer{font-size:11px;color:var(--i-muted);line-height:1.7;padding:12px 0 0}@media(max-width:700px){.igor-hq{padding:clamp(12px,4vw,20px);border-radius:0}.igor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.igor-metric{padding:12px}.igor-target-info{grid-template-columns:1fr 1fr}.igor-target-status{grid-column:1/-1;text-align:center}.igor-hero-icon{display:none}.igor-date label{width:100%}.igor-date input{min-width:0;flex:1}.igor-date button{flex-shrink:0}}

/* 0.2.1: escape the centered WordPress page content wrapper, without changing the theme header/footer. */
.igor-hq#igor-hq { max-width: none !important; width: 100vw !important; margin: 0 !important; position: relative; left: 50%; transform: translateX(-50%); border-radius: 0; min-height: 100vh; }
/* Allow responsive grids and form controls to shrink instead of expanding the viewport. */
.igor-hq .igor-date, .igor-hq .igor-metrics, .igor-hq .igor-slip, .igor-hq .igor-hero { min-width: 0; }
.igor-hq .igor-slip-nav { max-width: 100%; scrollbar-width: thin; }
@media (min-width: 1100px) {
  .igor-hq#igor-hq { padding-left: clamp(30px, 4vw, 90px); padding-right: clamp(30px, 4vw, 90px); }
  .igor-hq .igor-metrics { gap: 16px; }
}
@media (max-width: 380px) {
  .igor-hq .igor-header { gap: 8px; }
  .igor-hq .igor-symbol { padding: 8px; }
  .igor-hq .igor-version { font-size: 9px; }
}

/* v0.2.2: dedicated /igor-hq/ app shell: the theme header, title and footer are not rendered. */
html:has(body.igor-app-page){margin-top:0;min-height:100%;background:#08131f}
body.igor-app-page{margin:0!important;padding:0!important;min-height:100dvh;overflow-x:hidden;background:#08131f;color:#f1f7ff}
body.igor-app-page #igor-page-main{display:block;width:100%;min-height:100dvh;margin:0;padding:0;max-width:none}
body.igor-app-page .igor-hq#igor-hq{width:100%!important;left:auto!important;transform:none!important;max-width:none!important;min-height:100dvh;margin:0!important;box-shadow:none;border-radius:0}
body.igor-app-page .igor-skip{position:absolute;left:-9999px;top:0;z-index:99999;background:#64ddb1;color:#082018;padding:10px}
body.igor-app-page .igor-skip:focus{left:12px;top:12px}
@media(min-width:1150px){body.igor-app-page .igor-hq#igor-hq{padding-left:clamp(32px,5vw,110px);padding-right:clamp(32px,5vw,110px)}}
@media(max-width:700px){body.igor-app-page .igor-hq#igor-hq{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom))}}
/* Keep the front-end WordPress toolbar accessible to logged-in admins. */
@media(max-width:782px){body.admin-bar.igor-app-page{padding-top:46px!important}}
@media(min-width:783px){body.admin-bar.igor-app-page{padding-top:32px!important}}

/* v0.3: provider-backed fixture preview */
.igor-feed{background:#101f31;border:1px solid #2b465e;border-radius:16px;padding:18px;margin:18px 0;color:#e8f3fc}.igor-feed-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.igor-feed-heading h3{margin:0 0 12px;font-size:18px;color:#f5fbff}.igor-feed-heading small{color:#90a9c2;font-size:11px}.igor-feed-row{padding:11px 0;border-top:1px solid #263b50;display:flex;align-items:center;justify-content:space-between;gap:12px}.igor-feed-row div{display:flex;flex-direction:column;gap:4px}.igor-feed-row small{font-size:11px;color:#a2b6ca}.igor-feed-row strong{font-size:13px;color:#fff}.igor-feed-row span{font-size:11px;white-space:nowrap;color:#70d8b6}@media(max-width:500px){.igor-feed{padding:14px}.igor-feed-heading{align-items:flex-start;flex-direction:column}.igor-feed-row{align-items:flex-start;flex-direction:column;gap:4px}}
/* v0.7.5 · Compact data visualisations and accessible expandable public sections. */
.igor-visual-insights{margin:22px 0 14px}.igor-visual-intro{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:0 0 12px}.igor-visual-intro h3{color:#f4faff;font-size:21px;margin:2px 0}.igor-visual-intro small{font-size:11px;color:#98b4ca}.igor-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.igor-visual-card{background:#142638;border:1px solid #2a4358;padding:19px;border-radius:15px;min-width:0}.igor-visual-card h4{font-size:14px;color:#f6faff;margin:0 0 14px}.igor-visual-card p{font-size:12px;color:#c5d8e8;line-height:1.5;margin:5px 0}.igor-visual-card>small,.igor-visual-ring-card small{font-size:10px;line-height:1.5;color:#96aec3;display:block}.igor-visual-ring-card{display:flex;align-items:center;gap:14px}.igor-ring{width:104px;height:104px;flex:none;border-radius:50%;background:conic-gradient(#57dbad var(--i-progress),#31445b var(--i-progress) 100%);display:grid;place-items:center}.igor-ring>div{width:76px;height:76px;background:#142638;border-radius:50%;display:flex;justify-content:center;flex-direction:column;align-items:center}.igor-ring strong{font-size:21px;color:#fff}.igor-ring small{font-size:9px;color:#96b9cc}.igor-segment-bar{height:13px;display:flex;overflow:hidden;border-radius:99px;background:#435165;margin:20px 0 14px}.igor-segment-bar span:nth-child(1){background:#58d4a8}.igor-segment-bar span:nth-child(2){background:#71a8ee}.igor-segment-legend{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 15px}.igor-segment-legend span{font-size:10px;color:#c9d7e4}.igor-segment-legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}.igor-segment-legend .i-upcoming{background:#58d4a8}.igor-segment-legend .i-complete{background:#71a8ee}.igor-segment-legend .i-other{background:#435165}.igor-segment-legend b{color:#f2f6fb}.igor-slip-sparks{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}.igor-spark-row{display:grid;grid-template-columns:65px minmax(0,1fr) 36px;gap:8px;align-items:center;font-size:10px;color:#b1c6d8}.igor-spark-row b{text-align:right;color:#fff}.igor-spark-track{height:7px;background:#354a60;border-radius:99px;overflow:hidden}.igor-spark-track>div{height:100%;background:linear-gradient(90deg,#52c9a0,#a0ead0);border-radius:99px}
.igor-hq details.igor-accordion{padding:0;overflow:hidden;scroll-margin-top:18px}.igor-hq details.igor-accordion>summary{display:block;position:relative;list-style:none;cursor:pointer;padding:17px 50px 17px 18px;color:#fff}.igor-hq details.igor-accordion>summary::-webkit-details-marker{display:none}.igor-hq details.igor-accordion>summary:after{position:absolute;right:19px;top:50%;transform:translateY(-50%);content:'+';font-size:23px;color:#6bddb4}.igor-hq details.igor-accordion[open]>summary{border-bottom:1px solid #2b4357}.igor-hq details.igor-accordion[open]>summary:after{content:'−'}.igor-hq details.igor-accordion .igor-feed-heading{margin:0}.igor-hq details.igor-accordion .igor-feed-heading h3{margin:0;font-size:16px}.igor-hq details.igor-accordion .igor-slip-head{border:0;padding:0}.igor-hq details.igor-accordion .igor-accordion-content{padding:0 18px 10px}.igor-hq details.igor-accordion .igor-feed-row:first-child{border-top:0}.igor-hq details.igor-accordion .igor-target-info{padding-top:15px}.igor-hq details.igor-accordion .igor-empty{margin:14px 0}.igor-hq details.igor-accordion .igor-pick{padding-left:0;padding-right:0}.igor-hq .igor-slip-nav{scroll-margin-top:15px}
@media(max-width:1050px){.igor-visual-grid{grid-template-columns:1fr 1fr}.igor-visual-grid .igor-visual-card:last-child{grid-column:1/-1}}
@media(max-width:600px){.igor-visual-grid{grid-template-columns:1fr}.igor-visual-grid .igor-visual-card:last-child{grid-column:auto}.igor-visual-intro{flex-direction:column;align-items:start}.igor-visual-card{padding:16px}.igor-ring{width:92px;height:92px}.igor-ring>div{width:66px;height:66px}}
