/* Floating bottom bar: space from the phone edges, a bit taller, bigger icons */
nav{bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:calc(100% - 24px)!important;max-width:calc(var(--aw,430px) - 24px)!important;padding:5px!important;border:1px solid var(--line)!important;border-radius:22px!important;background:var(--card);box-shadow:0 6px 24px rgba(20,24,30,.14);box-sizing:border-box;overflow:visible!important}
nav button{flex:1 1 0!important;width:auto!important;flex-direction:column!important;justify-content:center;gap:3px!important;padding:8px 0 7px!important;font-size:12px!important;border-radius:16px;font-weight:600}
nav button span{font-size:0;line-height:0}
nav button span svg{width:26px;height:26px}
nav button.on{background:rgba(43,106,140,.10);font-weight:800}
nav button .xnb{top:4px!important;left:calc(50% + 6px)!important}
body.phn nav{background:rgba(40,34,80,.42)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 8px 28px rgba(0,0,0,.25)}
body.phn nav button.on{background:rgba(255,255,255,.12)}
main{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
body.phn main{padding-bottom:0!important}
.xcomp{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;border:1px solid var(--line)!important;border-radius:18px;width:calc(100% - 24px)!important;max-width:calc(var(--aw,430px) - 24px)!important;box-shadow:0 4px 16px rgba(20,24,30,.08)}
.xmsgs{padding-bottom:150px!important}
body.phn .pgdt{margin:4px 0 calc(98px + env(safe-area-inset-bottom,0px))!important}
.act:has(a[href*="wa.me"]){gap:8px}
.act:has(a[href*="wa.me"]) a{flex:1 1 0!important;min-width:0;padding:10px 6px!important;white-space:nowrap;font-size:15px!important}
.plist{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:6px}
.prow{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:11px 14px;text-align:left;font:inherit;color:var(--ink)}
.prow:last-child{border-bottom:0}
.pic2{width:34px;height:34px;border-radius:10px;background:#1f3645;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.pm{flex:1;min-width:0}.pm b{display:block;font-size:16px}.pm span{display:block;font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pch{font-size:22px;color:var(--mut)}
.psec{font-size:12.5px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;margin:16px 0 8px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ptile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.pti{font-size:24px;line-height:1;margin-bottom:4px}
.ptile b{font-size:15.5px}.ptile .mut{font-size:12.5px;line-height:1.35;flex:1}
.ptile .gold{margin-top:8px;padding:9px 6px;font-size:14px;border-radius:10px;width:100%}
.padm{display:block;margin:14px auto 0;background:none;border:0;font:inherit;font-size:13.5px;color:var(--mut);text-decoration:underline}
.padm span{font-size:12px}
/* Smaller floating bar with clear space around it */
nav{width:auto!important;max-width:none!important;padding:4px!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;border-radius:20px!important;gap:2px}
nav button{flex:none!important;width:70px!important;padding:6px 0 5px!important;font-size:11px!important;gap:2px!important;border-radius:15px}
nav button span svg{width:23px;height:23px}
body.phn nav{width:auto!important;max-width:none!important}
.xcomp{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
