/* WiseAI app mock (WiseBI branded). Designed at 960x600 and scaled to fit its container.
   Shared by wiseai.php and the hero-film renderer (dev-scripts/wiseai-film/). */
.wa-fit{position:relative;width:100%;aspect-ratio:960/600;overflow:hidden}
.wa-fit > .wa{position:absolute;left:0;top:0;transform-origin:0 0}
.wa{--wa-bg:#FBF8F1;--wa-card:#FFFFFF;--wa-ink:#1E1E1E;--wa-mute:#6B6B6B;--wa-line:#ECE6D8;--wa-y:#F8B204;--wa-o:#FF7D00;--wa-g:#1F9D63;--wa-r:#D9473F;--wa-soft:#FFF4D6;
 width:960px;height:600px;background:var(--wa-bg);color:var(--wa-ink);font-family:var(--wa-font,"Google Sans Local","Google Sans","Product Sans",Arial,sans-serif);font-size:13px;line-height:1.45;display:flex;flex-direction:column;border-radius:0;overflow:hidden;text-align:left;letter-spacing:normal}
.wa *{box-sizing:border-box}
.wa svg{display:block}
.wa p{margin:0}
.wa ul{margin:0;padding:0}
.wa-top{height:58px;flex:none;display:flex;align-items:center;gap:16px;padding:0 22px;border-bottom:1px solid var(--wa-line);background:#fff}
.wa-brand{display:flex;align-items:center;gap:10px}
.wa-logo{display:block;height:30px;width:auto}
.wa-tabs{display:flex;gap:4px;margin-left:18px;background:var(--wa-bg);border:1px solid var(--wa-line);border-radius:10px;padding:3px}
.wa-tabs span{padding:5px 12px;border-radius:7px;font-size:12px;color:var(--wa-mute)}
.wa-tabs span.on{background:var(--wa-y);color:#111;font-weight:500}
.wa-tools{margin-left:auto;display:flex;align-items:center;gap:6px}
.wa-ib{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#555;border:1px solid transparent;position:relative}
.wa-ib svg{width:16px;height:16px}
.wa-ib .dot{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--wa-o);border:1.5px solid #fff}
.wa-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--wa-line);background:#fff;font-size:12px;color:var(--wa-ink);white-space:nowrap}
.wa-btn svg{width:14px;height:14px}
.wa-btn.y{background:var(--wa-y);border-color:var(--wa-y);color:#111;font-weight:500}
.wa-body{flex:1;min-height:0;position:relative;display:flex}
.wa-main{flex:1;min-width:0;padding:22px 26px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.wa-foot{flex:none;padding:12px 26px 14px;border-top:1px solid var(--wa-line);background:#fff}
.wa-input{height:44px;border:1.5px solid var(--wa-line);border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 6px 0 16px;background:#fff;color:var(--wa-mute)}
.wa-input.act{border-color:var(--wa-y);box-shadow:0 0 0 4px rgba(248,178,4,.14);color:var(--wa-ink)}
.wa-input .tx{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-caret{display:inline-block;width:2px;height:16px;background:var(--wa-o);vertical-align:-3px;margin-left:1px}
.wa-send{width:34px;height:34px;border-radius:10px;background:var(--wa-y);display:grid;place-items:center;color:#111;flex:none}
.wa-send svg{width:16px;height:16px}
.wa-mic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#777;flex:none}
.wa-mic svg{width:16px;height:16px}
.wa-trust{font-size:10.5px;color:var(--wa-mute);text-align:center;margin-top:8px}

/* start */
.wa-start{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:10px 60px}
.wa-orb{width:62px;height:62px;display:grid;place-items:center;filter:drop-shadow(0 10px 22px rgba(255,125,0,.32))}
.wa-orb svg{width:100%;height:100%}
.wa-h{font-size:26px;font-weight:500;letter-spacing:-.01em;text-align:center}
.wa-h b{color:var(--wa-o);font-weight:500}
.wa-start .wa-input{width:620px}
.wa-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:620px}
.wa-chip{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--wa-line);border-radius:11px;padding:9px 12px;font-size:12px;color:var(--wa-ink)}
.wa-chip svg{width:14px;height:14px;color:var(--wa-o);flex:none}
.wa-chip.hl{border-color:var(--wa-y);background:var(--wa-soft)}
.wa-cats{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.wa-cats span{font-size:11px;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid var(--wa-line);color:var(--wa-mute)}
.wa-cats span.on{background:#1E1E1E;color:#fff;border-color:#1E1E1E}

/* chat */
.wa-q{align-self:flex-end;background:#1E1E1E;color:#fff;border-radius:14px 14px 4px 14px;padding:9px 14px;max-width:70%;font-size:13px}
.wa-a{display:flex;gap:12px;align-items:flex-start}
.wa-av{width:30px;height:30px;display:grid;place-items:center;flex:none}
.wa-av svg{width:100%;height:100%}
.wa-acard{flex:1;min-width:0;background:#fff;border:1px solid var(--wa-line);border-radius:14px;padding:14px 16px;display:grid;gap:10px}
.wa-steps{display:grid;gap:7px}
.wa-step{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--wa-mute)}
.wa-step i{width:18px;height:18px;border-radius:50%;border:2px solid var(--wa-line);display:grid;place-items:center;flex:none}
.wa-step.done{color:var(--wa-ink)}
.wa-step.done i{background:var(--wa-g);border-color:var(--wa-g);color:#fff}
.wa-step.run i{border-color:var(--wa-y);border-top-color:var(--wa-o)}
.wa-step i svg{width:10px;height:10px}
.wa-hl{background:var(--wa-soft);border-left:3px solid var(--wa-y);border-radius:8px;padding:9px 12px;font-size:13.5px;font-weight:500}
.wa-hl small{display:block;font-weight:400;color:var(--wa-mute);font-size:11px}
.wa-t{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--wa-mute)}
.wa-p{font-size:12.5px;color:#333}
.wa-ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.wa-ul li{display:grid;grid-template-columns:14px 1fr;gap:7px;font-size:12.3px;color:#333}
.wa-ul li:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--wa-y);margin-top:6px}
.wa-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.wa-dx{display:flex;align-items:center;gap:10px;border:1px solid var(--wa-line);border-radius:11px;padding:8px 10px;background:var(--wa-bg)}
.wa-dx .ic{width:28px;height:28px;border-radius:8px;background:var(--wa-soft);display:grid;place-items:center;color:var(--wa-o)}
.wa-dx .ic svg{width:15px;height:15px}
.wa-dx b{font-weight:500;font-size:12.5px;display:block}
.wa-dx small{font-size:10.5px;color:var(--wa-mute)}
.wa-more{display:grid;gap:6px}
.wa-more .wa-chip{background:var(--wa-bg)}

/* explorer */
.wa-panel{flex:1;min-height:0;background:#fff;border:1px solid var(--wa-line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}
.wa-ph{height:46px;flex:none;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--wa-line)}
.wa-ph b{font-weight:500;font-size:13.5px}
.wa-ph small{color:var(--wa-mute);font-size:11px}
.wa-seg{margin-left:auto;display:flex;background:var(--wa-bg);border:1px solid var(--wa-line);border-radius:9px;padding:2px}
.wa-seg span{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:7px;font-size:11.5px;color:var(--wa-mute)}
.wa-seg span svg{width:12px;height:12px}
.wa-seg span.on{background:var(--wa-y);color:#111;font-weight:500}
.wa-pb{flex:1;min-height:0;padding:14px 18px;position:relative}
.wa-ctitle{font-weight:500;font-size:13.5px;margin-bottom:10px}
.wa-hbars{display:grid;gap:9px}
.wa-hb{display:grid;grid-template-columns:110px 1fr 70px;gap:10px;align-items:center;font-size:12px}
.wa-hb .lab{color:#333;white-space:nowrap}
.wa-hb .trk{height:20px;background:#F5F1E7;border-radius:5px;overflow:hidden}
.wa-hb .bar{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--wa-y),var(--wa-o))}
.wa-hb .bar.neg{background:var(--wa-r)}
.wa-hb .val{font-weight:500;font-variant-numeric:tabular-nums}
.wa-hb .val small{display:block;font-weight:400;font-size:10.5px}
.wa .up{color:var(--wa-g)}.wa .dn{color:var(--wa-r)}
.wa-tip{position:absolute;background:#1E1E1E;color:#fff;border-radius:10px;padding:9px 12px;font-size:11.5px;box-shadow:0 10px 24px rgba(0,0,0,.25);min-width:170px}
.wa-tip b{display:block;font-weight:500;color:var(--wa-y);margin-bottom:3px}
.wa-tip div{display:flex;justify-content:space-between;gap:14px}
.wa-tbl{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.wa-tbl th{font-weight:500;text-align:left;color:var(--wa-mute);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-bottom:1px solid var(--wa-line);background:var(--wa-bg)}
.wa-tbl td{padding:8px 10px;border-bottom:1px solid var(--wa-line)}
.wa-tbl td.r,.wa-tbl th.r{text-align:right}

/* dashboard */
.wa-dash{flex:1;min-height:0;padding:16px 20px;display:grid;grid-template-rows:auto 1fr 1fr;gap:12px}
.wa-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wa-kpi{background:#fff;border:1px solid var(--wa-line);border-radius:12px;padding:10px 12px}
.wa-kpi small{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--wa-mute)}
.wa-kpi b{display:block;font-size:20px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums}
.wa-kpi span{font-size:11px}
.wa-kpi.lead{background:linear-gradient(140deg,var(--wa-y),var(--wa-o));border-color:transparent}
.wa-kpi.lead small,.wa-kpi.lead span{color:#3a2a00}
.wa-g2{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;min-height:0}
.wa-box{background:#fff;border:1px solid var(--wa-line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;min-height:0;min-width:0}
.wa-box .bt{font-size:12px;font-weight:500;display:flex;justify-content:space-between;align-items:center}
.wa-box .bt small{font-weight:400;color:var(--wa-mute);font-size:10.5px}
.wa-box svg{flex:1;min-height:0;width:100%}
.wa-legend{display:flex;gap:12px;font-size:10.5px;color:var(--wa-mute)}
.wa-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.wa-vbars{flex:1;display:flex;align-items:flex-end;gap:12px;padding-top:8px}
.wa-vb{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;font-size:10.5px}
.wa-vb .b{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--wa-o),var(--wa-y))}
.wa-vb .b.prev{background:#E5DFD0}
.wa-vb .pair{display:flex;gap:3px;align-items:flex-end;width:100%;height:100%}
.wa-vb .pair .b{flex:1}

/* insights */
.wa-ins{flex:1;min-height:0;padding:16px 20px;display:grid;grid-template-columns:1.1fr 1fr;gap:12px}
.wa-ins .col{display:grid;gap:12px;align-content:start}
.wa-icard{background:#fff;border:1px solid var(--wa-line);border-radius:12px;padding:12px 14px;display:grid;gap:7px}
.wa-icard.rec{border-left:3px solid var(--wa-g)}
.wa-icard.sum{border-left:3px solid var(--wa-y)}
.wa-num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--wa-soft);color:#7A5200;font-size:11px;font-weight:600;margin-right:6px}

/* share menu */
.wa-menu{position:absolute;right:20px;top:8px;width:250px;background:#fff;border:1px solid var(--wa-line);border-radius:14px;box-shadow:0 18px 40px rgba(30,20,0,.18);padding:8px;display:grid;gap:2px;z-index:3}
.wa-menu .mt{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--wa-mute);padding:6px 10px 4px}
.wa-mi{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:12.5px}
.wa-mi .fi{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:9px;font-weight:700;color:#fff}
.wa-mi.hl{background:var(--wa-soft)}
.wa-mi small{margin-left:auto;color:var(--wa-mute);font-size:10.5px}
.wa-shade{position:absolute;inset:0;background:rgba(251,248,241,.55);z-index:2}

/* anticipate */
.wa-ant{flex:1;min-height:0;padding:16px 20px;display:grid;grid-template-columns:1.35fr 1fr;gap:12px}
.wa-ant .col{display:grid;gap:12px;align-content:start;min-width:0}
.wa-alert{background:#fff;border:1px solid var(--wa-line);border-left:3px solid var(--wa-o);border-radius:12px;padding:11px 13px;display:grid;gap:4px}
.wa-alert .h{display:flex;align-items:center;gap:7px;font-weight:500;font-size:12.5px}
.wa-alert .h svg{width:14px;height:14px;color:var(--wa-o)}
.wa-alert p{font-size:12px;color:#333}
.wa-alert small{font-size:10.5px;color:var(--wa-mute)}
.wa-alert.g{border-left-color:var(--wa-g)}.wa-alert.g .h svg{color:var(--wa-g)}
.wa-pillx{display:inline-block;font-size:10.5px;background:var(--wa-soft);color:#7A5200;border-radius:999px;padding:2px 9px}

/* sample tag */
.wa-sample{position:absolute;right:10px;bottom:8px;font-size:9.5px;color:#9a948a;z-index:4}