/* travvel · assets/css/menu.css — AUTORIA: Fernanda Lisnik Dias (dona) · DEV: Carlos Henrique Roland */
/* ──────────────────────────────────────────────────────────
   Menu lateral PADRÃO (referência: home). Fonte única de estilo.
   Usa classes próprias `tvm-*` (não colidem com o CSS antigo das páginas).
   O markup é injetado por assets/js/menu.js (idêntico em todas as telas).
   ────────────────────────────────────────────────────────── */
.tvm-overlay{position:absolute;inset:0;border-radius:40px;z-index:200;pointer-events:none;}
.tvm-overlay.open{pointer-events:auto;}
.tvm-backdrop{position:absolute;inset:0;border-radius:40px;background:rgba(0,0,0,0.25);opacity:0;transition:opacity 240ms ease-out;}
.tvm-overlay.open .tvm-backdrop{opacity:1;}
.tvm-panel{position:absolute;top:0;right:0;bottom:0;width:82%;max-width:340px;background:linear-gradient(135deg,#F8842A 0%,#3B78EE 100%);border-radius:20px 40px 40px 20px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 240ms ease-out;}
.tvm-overlay.open .tvm-panel{transform:translateX(0);}
.tvm-top{padding:48px 24px 20px;flex:1;overflow-y:auto;}
.tvm-avatar{width:52px;height:52px;border-radius:44%/38%;background:rgba(255,255,255,0.20);border:2px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-family:'Sora',sans-serif;font-size:20px;font-weight:700;color:rgba(255,255,255,0.9);}
.tvm-name{font-family:'Sora',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:2px;}
.tvm-role{font-family:'DM Sans',sans-serif;font-size:11px;color:rgba(255,255,255,0.65);font-weight:500;}
.tvm-divider{height:1px;background:rgba(255,255,255,0.18);margin:14px 0;}
.tvm-item{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;transition:opacity 120ms;user-select:none;}
.tvm-item:active{opacity:0.6;}
.tvm-ico{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tvm-ico svg{width:15px;height:15px;display:block;}
.tvm-lbl{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:#fff;}
.tvm-foot{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.15);}
.tvm-ver{font-family:'Space Mono',monospace;font-size:10px;color:rgba(255,255,255,0.35);}
.tvm-close{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 120ms;user-select:none;}
.tvm-close:active{transform:scale(0.96);}