/* FENIX Vita V4.6 — compact home entry, single guided control overlay. */
.vi-card{background:linear-gradient(135deg,#13231a,#0e1914);border:1px solid #3d6146;border-radius:17px;padding:16px;margin:16px 0;color:#f3f7ef}
.vi-card h2{font:normal 24px/1.14 Georgia,serif;margin:7px 0 8px;color:#f5f5ee}
.vi-card p{color:#bed0bf;font-size:13px;line-height:1.55;margin:0 0 14px}
.vi-card strong{font-weight:650;color:#e9f3e6}
.vi-small{font-size:10px;letter-spacing:.15em;color:#b6d9a9;font-weight:800;text-transform:uppercase;line-height:1.6}
.vi-main,.vi-refresh{background:#b6d9a9;color:#152219;border:0;border-radius:11px;min-height:46px;padding:11px 14px;font-weight:750;width:100%;cursor:pointer;font-size:14px}
.vi-main span{float:right}
.vi-dialog[hidden]{display:none!important}
.vi-dialog{position:fixed;inset:0;z-index:99990;background:rgba(1,7,5,.88);display:flex;justify-content:center;align-items:stretch;color:#eaf1e7}
.vi-shell{background:#0d1712;max-width:520px;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;min-width:0;overscroll-behavior:contain}
.vi-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 17px 13px;border-bottom:1px solid #34523c;flex:none}
.vi-head h2{font:normal 26px/1.12 Georgia,serif;margin:3px 0;color:#f6f5ed}
.vi-head p{color:#a9bdae;font-size:12px;margin:3px 0 0}
.vi-close{flex:none;width:43px;height:43px;border-radius:50%;border:1px solid #56745a;background:#1b2f22;color:#fff;font-size:26px;cursor:pointer}
.vi-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:9px 12px 7px;border-bottom:1px solid #2e4935;flex:none}
.vi-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#aabeb0;font-size:12px;font-weight:650;padding:12px 2px;cursor:pointer}
.vi-tabs button[aria-selected="true"]{color:#c4e9b8;border-bottom-color:#b6d9a9}
.vi-body{padding:14px 16px 22px;min-height:0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.vi-status{font-size:12px;line-height:1.45;color:#b8d5b4;margin:0 0 12px}
.vi-panel{border:1px solid #385642;border-radius:16px;padding:16px;background:#13221a;margin-bottom:13px}
.vi-panel h3{font:normal 23px/1.2 Georgia,serif;margin:0 0 8px;color:#f7f5ef}
.vi-panel h4{font-size:14px;color:#e5f1e3;margin:15px 0 6px}
.vi-panel p{font-size:13px;line-height:1.55;margin:8px 0;color:#d3dfd2}
.vi-panel .vi-muted{color:#b6c9b8}
.vi-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.vi-stat{border:1px solid #355340;background:#101c16;border-radius:11px;padding:12px 10px;min-width:0}
.vi-stat strong{display:block;font-size:17px;color:#e2eed9;overflow-wrap:anywhere;line-height:1.25;margin-bottom:5px}
.vi-stat span{display:block;color:#a6bbab;font-size:11px;line-height:1.4}
.vi-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.vi-filter{border:1px solid #45624c;border-radius:50px;background:#15271b;color:#c8d8c7;padding:9px 12px;font-size:12px;min-height:40px}
.vi-filter.active{color:#152219;background:#b6d9a9;border-color:#b6d9a9}
.vi-session{border:1px solid #395642;border-radius:12px;background:#0e1b14;margin:9px 0;padding:13px}
.vi-session strong{display:block;color:#f4f5ee;font-size:15px;margin-bottom:5px;overflow-wrap:anywhere}
.vi-session p{color:#bfd1bf;font-size:12px;margin:5px 0}
.vi-session small{font-size:11px;color:#8fa493;display:block;margin-top:8px}
.vi-pill{display:inline-block;border-radius:30px;padding:5px 9px;font-size:11px;line-height:1.2;color:#cbdacf;background:#233a2b;border:1px solid #46674d;margin-top:8px;margin-right:5px}
.vi-pill.warn{color:#ffe0ac;background:#453724;border-color:#806138}
.vi-flag{font-size:11px;color:#ffdaa9;margin-top:6px;line-height:1.4}
.vi-empty,.vi-advice{padding:12px 13px;margin:12px 0;border-radius:11px;background:#192b20;border:1px solid #48614b;color:#c7d6c6;font-size:12px;line-height:1.6}
.vi-advice strong{color:#f3f4e8;display:block}
.vi-advice p{margin:5px 0!important}
.vi-summary{font-weight:700;color:#dcebd8!important}
.vi-secondary,.vi-tertiary{margin-top:9px;border-radius:10px;min-height:43px;padding:10px 12px;width:100%;cursor:pointer;font-size:13px;font-weight:650}
.vi-secondary{border:1px solid #799779;background:#24442d;color:#e5f2df}
.vi-tertiary{border:1px solid #42644a;background:transparent;color:#bad7b4}
.vi-link{display:block;color:#c3e5bb;text-decoration:underline;text-underline-offset:3px;font-size:13px;margin-top:12px}
.vi-panel .vi-tiny{color:#91a794;font-size:11px;line-height:1.55;margin-top:15px}
.vi-foot{flex:none;border-top:1px solid #2e4935;padding:11px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#0d1712}
.vi-foot span{display:block;text-align:center;color:#91a693;font-size:10px;margin-top:7px}
.vi-refresh:disabled{opacity:.65}
@media(max-width:340px){.vi-stats{grid-template-columns:1fr 1fr}.vi-tabs button{font-size:11px}.vi-head h2{font-size:22px}.vi-panel{padding:13px}.vi-dialog .vi-small{font-size:9px}}

/* V47: five clearly visible tabs including recorded Aequilibrium practices */
.vi-tabs{grid-template-columns:repeat(5,minmax(0,1fr));padding-left:7px;padding-right:7px;gap:1px}
.vi-tabs button{font-size:11px;white-space:nowrap;padding-left:0;padding-right:0;min-width:0}
@media(max-width:345px){.vi-tabs button{font-size:10px}}