/* PegasusAI3 AskAI V1 — screens for plans, recommendations, critical setup, strategic projects */
.tabs{display:flex;gap:2px;margin-left:18px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{background:transparent;border:0;color:rgba(255,255,255,.72);padding:8px 12px;border-radius:6px 6px 0 0;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}
.tab:hover{color:#fff;background:rgba(255,255,255,.06)}
.tab.on{color:#fff;border-bottom-color:var(--gold);font-weight:600}
.screens{min-height:0;display:grid}
.screen{display:none;grid-area:1/1;min-height:0;overflow:auto;background:var(--cream)}
.screen.on{display:block}
.frame.screen{display:none}
.frame.screen.on{display:grid}
.pg{max-width:1360px;margin:0 auto;padding:22px 26px 60px}
.pg h1{font-family:var(--serif);font-size:24px;color:var(--navy);margin:0 0 4px;font-weight:700}
.pg .lead{color:var(--muted);margin:0 0 18px;max-width:900px;font-size:13.5px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 18px}
.kpi{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.kpi b{display:block;font-family:var(--serif);font-size:22px;color:var(--navy);font-variant-numeric:tabular-nums}
.kpi span{display:block;font-size:11.5px;color:var(--muted)}
.kpi em{font-style:normal;display:block;font:700 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9A7B3A;margin-top:4px}
.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.bar input[type=search],.bar select{font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);min-width:0}
.bar input[type=search]{width:260px}
.pill{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--ink)}
.pill.on{background:var(--navy);border-color:var(--navy);color:#fff}
.pill i{font-style:normal;opacity:.65;margin-left:4px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:0 0 14px}
.card h2{font-family:var(--serif);font-size:17px;color:var(--navy);margin:0 0 10px}
.card h3{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9A7B3A;margin:14px 0 8px}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.tw{max-height:620px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
table.t{border-collapse:collapse;width:100%;font-size:12.5px;font-variant-numeric:tabular-nums}
table.t th{position:sticky;top:0;background:#F3EFE5;text-align:left;padding:7px 10px;font-weight:600;color:var(--navy);border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}
table.t td{padding:6px 10px;border-bottom:1px solid var(--line-2);vertical-align:top}
table.t td.n,table.t th.n{text-align:right;white-space:nowrap}
table.t tr.click{cursor:pointer}
table.t tr.click:hover td{background:#FBF7EC}
table.t tr.sel td{background:#F6EED9}
.st{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;background:#EEE9DD;color:var(--ink)}
.st.Active{background:#E1EEF8;color:#174A75}.st.Tracking{background:#E7F1EA;color:#2F6B4A}.st.Draft{background:#F1EEE8;color:#6A6152}
.st.Submitted{background:#FBF0D9;color:#8A6416}.st.Approved{background:#EAE6F7;color:#4B3C8C}
.st.ok{background:#E2F1E8;color:#24704A}.st.part{background:#FBF0D9;color:#8A6416}.st.bad{background:#F8E3E1;color:#9A3530}
.tier{font-size:11px;font-weight:600;white-space:nowrap}
.tier.Low{color:#2F7D5B}.tier.Moderate{color:#8A6416}.tier.High{color:#B5542C}.tier.Very{color:#A4403A}
.tag{display:inline-block;font:700 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#F3EFE5;color:#7A6330;margin-left:6px;vertical-align:middle}
.tag.crit{background:#0A2540;color:#E8D7AA}
.muted{color:var(--muted)}
.small{font-size:12px}
.prof{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px;font-size:12.5px;margin:0 0 6px}
.prof div span{display:block;color:var(--muted);font-size:11px}
.calc{border:1px solid var(--gold);background:#FFFCF5;border-radius:10px;padding:14px 16px}
.calc .res{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:10px 0}
.calc .res div{background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 10px}
.calc .res b{display:block;font-family:var(--serif);font-size:19px;color:var(--navy);font-variant-numeric:tabular-nums}
.calc .res span{font-size:11px;color:var(--muted)}
.opt{display:grid;grid-template-columns:22px minmax(0,1fr) 92px 86px 96px;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line-2);font-size:12.5px}
.opt:last-child{border-bottom:0}
.opt.head{font-weight:600;color:var(--navy);font-size:11.5px}
.opt label{cursor:pointer}
.opt .d{color:var(--muted);font-size:11.5px}
.opt .n{text-align:right;font-variant-numeric:tabular-nums}
.up{color:var(--good);font-weight:600}.down{color:var(--bad);font-weight:600}
.note{font-size:12px;padding:6px 10px;border-radius:6px;margin:4px 0;background:#F3EFE5}
.note.conflict{background:#F8E3E1;color:#7E2C27}.note.overlap{background:#FBF0D9;color:#6F5212}.note.synergy{background:#E2F1E8;color:#1F5E3E}
.chart{position:relative;height:240px}
.basis{font-size:11.5px;color:var(--muted);margin-top:8px}
.empty-s{padding:30px;text-align:center;color:var(--muted)}
.prog{height:8px;background:#EEE9DD;border-radius:99px;overflow:hidden;margin:6px 0 2px}
.prog i{display:block;height:100%;background:var(--gold)}
.proj{cursor:pointer;transition:border-color .15s}
.proj:hover,.proj.sel{border-color:var(--gold)}
.loading{padding:30px;color:var(--muted)}
@media (max-width:1100px){.split{grid-template-columns:1fr}}
@media (max-width:860px){.tabs{margin-left:6px}.pg{padding:16px 14px 50px}.bar input[type=search]{width:100%}.opt{grid-template-columns:22px minmax(0,1fr) 80px 80px}.opt .hide-s{display:none}}
#planDetail,#empDetail,#mgrDetail{position:sticky;top:12px;max-height:calc(100vh - 92px);overflow:auto;border-radius:10px}
.calc .res{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){#planDetail,#empDetail,#mgrDetail{position:static;max-height:none}}
.tabs{min-width:0;flex:1 1 auto}
.opt label{min-width:0;overflow-wrap:anywhere}
.screens,.screen,.pg{min-width:0;max-width:100%}
@media (max-width:860px){.calc .res{grid-template-columns:repeat(2,minmax(0,1fr))}.tag{white-space:normal}.top .sub{display:none}}
.app{grid-template-columns:minmax(0,1fr)}
.top{min-width:0;overflow:hidden}