/* AI999 AI FORECAST PAGE V1 — scoped with af- prefix */
.af-wrap{margin-top:12px}
.af-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;background:#fff;border:1px solid #dbe5ee;border-radius:12px}
.af-toolbar-title b{font-size:18px;color:#0a3d69}.af-toolbar-title span{display:block;margin-top:3px;font-size:12px;color:#718191}
.af-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.af-btn{display:inline-block;padding:9px 13px;border-radius:8px;text-decoration:none;font-weight:800;font-size:12px;border:0;cursor:pointer}
.af-btn.free{background:#d92d2d;color:#fff}.af-btn.vip{background:#6048b9;color:#fff}.af-btn.off{opacity:.78}
.af-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:14px}
.af-sidebar{background:#fff;border:1px solid #dbe5ee;border-radius:12px;overflow:hidden;align-self:start;position:sticky;top:10px}
.af-date{padding:15px;background:linear-gradient(135deg,#0d5b99,#0d7acb);color:#fff;text-align:center}.af-date b{font-size:16px}.af-date span{display:block;font-size:11px;margin-top:4px;opacity:.9}
.af-days{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px}.af-days button{padding:7px;border:1px solid #dbe5ee;border-radius:7px;background:#f7fafc;color:#516778;font-weight:700}.af-days .active{background:#0d6fbd;color:#fff}
.af-race-list{max-height:670px;overflow:auto}
.af-race{display:grid;grid-template-columns:44px 48px 1fr;align-items:center;padding:9px 9px;border-top:1px solid #edf2f6;cursor:pointer;transition:.15s}.af-race:hover{background:#f2f8fd}.af-race.active{background:#0d6fbd;color:#fff}.af-race b{font-size:13px}.af-race .time{font-size:11px}.af-tag{justify-self:end;border-radius:999px;padding:3px 6px;background:#eef3f7;color:#5d6d7a;font-size:10px;font-weight:800}.af-race.active .af-tag{background:#ffffff22;color:#fff}.af-tag.hot{background:#fff0e7;color:#d45819}
.af-main{min-width:0}
.af-hero{background:#fff;border:1px solid #dbe5ee;border-radius:12px;padding:15px;margin-bottom:12px}
.af-titleline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.af-titleline h1{margin:0;font-size:29px;color:#083c68}.af-badge{padding:5px 9px;border-radius:999px;background:#e64141;color:#fff;font-size:11px;font-weight:800}.af-stars{color:#ff8a00;font-size:18px}
.af-meta{margin-top:7px;color:#5f7180;font-size:12px}
.af-jumps{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.af-jumps button{border:1px solid #d7e3ed;background:#eff6fb;color:#164c73;border-radius:7px;padding:7px 9px;font-weight:700;cursor:pointer}.af-jumps button:hover{background:#0d6fbd;color:#fff}
.af-panel{background:#fff;border:1px solid #dbe5ee;border-radius:12px;margin-bottom:12px;overflow:hidden}.af-panel h2{margin:0;padding:9px 12px;background:linear-gradient(90deg,#0e5793,#0f77bd);color:#fff;font-size:15px}
.af-summary{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;padding:12px}.af-card{border:1px solid #dce7ef;border-radius:9px;padding:12px;text-align:center;background:#fbfdff}.af-card .lab{font-weight:800;color:#31546f;font-size:12px}.af-card .val{font-size:28px;font-weight:900;color:#0a3358;margin:7px 0}.af-card small{color:#718191}.af-card.blue{background:#f1f7ff}.af-card.green{background:#f1fff8}.af-card.purple{background:#f7f2ff}.af-card.yellow{background:#fffbef}.af-card.red{background:#fff3f3}
.af-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.af-info{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}.af-info div{border:1px solid #e3ebf1;border-radius:8px;padding:9px}.af-info span{display:block;color:#738391;font-size:10px}.af-info b{display:block;color:#0a3d69;margin-top:3px}
.af-api{margin:0 12px 12px;padding:9px 10px;border-left:4px solid #2585c7;background:#f2f8fd;font-size:11px;color:#40596d}
.af-table-wrap{padding:9px;overflow:auto}.af-table{width:100%;border-collapse:collapse;font-size:11px}.af-table th,.af-table td{border:1px solid #dce5ec;padding:6px;text-align:center}.af-table th{background:#edf5fa;color:#164f78}.af-table td.rank{background:#ffe9e9;color:#b32a2a;font-weight:800}.af-table td.dark{background:#fff4cf;color:#765900;font-weight:800}.af-table td.core{background:#e6f8ef;color:#17734c;font-weight:800}
.af-ai{display:grid;grid-template-columns:1.25fr .7fr 1fr;gap:12px;padding:12px}.af-ai h3{margin:0 0 7px;color:#164c73;font-size:13px}.af-chips{display:flex;gap:6px;flex-wrap:wrap}.af-chip{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #0d6fbd;font-weight:900;background:#fff}.af-chip.dark{border-color:#e33b3b;background:#fff1f1}.af-pattern{display:inline-block;margin:0 5px 5px 0;padding:7px 10px;border:1px solid #c8dff3;border-radius:7px;background:#eef6ff;color:#0d5d9e;font-weight:900}
.af-note{margin:0 12px 12px;padding:9px;background:#f7f9fb;border-radius:7px;color:#667886;font-size:11px}
.af-pre{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.af-pre div{border:1px solid #e0e8ef;border-radius:8px;padding:10px;background:#fbfdff}.af-pre span{display:block;font-size:10px;color:#758491}.af-pre b{display:block;margin-top:5px;color:#103f65}
.af-live,.af-result{padding:18px;text-align:center;color:#657887}.af-result{background:#fafcfd}
.af-vipbox{padding:14px}.af-vipbox p{margin:0 0 10px;color:#566b7b}.af-vip-features{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.af-vip-features div{border:1px solid #e0e6ef;background:#faf8ff;border-radius:8px;padding:10px;font-size:11px}
@media(max-width:980px){.af-layout{grid-template-columns:1fr}.af-sidebar{position:static}.af-race-list{display:grid;grid-template-columns:repeat(3,1fr);max-height:none}.af-two{grid-template-columns:1fr}.af-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.af-toolbar{align-items:flex-start;flex-direction:column}.af-race-list{grid-template-columns:repeat(2,1fr)}.af-summary{grid-template-columns:repeat(2,1fr)}.af-info{grid-template-columns:repeat(2,1fr)}.af-ai{grid-template-columns:1fr}.af-pre{grid-template-columns:repeat(2,1fr)}.af-vip-features{grid-template-columns:1fr}.af-titleline h1{font-size:24px}}

/* V2 customer view */
.ai999-realdata-card{display:none!important}
body.ai999-debug .ai999-realdata-card{display:block!important}

.af-daytabs-large{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}
.af-daytabs-large button{border:1px solid #cddce8;background:#fff;border-radius:11px;padding:12px 10px;cursor:pointer;text-align:left;color:#214d6d;box-shadow:0 1px 3px #16374f10}
.af-daytabs-large button strong{display:block;font-size:15px}
.af-daytabs-large button span{display:block;margin-top:4px;font-size:10px;color:#748493}
.af-daytabs-large button.active{background:linear-gradient(135deg,#0c5c9d,#0d7dcc);border-color:#0d6fbd;color:#fff}
.af-daytabs-large button.active span{color:#e7f5ff}
.af-daytabs-large button.week{border-color:#e6c565;background:#fffaf0}
.af-daytabs-large button.week.active{background:linear-gradient(135deg,#b37a08,#dfa520);color:#fff;border-color:#bf870e}
.af-weekly-panel{margin-bottom:12px}
.af-week-head{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;background:#f7fbfe;border-bottom:1px solid #e3ebf1}
.af-week-head b{color:#174f77}.af-week-head span{font-size:11px;color:#728391}
.af-week-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px}
.af-week-card{border:1px solid #dbe5ed;border-radius:9px;padding:11px;background:#fff;cursor:pointer}
.af-week-card:hover{box-shadow:0 3px 10px #1a456418;border-color:#9cc5e1}
.af-week-card .top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.af-week-card .day{font-size:10px;font-weight:900;border-radius:999px;padding:3px 7px;background:#eaf4fc;color:#17689f}
.af-week-card .risk{font-size:10px;font-weight:900;color:#d14f1c}
.af-week-card h3{margin:8px 0 5px;font-size:17px;color:#0a3d69}
.af-week-card .meta{font-size:10px;color:#758492}
.af-week-card .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}
.af-week-card .mini div{background:#f7fafc;border-radius:6px;padding:6px;text-align:center}
.af-week-card .mini span{display:block;font-size:9px;color:#788897}.af-week-card .mini b{display:block;font-size:12px;color:#183f5f;margin-top:2px}
@media(max-width:900px){.af-daytabs-large{grid-template-columns:repeat(2,1fr)}.af-week-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.af-daytabs-large{display:flex;overflow-x:auto}.af-daytabs-large button{min-width:155px}.af-week-grid{grid-template-columns:1fr}}