/* TeamVector — velocity calculator styles */
.vel-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;margin-top:8px;}
.vel-panel{background:#fff;border:1px solid var(--z200);border-radius:var(--r-2);padding:24px;box-shadow:0 24px 50px -36px rgba(11,17,32,.28);}
.vel-panel h2{font-size:var(--fs-5);font-weight:700;margin-bottom:4px;}
.vel-panel .sub{font-size:var(--fs-3);color:var(--t-muted);margin-bottom:16px;}
.vel-sprints{display:flex;flex-direction:column;gap:8px;}
.vel-row{display:flex;align-items:center;gap:8px;}
.vel-num{flex:1;font-size:var(--fs-4);color:var(--t-body);font-weight:500;}
.vel-sp{width:74px;border:1px solid var(--z200);border-radius:var(--r-1);padding:8px 8px;font-size:var(--fs-4);text-align:right;background:var(--bg);}
.vel-sp:focus{outline:none;border-color:var(--teal-400);box-shadow:0 0 0 3px rgba(20,184,166,.15);}
.vel-unit{font-size:var(--fs-2);color:var(--t-on-dark-muted);width:22px;}
.vel-del{border:none;background:transparent;color:var(--t-on-dark-muted);cursor:pointer;font-size:var(--fs-3);padding:4px 8px;border-radius:var(--r-1);}
.vel-del:hover{color:var(--t-danger);background:#FEF2F2;}
.vel-add{margin-top:16px;}
.vel-backlog-field{margin-top:24px;border-top:1px solid var(--z200);padding-top:20px;display:flex;flex-direction:column;gap:8px;}
.vel-backlog-field label{font-size:var(--fs-3);font-weight:600;color:var(--t-body);}
.vel-backlog-field input{border:1px solid var(--z200);border-radius:var(--r-1);padding:8px 12px;font:inherit;font-size:var(--fs-4);background:var(--bg);}
.vel-backlog-field input:focus{outline:none;border-color:var(--teal-400);box-shadow:0 0 0 3px rgba(20,184,166,.15);}

.vel-result{background:linear-gradient(150deg,#0E141B,#0a1320);color:var(--t-on-dark);border-radius:var(--r-2);padding:28px;position:relative;overflow:hidden;}
.vel-result .glow{position:absolute;inset:0;background:radial-gradient(60% 70% at 80% 0%,rgba(45,212,191,.18),transparent 60%);}
.vel-result .in{position:relative;}
.vel-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.vel-metric{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-1);padding:12px 16px;}
.vel-metric .k{font-size:var(--fs-1);color:var(--t-on-dark-muted);}
.vel-metric .v{font-size:var(--fs-6);font-weight:800;margin-top:4px;letter-spacing:-0.02em;}
.vel-chart{position:relative;height:150px;display:flex;align-items:flex-end;gap:8px;margin:24px 0 8px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);}
.vel-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;}
.vel-cap{font-size:var(--fs-1);color:var(--t-on-dark-muted);margin-bottom:4px;}
.vel-bar{width:100%;max-width:44px;background:linear-gradient(180deg,var(--teal-400),var(--teal-700));border-radius:var(--r-1) var(--r-1) 0 0;transition:height .3s;}
.vel-x{position:absolute;bottom:-20px;font-size:var(--fs-1);color:var(--t-muted);font-family:'JetBrains Mono',monospace;}
.vel-avgline{position:absolute;left:0;right:0;border-top:1px dashed var(--cyan);pointer-events:none;}
.vel-avgline span{position:absolute;right:0;top:-16px;font-size:var(--fs-1);color:var(--t-brand-on-dark);font-family:'JetBrains Mono',monospace;background:rgba(7,10,15,.6);padding:1px 4px;border-radius:var(--r-1);}

.vel-forecast{margin-top:24px;}
.vel-forecast h3{font-size:var(--fs-3);font-family:'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--t-brand-on-dark);margin-bottom:16px;}
.vel-fc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.vel-fc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-1);padding:16px;text-align:center;}
.vel-fc .n{font-size:var(--fs-8);font-weight:800;letter-spacing:-0.03em;}
.vel-fc .l{font-size:var(--fs-2);color:var(--t-on-dark-muted);margin-top:4px;}
.vel-fc.opt .n{color:var(--t-brand-on-dark);} .vel-fc.likely .n{color:var(--t-on-dark);} .vel-fc.pess .n{color:var(--t-warning);}
.vel-fc .u{font-size:var(--fs-2);color:var(--t-muted);margin-top:2px;}

@media(max-width:880px){.vel-grid{grid-template-columns:1fr;}.vel-metrics{grid-template-columns:1fr 1fr;}}
