/* Salão Benefícios — app do salão: visual V2. Carregado depois do sa.css. */
:root{--bg:#FBF5F7;--line:#EEDDE4;--act:#C42E6B;--wine:#2A0616;--wine2:#4A0E2A;--nav-h:80px}
body,#app,.view{background:var(--bg)}
.top,.btop{background:rgba(251,245,247,.9)}
.btn.pri{background:linear-gradient(135deg,#E9558F,#B92A63);box-shadow:0 14px 26px -14px rgba(185,42,99,.85)}

/* barra flutuante + botão + */
.nav{left:12px;right:12px;bottom:calc(var(--bottom) + 12px);padding:8px 6px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px -10px rgba(58,10,32,.22);align-items:center}
.nav.hide{transform:translateY(160%)}
.nav button[aria-current="page"]{color:var(--act)}
.v2-fab{position:fixed;z-index:21;right:18px;bottom:calc(var(--bottom) + 104px);width:58px;height:58px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#E9558F,#B92A63);box-shadow:0 14px 28px -10px rgba(185,42,99,.75);transition:transform .2s cubic-bezier(.3,1.5,.5,1),opacity .2s}
.v2-fab .ic{width:26px;height:26px;stroke-width:2.2}
.v2-fab:active{transform:scale(.92)}
.v2-fab[hidden]{display:none}

/* topo do Hoje */
.v2-top{gap:12px;padding-left:18px;padding-right:12px}
.v2-av{width:44px;height:44px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#F3D9E3;color:#8E1F4C;font-weight:600;flex:none}
.v2-av img{width:100%;height:100%;object-fit:cover}
.v2-tt{flex:1;min-width:0;line-height:1.25}
.v2-tt small{display:block;font-size:12px;color:var(--ink2)}
.v2-tt b{display:block;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* herói */
.v2-hero{border-radius:24px;padding:18px;color:#fff;background:linear-gradient(135deg,var(--wine2) 0%,var(--wine) 60%,#1B040E 100%);box-shadow:0 16px 32px -12px rgba(58,10,32,.45);position:relative;overflow:hidden;animation:v-in-fade .45s ease backwards}
.v2-hero::after{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,150,195,.3);pointer-events:none}
.v2-hero .r1{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.v2-hero .r1 small{font-size:12px;color:#F7CFDD}
.v2-hero .r1 b{display:block;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.v2-pill{padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:600;white-space:nowrap}
.v2-bar{margin-top:12px;height:6px;border-radius:6px;background:rgba(255,255,255,.16);overflow:hidden}
.v2-bar i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#E9558F,#FFC2DA);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.v2-meta{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#F7CFDD}
.v2-meta.set{margin-top:12px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-weight:500}
.v2-k3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.v2-k3>div{border-radius:14px;background:rgba(255,255,255,.08);padding:10px}
.v2-k3 b{display:block;font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-k3 small{display:block;font-size:11px;color:#F7CFDD;line-height:1.3}
.v2-k3.light{margin-top:0}
.v2-k3.light>div{background:#fff;border:1px solid var(--line)}
.v2-k3.light small{color:var(--ink2)}

/* alertas */
.v2-alert{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.v2-alert .ai{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:#FBEAF0;color:var(--act)}
.v2-alert .ai.warn{background:#FFF3DC;color:#8A5A00}
.v2-alert .ai.lia{background:var(--wine);color:#FFC2DA}
.v2-alert .tx{flex:1;min-width:0}
.v2-alert b{display:block;font-size:14px;font-weight:600}
.v2-alert small{display:block;font-size:12px;color:var(--ink2)}
.v2-alert .cta{height:40px;padding:0 14px;border-radius:12px;background:var(--act);color:#fff;font-weight:600;font-size:13px;display:grid;place-items:center;flex:none}

/* atalhos */
.v2-qa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v2-qa button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--ink)}
.v2-qa .qi{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--act);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}
.v2-qa .qi.dark{background:var(--wine);border-color:var(--wine);color:#FFC2DA}
.v2-qa button:active .qi{transform:scale(.9)}

/* agora e a seguir */
.v2-next{display:flex;flex-direction:column;gap:8px}
.v2-ag{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 10px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.v2-ag.now{border:2px solid #E9558F;box-shadow:0 10px 24px -14px rgba(233,85,143,.7)}
.v2-ag .m{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left}
.v2-ag .hr{width:50px;text-align:center;flex:none}
.v2-ag .hr b{display:block;font-size:15px;font-weight:700}
.v2-ag .hr small{display:block;font-size:10.5px;font-weight:700;color:var(--act);letter-spacing:.06em}
.v2-ag .bar{width:3px;align-self:stretch;border-radius:3px;flex:none}
.v2-ag .tx{flex:1;min-width:0}
.v2-ag .tx b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-ag .tx small{display:block;font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-ag .chip,.v2-ag .btn{flex:none}

/* agenda da equipe */
.v2-team{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px}
.v2-team .hd b{display:block;font-size:15px;font-weight:600}
.v2-team .hd small{display:block;font-size:12px;color:var(--ink2)}
.v2-team .heads{display:grid;gap:6px;margin-top:12px;align-items:center}
.v2-team .ph{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-team .ph i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-style:normal;flex:none}
.v2-team .grid{position:relative;display:grid;gap:6px;margin-top:10px}
.v2-team .hrs{position:relative;font-size:11px;color:var(--ink2)}
.v2-team .hrs span{position:absolute;left:0;transform:translateY(-6px)}
.v2-team .col{position:relative;border-left:1px solid var(--line)}
.v2-team .blk{position:absolute;left:3px;right:0;border-radius:12px;padding:5px 7px;text-align:left;overflow:hidden;background:color-mix(in srgb,var(--c) 14%,#fff);border-left:3px solid var(--c)}
.v2-team .blk b{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-team .blk small{display:block;font-size:10.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-team .blk.wait{border-left-style:dashed}
.v2-team .blk.done{opacity:.55}
.v2-team .now{position:absolute;left:30px;right:0;height:2px;background:#E9558F;pointer-events:none}
.v2-team .now::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:#E9558F}

/* ficha da cliente */
.v2-cli{position:relative;margin:0 -18px}
.v2-cli .cover{height:96px;background:linear-gradient(135deg,var(--wine2),var(--wine) 60%,#1B040E)}
.v2-cli .prof{margin:-60px 18px 0;position:relative;box-shadow:0 12px 28px -12px rgba(58,10,32,.25)}
.v2-cli .r{display:flex;gap:14px;align-items:center}
.v2-cli .av{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;flex:none;color:#fff;font-size:22px;font-weight:600;background:linear-gradient(135deg,#F7C5D8,#E9558F)}
.v2-cli .tx{flex:1;min-width:0}
.v2-cli .tx b{display:block;font-size:18px;font-weight:600}
.v2-cli .tx small{display:block;font-size:12px;color:var(--ink2)}
.v2-cli .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.v2-cli .tg{padding:3px 9px;border-radius:999px;background:#F6ECF0;color:var(--ink2);font-size:11px;font-weight:600}
.v2-cli .tg.dark{background:var(--wine);color:#fff}
.v2-cli .tg.gold{background:#FBF0DD;color:#7A5200}
.v2-cli .acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.v2-cli .acts:has(> :only-child){grid-template-columns:1fr}
.v2-cli .a{height:64px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600}
.v2-cli .a.g{background:#E6F6EE;color:#1E7A50}.v2-cli .a.p{background:#FBEAF0;color:#A8255B}.v2-cli .a.o{background:#FBF0DD;color:#7A5200}.v2-cli .a.v{background:#EFE3F4;color:#5E2A70}
.v2-warn{display:flex;align-items:center;gap:10px;padding:14px;border-radius:18px;background:#FFF6E6;border:1px solid #F3DDB0;color:#5C3D00;font-size:13px}
.v2-warn span{flex:1}.v2-warn b{font-weight:600}
.v2-warn .btn{background:var(--wine);color:#fff;flex:none}
.v2-prefs{display:flex;flex-wrap:wrap;gap:6px}
.v2-prefs span,.v2-prefs button{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px}
.v2-prefs button{background:#FBEAF0;border:1px dashed #E3A9C0;color:#A8255B;font-weight:500}

/* catálogo digital (Minha vitrine) */
.v2-cat{border-radius:22px;padding:18px;color:#fff;background:radial-gradient(90% 80% at 100% 0%,rgba(233,85,143,.35),transparent 60%),linear-gradient(135deg,var(--wine2),var(--wine) 60%,#1B040E);box-shadow:0 16px 32px -14px rgba(58,10,32,.5)}
.v2-cat .ey{font-size:10.5px;font-weight:600;letter-spacing:.24em;color:#F3D58E}
.v2-cat h2{margin-top:4px;font:italic 600 24px/1.15 var(--f-brand,Georgia,serif);color:#fff}
.v2-cat p{margin-top:6px;font-size:13px;color:#F7CFDD}
.v2-cat p b{color:#fff;font-weight:600}
.v2-cat .url{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2-cat .bt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.v2-cat .bt>*{height:52px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.v2-cat .bt .wa{background:#1FAF5A;border-color:#1FAF5A}
.v2-cat .tm{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:12.5px;color:#F7CFDD}
.v2-cat .sw{display:flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.v2-cat .sw button{height:32px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:600;color:#F7CFDD}
.v2-cat .sw button[aria-pressed="true"]{background:#fff;color:#2A0616}
.v2-cat .sw button[data-t="escuro"][aria-pressed="true"]{background:linear-gradient(110deg,#B98A3E,#E9C98B 50%,#B98A3E);color:#1A0610}