:root{--red:#ef0033;--red2:#ff2b63;--pink:#ff0a58;--dark:#07080c;--card:#fff;--muted:#7d808a;--line:#eceef3;--soft:#f7f7fa;--shadow:0 18px 45px rgba(9,10,20,.10)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}a,button,.btn,input,select,textarea,.icon-btn,.material-symbols-rounded,[role="button"]{-webkit-tap-highlight-color:transparent;outline:none!important}a:focus,button:focus,.btn:focus,input:focus,select:focus,textarea:focus,.icon-btn:focus,[role="button"]:focus{outline:none!important;box-shadow:none!important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;color:#111;background:#fff}a{text-decoration:none;color:inherit}button,.btn{border:0;border-radius:16px;padding:15px 22px;background:linear-gradient(135deg,var(--red),#ff174f);color:#fff;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 22px rgba(239,0,51,.22)}button.secondary,.btn.secondary{background:#fff;color:var(--red);border:1px solid #e8e8ee;box-shadow:none}.phone-body{min-height:100vh;background:#f4f4f6}.phone{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:#fff;position:relative;overflow:hidden}.phone.dark{background:#050507;color:#fff}.status{height:38px;display:flex;align-items:end;justify-content:space-between;padding:0 25px 5px;font-weight:800;font-size:15px;letter-spacing:.3px}.ios{display:flex;gap:6px;align-items:center}.ios span{display:block;background:#111}.dark .ios span{background:#fff}.sig{width:18px;height:12px;border-radius:2px}.wifi{width:16px;height:12px;border-radius:8px 8px 3px 3px}.bat{width:25px;height:12px;border-radius:3px;border:2px solid currentColor;background:transparent!important}.pad{padding:0 17px 110px}.logo{font-size:29px;font-weight:1000;letter-spacing:-2px}.logo b{color:var(--red)}.top{display:flex;align-items:center;justify-content:space-between;padding:19px 18px 12px}.icon-btn{width:43px;height:43px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eee;box-shadow:var(--shadow);font-size:22px;color:#111}.tabs{display:flex;gap:36px;padding:12px 18px 14px;font-size:18px;color:#4d4e54}.tabs a.active{color:var(--red);font-weight:800;position:relative}.tabs a.active:after{content:'';position:absolute;left:0;bottom:-12px;width:66px;height:3px;border-radius:3px;background:var(--red)}.search-row{display:flex;gap:10px;padding:12px 16px 20px}.search{height:56px;border:1px solid #e4e5eb;border-radius:17px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#9a9da5;font-size:16px;flex:1;background:#fff}.filter{width:56px;height:56px;border-radius:17px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:12px 17px 15px}.section-title h2{font-size:22px;margin:0}.section-title a{color:var(--red);font-weight:700}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}.live-card{height:214px;border-radius:14px;overflow:hidden;position:relative;background:#222;box-shadow:var(--shadow)}.live-card img{width:100%;height:100%;object-fit:cover}.badge-live{position:absolute;top:10px;left:9px;background:var(--red);color:white;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:900}.view-badge{position:absolute;top:10px;right:9px;background:rgba(0,0,0,.68);color:#fff;border-radius:20px;padding:6px 9px;font-size:12px;font-weight:800}.card-info{position:absolute;bottom:0;left:0;right:0;padding:35px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.84));color:white}.mini-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--red);vertical-align:middle;margin-right:6px}.chip{display:inline-block;background:var(--red);color:#fff;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:800;margin-top:5px}.stories{display:flex;gap:16px;overflow:auto;padding:0 16px 16px}.story{text-align:center;min-width:66px}.story img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid var(--red)}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:430px;height:82px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:22px 22px 0 0;box-shadow:0 -10px 35px rgba(0,0,0,.12);display:flex;justify-content:space-around;align-items:center;z-index:20}.bottom-nav a{font-size:12px;color:#666;text-align:center}.bottom-nav i{display:block;font-style:normal;font-size:25px;margin-bottom:4px}.bottom-nav a.active{color:var(--red);font-weight:800}.bottom-nav .go-live{width:62px;height:62px;border-radius:50%;background:var(--red);color:white;display:flex;align-items:center;justify-content:center;margin-top:-26px;font-size:25px}.auth-bg{background:#fff;min-height:100vh;position:relative;overflow:hidden}.auth-bg:before,.auth-bg:after{content:'';position:absolute;width:120%;height:150px;background:rgba(239,0,51,.07);border-radius:50%;left:-10%;transform:rotate(-8deg)}.auth-bg:before{top:45px}.auth-bg:after{bottom:35px}.auth-content{position:relative;z-index:1;padding:80px 24px 40px}.auth-logo{text-align:center;font-size:43px;font-weight:1000;letter-spacing:-3px;margin:10px 0}.auth-logo b{color:var(--red)}.subtitle{text-align:center;color:#6c707a;font-size:18px;line-height:1.45;margin-bottom:42px}.form-card{background:rgba(255,255,255,.92);border-radius:25px;padding:27px 20px;box-shadow:var(--shadow);border:1px solid rgba(240,240,245,.9)}.form-card h1{text-align:center;font-size:25px;margin:0}.form-card p{text-align:center;color:#747680;margin:8px 0 22px}.field{margin:16px 0}.field label{display:block;font-weight:800;margin-bottom:8px}.input{width:100%;height:55px;border:1px solid #e1e3ea;border-radius:12px;padding:0 15px;font-size:16px;background:#fff}.textarea{height:96px;padding:14px;resize:vertical}.link-red{color:var(--red);font-weight:800}.divider{display:flex;align-items:center;gap:14px;color:#8b8e96;margin:22px 0}.divider:before,.divider:after{content:'';height:1px;background:#e6e7ec;flex:1}.social-btn{width:100%;height:54px;background:#fff;color:#111;border:1px solid #e4e5eb;border-radius:13px;box-shadow:none;margin-bottom:10px}.profile-head{padding:5px 18px 0}.profile-row{display:flex;gap:18px;align-items:center}.avatar-lg{width:116px;height:116px;border-radius:50%;object-fit:cover;border:4px solid white;outline:3px solid var(--red)}.profile-row h1{font-size:26px;margin:0 0 4px}.muted{color:#777b85}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 16px;padding:15px 0;border-radius:15px;background:#fff;box-shadow:var(--shadow);text-align:center}.stats b{font-size:20px}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding:0 16px}.actions .btn{padding:13px 6px;font-size:14px}.profile-tabs{display:flex;justify-content:space-around;padding:24px 16px 15px;color:#565960;font-weight:700}.profile-tabs .active{color:var(--red);border-bottom:3px solid var(--red);padding-bottom:12px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 16px}.media-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px}.fans-box{margin:22px 16px;padding:32px 18px;border-radius:10px;background:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.58)),url('uploads/media_6a44417da68a17.89891289.png') center/cover;color:white;text-align:center}.edit-avatar{text-align:center;margin:18px 0}.edit-avatar img{width:128px;height:128px;border-radius:50%;object-fit:cover;border:4px solid white;outline:3px solid var(--red)}.live-view{height:100vh;background:#080608;color:#fff;position:relative;overflow:hidden}.live-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72);}.live-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 35%,rgba(0,0,0,.65) 75%,#050505)}.live-ui{position:relative;z-index:2;height:100%;padding:44px 16px 0}.live-top{display:flex;justify-content:space-between;align-items:start}.host-pill{display:flex;gap:8px;align-items:center}.host-pill img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid var(--red)}.follow-btn{padding:10px 15px;border-radius:15px;font-size:14px}.right-actions{position:absolute;right:14px;top:360px;display:flex;flex-direction:column;gap:16px;text-align:center}.action-circle{width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;font-size:25px}.chat-live{position:absolute;left:16px;bottom:205px;width:275px}.chat-row{display:flex;gap:8px;margin:8px 0;background:rgba(0,0,0,.25);border-radius:20px;padding:5px}.chat-row img{width:35px;height:35px;border-radius:50%;object-fit:cover}.comment-box{position:absolute;left:16px;bottom:166px;width:calc(100% - 32px);max-width:398px;height:42px;border-radius:22px;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;color:#ddd}

.comment-box input[type="hidden"]{display:none}

.comment-box input[name="message"]{flex:1 1 auto;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px;font-family:inherit}

.comment-box input[name="message"]::placeholder{color:#aaa}

.comment-box button{flex:0 0 32px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer;border-radius:50%;transition:background .15s ease}

.comment-box button:hover{background:rgba(255,255,255,.1)}

.comment-box button:active{background:rgba(255,255,255,.2)}.gift-tray{position:absolute;left:0;right:0;bottom:0;background:rgba(12,12,15,.93);backdrop-filter:blur(18px);border-radius:22px 22px 0 0;padding:16px}.gift-items{display:flex;justify-content:space-between;text-align:center}.gift-emoji{font-size:36px}.creator-panel{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.96) 20%);padding:180px 12px 14px}.dark-card{background:rgba(16,17,21,.88);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:14px;margin-bottom:10px}.received{display:flex;gap:16px;overflow:auto}.received div{text-align:center;min-width:64px}.received img{width:45px;height:45px;border-radius:50%;object-fit:cover}.dm-layout{display:grid;grid-template-columns:38% 62%;height:calc(100vh - 85px);border-top:1px solid #eee}.dm-list{border-right:1px solid #eee;overflow:auto}.dm-contact{display:flex;gap:10px;padding:14px;border-bottom:1px solid #eee}.dm-contact img{width:50px;height:50px;border-radius:50%;object-fit:cover}.chat-pane{display:flex;flex-direction:column}.chat-head{height:68px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px;padding:0 15px}.chat-body{flex:1;overflow:auto;padding:20px}.bubble{max-width:75%;padding:12px 14px;border-radius:18px;margin:10px 0;background:#f0f1f4}.bubble.me{margin-left:auto;background:var(--red);color:white}.chat-input{height:64px;border-top:1px solid #eee;display:flex;gap:8px;align-items:center;padding:0 12px}.wallet-head{margin:15px 16px;padding:25px;border-radius:18px;background:linear-gradient(135deg,#15161d,#401020);color:#fff}.coin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px}.coin-card{background:#15161b;color:white;border-radius:14px;padding:12px;text-align:center;border:1px solid rgba(255,255,255,.08)}.coin-card .coin{font-size:36px}.pay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 25px}.admin-body{background:#090d14;color:white}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-side{border-right:1px solid rgba(255,255,255,.08);padding:24px 18px;background:#080b12}.admin-menu a{display:flex;gap:12px;padding:13px;border-radius:10px;color:#eee;margin:5px 0}.admin-menu a.active{background:linear-gradient(135deg,var(--red),var(--red2));font-weight:800}.admin-main{padding:28px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-search{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px 18px;color:#aaa;width:300px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi,.admin-card{background:linear-gradient(180deg,#151922,#0f131a);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;box-shadow:0 15px 35px rgba(0,0,0,.22)}.kpi b{display:block;font-size:22px;margin-top:8px}.admin-grid{display:grid;grid-template-columns:2fr 1.2fr;gap:14px;margin-top:14px}.chart{height:260px;display:flex;align-items:end;gap:16px;border-bottom:1px solid rgba(255,255,255,.15);padding:15px}.bar{flex:1;border-radius:8px 8px 0 0;background:linear-gradient(var(--red2),#7226ff)}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:11px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.ok{color:#47dc74}.danger{color:var(--red2)}@media (min-width:431px){.phone-body{background:#e9eaee}.phone{box-shadow:0 0 0 1px #ddd,0 20px 80px rgba(0,0,0,.16)}}@media (max-width:760px){.admin-shell{display:block}.admin-side{position:relative}.admin-main{padding:16px}.kpis{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-search{width:100%}.dm-layout{grid-template-columns:1fr}.dm-list{display:none}.phone:not(.dark) .pad{padding-bottom:100px}} 

/* LIVE HUB ajuste final: remove barra falsa do celular e usa Material Symbols */
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:24px;line-height:1;display:inline-flex;vertical-align:middle;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;align-items:center;justify-content:center}.status{display:none!important}.phone{min-height:100vh;max-width:430px;margin:0 auto;background:#fff;position:relative;overflow:hidden}.phone.dark{background:#050507;color:#fff}.top.app-top{padding:28px 18px 12px;align-items:center}.top-icons{display:flex;gap:16px;align-items:center}.top-icons a,.top-icons span{color:#111;text-decoration:none}.dark .top-icons a,.dark .top-icons span{color:#fff}.logo{font-weight:1000;font-size:34px;letter-spacing:-2px;color:#050505}.logo b{color:var(--red)}.tabs{display:flex;gap:38px;padding:12px 18px 18px;font-size:22px;font-weight:700;color:#555}.tabs a.active{color:var(--red);border-bottom:4px solid var(--red);padding-bottom:10px}.pad{padding:0 16px 110px}.search-row{display:grid;grid-template-columns:1fr 56px;gap:10px;align-items:center;margin-bottom:25px}.search{height:54px;border:1px solid #e3e5ea;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 15px;color:#9ca0aa;background:#fff;font-size:16px}.square-btn{height:56px;width:56px;padding:0;border-radius:14px;display:flex;align-items:center;justify-content:center}.start-live-card{background:#fff;border:1px solid #eee;border-radius:20px;padding:15px;margin-bottom:25px;box-shadow:0 12px 35px rgba(20,20,30,.08);display:grid;gap:10px}.start-live-card b{display:flex;align-items:center;gap:8px;font-size:18px}.start-live-card small{display:block;color:#777;margin-top:3px}.upload-cover{border:1px dashed var(--red);color:var(--red);height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.start-live-card button{height:48px;display:flex;align-items:center;justify-content:center;gap:6px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 14px}.section-title h2{font-size:22px;margin:0;display:flex;gap:8px;align-items:center}.section-title a{color:var(--red);display:flex;align-items:center;font-weight:800}.red{color:var(--red)}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-card{position:relative;display:block;height:235px;border-radius:14px;overflow:hidden;background:#111;color:#fff;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.12)}.live-card>img{width:100%;height:100%;object-fit:cover;filter:brightness(.9)}.badge-live{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;padding:7px 10px;border-radius:7px;font-weight:900;font-size:12px}.view-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.65);border-radius:20px;padding:6px 9px;font-size:12px;display:flex;gap:3px;align-items:center}.view-badge .material-symbols-rounded{font-size:16px}.live-info{position:absolute;left:0;right:0;bottom:0;padding:38px 10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.82));display:flex;gap:8px;align-items:end}.live-info img{width:42px;height:42px;border-radius:50%;border:2px solid var(--red);object-fit:cover}.live-info b{font-size:15px}.live-info span{font-size:13px}.live-info em{display:inline-block;margin-top:5px;background:var(--red);padding:4px 10px;border-radius:12px;font-style:normal;font-size:11px;font-weight:800}.stories-row{display:flex;gap:14px;overflow:auto;padding:5px 0 20px}.stories-row a{min-width:72px;text-align:center;color:#111;text-decoration:none}.stories-row img{width:68px;height:68px;border-radius:50%;border:3px solid var(--red);object-fit:cover}.stories-row span{display:block;background:var(--red);color:#fff;border-radius:5px;margin-top:-10px;font-size:10px;font-weight:900;position:relative}.stories-row b{font-size:13px}.stories-row small{display:flex;align-items:center;justify-content:center;color:#777;font-size:11px}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(430px,100vw);height:82px;background:rgba(255,255,255,.96);border-radius:22px 22px 0 0;box-shadow:0 -6px 30px rgba(0,0,0,.12);display:grid;grid-template-columns:1fr 1fr 76px 1fr 1fr;align-items:center;text-align:center;z-index:50}.bottom-nav a{font-size:12px;color:#6b6d75;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav a.active{color:var(--red);font-weight:800}.bottom-nav .go-live,.go-live{width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;border:0;display:flex;align-items:center;justify-content:center;margin:auto;box-shadow:0 10px 25px rgba(245,0,45,.3)}.bottom-nav .go-live span{font-size:32px;color:#fff}.page-title{padding:0 18px;margin:8px 0 18px;font-size:31px}.filter-row{display:flex;gap:10px;margin:14px 0}.filter-row button{height:38px;padding:0 16px}.conversation-list{background:#fff}.conversation{display:grid;grid-template-columns:58px 1fr 44px;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f4;color:#111;text-decoration:none;position:relative}.conversation .avatar-wrap{position:relative}.conversation img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--red)}.conversation .avatar-wrap span{position:absolute;right:4px;bottom:2px;width:12px;height:12px;border-radius:50%;background:#25d334;border:2px solid #fff}.conversation p{margin:4px 0 0;color:#7b808a}.conversation time{color:#999;font-size:12px}.conversation em{position:absolute;right:4px;bottom:20px;background:var(--red);color:#fff;border-radius:50%;width:22px;height:22px;text-align:center;line-height:22px;font-style:normal;font-size:12px;font-weight:900}.chat-screen{height:100vh;display:flex;flex-direction:column}.chat-head{height:78px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff}.chat-head a{color:#111;text-decoration:none}.chat-head span{color:#111}.chat-head .push-right{margin-left:auto}.chat-head b{font-size:17px}.chat-head span:not(.material-symbols-rounded){color:#777;font-size:12px}.mini-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--red)}.only-chat{flex:1;overflow:auto;background:#fff;padding:18px}.date-pill{margin:0 auto 15px;background:#f0f1f3;color:#777;border-radius:18px;width:max-content;padding:6px 16px}.bubble{max-width:78%;width:max-content;background:#f2f3f5;border-radius:18px 18px 18px 5px;padding:12px 14px;margin:12px 0;color:#111}.bubble.me{margin-left:auto;background:var(--red);color:#fff;border-radius:18px 18px 5px 18px}.bubble small{display:block;text-align:right;opacity:.75;margin-top:4px;font-size:11px}.chat-input{height:68px;border-top:1px solid #eee;display:grid;grid-template-columns:34px 1fr 34px 34px;gap:8px;align-items:center;padding:0 12px;background:#fff}.chat-input .input{height:42px;border-radius:22px}.chat-input button,.chat-input label{background:transparent;color:var(--red);box-shadow:none;padding:0;border:0}.chat-input .mic{color:var(--red)}
/* Live vertical */.live-phone{max-width:430px}.live-view{height:100vh;background:#050505;color:#fff;position:relative;overflow:hidden}.live-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.12)}.live-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 28%,rgba(0,0,0,.28) 54%,rgba(0,0,0,.88) 100%)}.live-ui{position:relative;z-index:2;height:100%;padding:28px 16px 0}.live-top{display:flex;justify-content:space-between;align-items:flex-start}.host-area{display:flex;align-items:center;gap:9px}.host-area img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--red)}.host-area b{font-size:18px}.host-area span{font-size:14px;opacity:.9}.follow-btn{height:36px;border-radius:16px;padding:0 14px;font-size:14px;display:flex;align-items:center;gap:4px;margin-left:5px}.close-live{font-size:42px;color:#fff;text-decoration:none}.live-status{position:absolute;left:16px;top:96px;display:flex;background:rgba(0,0,0,.56);border-radius:12px;overflow:hidden}.live-status b,.live-status em{padding:11px 14px;font-style:normal}.live-status b{font-size:18px}.live-status b span{display:inline-block;width:12px;height:12px;background:var(--red);border-radius:50%;margin-right:6px}.viewer-pill{position:absolute;left:16px;top:145px;background:rgba(0,0,0,.56);border-radius:22px;padding:8px 14px;display:flex;align-items:center;gap:6px}.viewer-top-right{position:absolute;right:16px;top:92px}.viewer-avatars{display:flex;align-items:center;justify-content:flex-end;margin-bottom:10px}.viewer-avatars img{width:34px;height:34px;border-radius:50%;border:2px solid #fff;margin-left:-8px}.viewer-avatars b{background:rgba(0,0,0,.55);border-radius:18px;padding:7px 10px;margin-left:5px}.challenge{background:linear-gradient(135deg,var(--red),#b01055);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px rgba(245,0,45,.24)}.right-actions{position:absolute;right:12px;top:360px;display:flex;flex-direction:column;gap:13px;text-align:center}.right-actions a{color:#fff;text-decoration:none;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.right-actions .material-symbols-rounded,.circle-img{width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.46);display:flex;align-items:center;justify-content:center;font-size:28px}.circle-img img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--red)}.chat-live{position:absolute;left:16px;bottom:305px;width:275px}.chat-row{display:flex;gap:8px;margin:8px 0;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.08));border-radius:24px;padding:5px;color:#fff}.chat-row img{width:38px;height:38px;border-radius:50%;object-fit:cover}.comment-box{position:absolute;left:16px;bottom:246px;width:235px;height:45px;border-radius:24px;background:rgba(0,0,0,.58);display:grid;grid-template-columns:1fr 40px;align-items:center;padding-left:15px}.comment-box input{background:transparent;border:0;outline:0;color:#fff}.comment-box button{background:transparent;box-shadow:none;padding:0;color:#fff}.gift-tray{position:absolute;left:0;right:0;bottom:0;background:rgba(9,10,14,.95);backdrop-filter:blur(18px);border-radius:22px 22px 0 0;padding:15px 16px 14px}.gift-tabs{display:flex;align-items:center;gap:15px}.gift-tabs button{height:39px;padding:0 18px}.gift-tabs a{margin-left:auto;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border-radius:18px;padding:7px 10px;display:flex;align-items:center;gap:4px}.gift-items{display:flex;justify-content:space-between;text-align:center;margin:15px 0}.gift-items form{width:16%}.gift-items button{background:transparent;border:0;box-shadow:none;color:#fff;padding:0;width:100%}.gift-items span{font-size:34px;display:block}.gift-items b{display:block;font-size:12px;margin-top:5px}.gift-items small{display:flex;align-items:center;justify-content:center;font-size:10px;color:#ddd}.private-call{display:flex;justify-content:space-between;gap:12px;align-items:center;background:rgba(255,255,255,.06);border-radius:14px;padding:12px;margin-top:10px}.private-call span{color:#bbb}.private-call a{background:var(--red);color:#fff;text-decoration:none;border-radius:12px;padding:11px 12px;font-weight:900;white-space:nowrap;display:flex;align-items:center;gap:4px}.creator-stats{position:absolute;right:16px;top:86px;width:175px}.creator-stats>div{background:rgba(0,0,0,.52);border-radius:13px;padding:12px;margin-bottom:10px}.creator-stats b{display:block;font-size:25px}.creator-stats progress{width:100%;accent-color:var(--red)}.streamer-tools{position:absolute;right:12px;top:252px;background:rgba(0,0,0,.45);border-radius:25px;padding:12px 8px;display:flex;flex-direction:column;gap:12px}.streamer-tools button{background:transparent;box-shadow:none;padding:0;color:#fff;font-size:11px;display:flex;flex-direction:column;align-items:center}.streamer-tools span{font-size:27px}.creator-panel{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.97) 14%);padding:225px 12px 10px}.dark-card{background:rgba(16,17,21,.9);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:13px;margin-bottom:10px}.notice b{color:var(--red)}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head a{display:flex;align-items:center;color:var(--red)}.received{display:flex;gap:14px;overflow:auto;text-align:center}.received div{min-width:68px}.received img{width:44px;height:44px;border-radius:50%;object-fit:cover}.received b,.received span,.received em{display:block;font-size:12px}.received em{color:var(--red);font-weight:900}.fan-rank{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center;margin-top:12px}.fan-rank em{color:#ffbf54;font-style:normal}.creator-nav{display:grid;grid-template-columns:1fr 1fr 78px 1fr 1fr;gap:7px;text-align:center;align-items:center}.creator-nav a,.creator-nav button{color:#fff;text-decoration:none;background:rgba(255,255,255,.05);border-radius:14px;height:62px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;border:0}.creator-nav button{background:var(--red);height:72px;border-radius:50%;font-size:12px}.creator-nav span{font-size:25px}
.viewer-panel{position:absolute;left:0;right:0;bottom:0;padding-top:240px;background:linear-gradient(transparent,rgba(0,0,0,.6) 30%)}
.viewer-panel .comment-box{position:static;margin:0 16px 10px;width:auto;background:transparent}.viewer-panel .gift-tray{position:static;display:none}.viewer-panel .gift-tray.show{display:block}
@media (min-width:431px){body.phone-body{background:#e9eaee}.phone{box-shadow:0 0 0 1px #ddd,0 20px 80px rgba(0,0,0,.16)}}@media (max-width:430px){.phone{width:100vw}.live-card{height:218px}.chat-live{bottom:300px}.gift-items span{font-size:30px}.private-call{font-size:12px}.private-call a{padding:10px 9px}.creator-panel{padding-top:210px}.streamer-tools{top:285px}.right-actions{top:365px}.creator-stats{top:88px;width:170px}}

/* ===== LIVE HUB functional update: Material icons, DM paid media, admin gifts ===== */
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.verified-small{font-size:18px!important;color:var(--red);font-variation-settings:'FILL' 1}.top-icons{display:flex;gap:14px;color:#111}.conversation b{display:flex;align-items:center;gap:4px}.dm-compose{position:relative}.media-preview{position:absolute;left:52px;right:12px;bottom:72px;background:#fff;border:1px solid #eceef3;border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.12);display:none;padding:8px;z-index:12}.media-preview:not(:empty){display:block}.media-preview img,.media-preview video{width:120px;height:120px;object-fit:cover;border-radius:12px}.media-preview audio{width:100%}.dm-gift-picker{position:absolute;left:12px;right:12px;bottom:142px;max-height:250px;overflow:auto;background:rgba(255,255,255,.98);border:1px solid #eceef3;border-radius:18px;padding:12px;box-shadow:0 18px 45px rgba(0,0,0,.18);display:none;z-index:13}.dm-gift-picker.show{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dm-gift-picker>b{grid-column:1/-1;color:#111;margin-bottom:4px}.gift-option{height:auto;min-height:70px;background:#fff!important;color:#111!important;border:1px solid #eceef3!important;border-radius:14px!important;box-shadow:none!important;padding:8px!important;display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:center;text-align:left}.gift-option.active{border-color:var(--red)!important;background:#fff3f6!important}.gift-option img{width:34px;height:34px;object-fit:contain}.gift-option .material-symbols-rounded{color:var(--red)}.gift-option small{grid-column:2;color:var(--red);font-weight:800}.no-gift{grid-column:1/-1;display:flex!important;align-items:center;justify-content:center;text-align:center;color:var(--red)!important}.dm-media{margin-top:8px;border-radius:16px;overflow:hidden;position:relative;max-width:220px;background:#111;cursor:pointer}.dm-media img,.dm-media video{width:100%;max-height:260px;object-fit:cover;display:block;border-radius:16px}.dm-media audio{width:220px}.dm-media.locked-media>img,.dm-media.locked-media>video{filter:blur(14px) brightness(.55);transform:scale(1.04);pointer-events:none}.unlock-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:rgba(0,0,0,.22);padding:10px}.unlock-cover .gift-lock-img{width:58px;height:58px;object-fit:contain;filter:none!important;transform:none!important;margin-bottom:6px}.gift-lock-icon{font-size:54px!important;color:#fff}.unlock-cover button{font-size:12px;padding:9px 11px;border-radius:12px;margin-top:8px}.media-lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.94);
  z-index:999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:0;
  overflow:hidden;
}
.media-lightbox.show{
  display:flex;
}.media-lightbox>button{position:absolute;right:18px;top:18px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);padding:0}.media-lightbox img,.media-lightbox video{max-width:min(94vw,430px);max-height:86vh;border-radius:18px}.media-lightbox audio{width:min(90vw,420px)}.gift-png{width:40px!important;height:40px!important;object-fit:contain!important;display:block!important;margin:0 auto}.gift-fallback{font-size:38px!important;color:var(--red)}
.admin-menu a{display:flex!important;align-items:center;gap:12px}.admin-menu .material-symbols-rounded{font-size:22px;color:#fff}.admin-search{display:flex;align-items:center;gap:10px}.admin-search input{background:transparent;border:0;outline:0;color:#fff;width:100%}.admin-user{display:grid;grid-template-columns:34px auto;align-items:center;gap:2px 10px}.admin-user small{grid-column:2;color:#aaa}.bell{grid-row:1/3;background:#15171d;border:1px solid #2a2d35;border-radius:50%;width:36px;height:36px;color:#fff}.kpi .material-symbols-rounded{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-variation-settings:'FILL' 1}.kpi em{color:#26e667;font-style:normal;font-weight:800}.admin-card p .material-symbols-rounded,.admin-row .material-symbols-rounded{color:var(--red);margin-right:8px}.premium .material-symbols-rounded{font-size:46px;color:var(--red);font-variation-settings:'FILL' 1}.gift-admin-form{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:12px;align-items:end;margin:15px 0}.gift-admin-form label{display:flex;flex-direction:column;gap:6px;color:#c9ccd4;font-size:13px}.gift-admin-form input{height:42px;border-radius:12px;border:1px solid #333842;background:#101217;color:#fff;padding:0 12px}.gift-admin-form input[type=file]{padding:10px;height:auto}.gift-admin-form .check{flex-direction:row;align-items:center}.gift-admin-form .check input{width:auto;height:auto}.gift-admin-form button{height:44px;display:flex;align-items:center;gap:6px;justify-content:center}.gift-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.gift-admin-item{background:#11141a;border:1px solid #262a33;border-radius:16px;padding:14px;text-align:center}.gift-admin-item>img{height:58px;width:58px;object-fit:contain}.gift-admin-item b,.gift-admin-item small{display:block}.gift-admin-item small{color:#f7c45d;margin:4px 0 10px}.gift-admin-item form{display:grid;gap:6px}.gift-admin-item button{font-size:12px;padding:9px;border-radius:10px}.admin-row{display:grid;grid-template-columns:32px 1fr 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.admin-row button{font-size:12px;padding:8px 12px;border-radius:10px}.admin-card.wide{grid-column:span 2}@media(max-width:900px){.gift-admin-form{grid-template-columns:1fr 1fr}.admin-card.wide{grid-column:span 1}.admin-row{grid-template-columns:28px 1fr auto}.admin-row small{display:none}}@media(max-width:430px){.dm-gift-picker.show{grid-template-columns:1fr}.media-lightbox{padding:12px}.gift-admin-grid{grid-template-columns:1fr 1fr}}

/* ===== Correção perfil: ícones Material, dados do banco, mídia livre/fãs ===== */
.icon-link{color:#111;text-decoration:none}.center-title{text-align:center}.profile-phone{padding-bottom:96px}.profile-username{display:flex;align-items:center;gap:2px}.profile-username .material-symbols-rounded{font-size:17px;color:#777b85}.social-icons{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.social-icons span{display:inline-flex;align-items:center;gap:4px;background:#f4f5f8;border-radius:999px;padding:5px 8px;font-size:12px;color:#222}.social-icons .material-symbols-rounded{font-size:16px;color:var(--red)}.profile-row h1{display:flex;align-items:center;gap:4px}.profile-actions form{display:block}.profile-actions .btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;text-decoration:none;box-shadow:var(--shadow);cursor:pointer}.profile-actions .btn .material-symbols-rounded{font-size:20px}.profile-tabs span{display:flex;align-items:center;gap:5px}.profile-tabs .material-symbols-rounded{font-size:20px}.bottom-nav .material-symbols-rounded{display:block;font-size:25px;margin-bottom:4px}.bottom-nav a{position:relative}.bottom-nav .nav-badge{position:absolute;top:2px;right:calc(50% - 25px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:900;line-height:18px;text-align:center;box-shadow:0 4px 10px rgba(239,0,51,.35)}.bottom-nav .nav-badge.hidden{display:none}.bottom-nav .go-live .material-symbols-rounded{margin:0;color:#fff}.profile-form label{display:flex;align-items:center;gap:6px}.profile-form label .material-symbols-rounded{font-size:19px;color:var(--red)}.profile-form .two-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload-profile-photo{display:inline-flex!important;align-items:center;gap:6px;margin-top:10px;text-decoration:none;cursor:pointer}.full-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-link{display:block;text-align:center;margin:18px}.profile-add-media{margin-top:8px}.profile-add-media .card-head h3{display:flex;align-items:center;gap:6px;margin:0}.media-upload-form{background:#fff;border-radius:20px;padding:14px;box-shadow:var(--shadow);display:grid;gap:10px}.upload-box{border:1.5px dashed #ffb7c4;background:#fff5f7;border-radius:16px;min-height:72px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;color:var(--red);cursor:pointer}.upload-box .material-symbols-rounded{font-size:28px}.visibility-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.visibility-row label{display:flex;align-items:center;gap:5px;background:#f7f8fb;border:1px solid #eceef3;border-radius:14px;padding:10px;font-weight:800;font-size:12px}.visibility-row input{accent-color:var(--red)}.visibility-row .material-symbols-rounded{font-size:19px;color:var(--red)}.media-upload-form button{display:flex;align-items:center;justify-content:center;gap:8px}.profile-section-title{padding:0 16px}.profile-section-title h2{display:flex;align-items:center;gap:6px}.profile-media-grid{padding-bottom:18px}.profile-media-item{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#111;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.08)}.profile-media-item>img,.profile-media-item>video{width:100%;height:100%;object-fit:cover;display:block}.profile-media-item.fans-locked>img,.profile-media-item.fans-locked>video{filter:blur(12px) brightness(.55);transform:scale(1.05)}.media-type-icon{position:absolute;right:8px;top:8px;color:#fff;background:rgba(0,0,0,.45);border-radius:50%;font-size:28px!important}.fans-tag{position:absolute;left:6px;top:6px;background:rgba(0,0,0,.58);color:#fff;border-radius:999px;padding:5px 7px;font-size:11px;font-weight:900;display:flex;align-items:center;gap:3px}.fans-tag .material-symbols-rounded{font-size:14px}.locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);padding:8px}.locked-overlay button{font-size:11px;padding:8px 9px;border-radius:12px;display:flex;align-items:center;gap:4px}.locked-overlay .material-symbols-rounded{font-size:16px}.delete-media-form{position:absolute;right:6px;bottom:6px}.delete-media-form button{width:32px;height:32px;border-radius:50%;padding:0;background:rgba(0,0,0,.55);box-shadow:none}.delete-media-form .material-symbols-rounded{font-size:18px;color:#fff}.empty-state{margin:0 16px 18px;background:#fff;border:1px solid #eceef3;border-radius:18px;padding:28px 18px;text-align:center;box-shadow:var(--shadow);color:#626775}.empty-state .material-symbols-rounded{font-size:46px;color:var(--red)}.empty-state b{display:block;color:#111;margin:7px 0}.fans-title{padding:0 16px;display:flex;align-items:center;gap:6px}.fans-box .fans-lock{font-size:54px}.fans-box button{display:inline-flex;align-items:center;gap:6px}.red{color:var(--red)!important}
@media(max-width:430px){.profile-form .two-cols,.visibility-row{grid-template-columns:1fr}.profile-actions .btn{font-size:12px}.actions{gap:7px}.profile-row{gap:12px}.avatar-lg{width:104px;height:104px}.profile-row h1{font-size:22px}}

/* ===== SISTEMA DE CHAMADAS 1X1 E ÁUDIO COM ONDA VERMELHA ===== */

/* Chat Head Actions */
.chat-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #eceef3}.chat-head-actions{display:flex;gap:6px;margin-left:auto}.call-btn{background:transparent!important;color:var(--red)!important;border:0!important;box-shadow:none!important;padding:6px!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all 0.2s ease}.call-btn:hover{background:#fff3f6!important}

/* Audio Player com Onda */
.audio-player-wrapper{display:flex;align-items:center;gap:10px;background:#f0f0f5;border-radius:14px;padding:10px;margin-top:8px;border:1px solid #e5e5ea}.audio-player-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.audio-player-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.audio-player-btn{background:transparent!important;color:var(--red)!important;border:0!important;box-shadow:none!important;padding:4px!important;border-radius:50%!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;cursor:pointer!important}.audio-player-btn:hover{background:#fff!important}

.audio-player-middle{flex:1;display:flex;align-items:center;gap:8px}.audio-wave-visualizer{width:70px;height:32px;flex-shrink:0}.wave-svg{width:100%;height:100%;display:block}.wave-line{transition:all 0.1s ease}.audio-player-wrapper.playing .wave-line{filter:drop-shadow(0 0 3px var(--red))}.audio-player{display:none}

.audio-player-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.audio-player-times{font-size:12px;color:#666;font-weight:600;white-space:nowrap;font-family:monospace;letter-spacing:0.5px}

/* Animação de Onda */
@keyframes wave-pulse{0%{opacity:0.6;filter:drop-shadow(0 0 2px var(--red))}50%{opacity:1;filter:drop-shadow(0 0 4px var(--red))}100%{opacity:0.6;filter:drop-shadow(0 0 2px var(--red))}}

@keyframes wave-animate{0%{transform:scaleX(1) scaleY(0.9)}50%{transform:scaleX(1.1) scaleY(1.1)}100%{transform:scaleX(1) scaleY(0.9)}}

/* Modals de Chamada */
.call-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:1000;align-items:center;justify-content:center}.call-modal.show{display:flex}.call-modal-content{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;width:100%;max-width:430px;height:100dvh;padding:40px 20px;text-align:center}.call-modal-close{position:absolute;top:20px;right:20px;background:transparent!important;color:#fff!important;font-size:28px!important;border:0!important;box-shadow:none!important;cursor:pointer!important}

@media (max-width: 768px){
  .call-modal{padding:0}
  .call-modal-content{max-width:none!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;padding:22px 14px 24px!important;border-radius:0!important}
  .call-audio-ui{padding:22px 14px 24px!important}
  .call-video-ui{padding:0!important}
  .call-audio-ui .call-modal-actions{max-width:none!important;padding:16px 14px!important}
  .call-audio-ui .call-btn-end,.call-audio-ui .call-btn-speaker,.call-audio-ui .call-btn-mute{width:56px!important;height:56px!important}
  .video-call-local{width:92px!important;height:132px!important;bottom:124px!important;right:12px!important}
  .video-caller-info{left:12px!important;bottom:122px!important;max-width:calc(100% - 118px)!important}
  .video-actions-bar{left:8px!important;right:8px!important;bottom:8px!important;gap:6px!important;padding:14px 10px!important}
}

.call-modal-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}.call-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--red);box-shadow:0 0 20px rgba(239,0,51,0.5)}.call-avatar img{width:100%;height:100%;object-fit:cover}.call-modal-header h2{color:#fff;font-size:24px;margin:0}.call-modal-header p{color:#ccc;margin:0;font-size:14px}

.call-modal-duration{color:var(--red);font-size:32px;font-weight:bold;font-family:monospace;letter-spacing:2px}

.call-modal-actions{display:flex;gap:20px;justify-content:center;margin-top:auto}.call-btn-end{background:linear-gradient(135deg,#ff3333,#cc0000)!important;color:#fff!important;width:60px!important;height:60px!important;border-radius:50%!important;border:0!important;box-shadow:0 0 20px rgba(255,51,51,0.5)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important}.call-btn-end:hover{background:linear-gradient(135deg,#ff5555,#dd1111)!important}.call-btn-speaker,.call-btn-mute{background:rgba(255,255,255,0.2)!important;color:#fff!important;width:50px!important;height:50px!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;transition:all 0.2s ease}.call-btn-speaker:hover,.call-btn-mute:hover{background:rgba(255,255,255,0.3)!important;transform:scale(1.1)}

/* ===== Novo layout da chamada de áudio (estilo moderno em tela cheia) ===== */
.call-audio-ui{position:relative;padding:26px 22px 32px!important;background:radial-gradient(circle at 50% 18%,rgba(239,0,51,.16),transparent 55%),#000!important;justify-content:flex-start!important}
.call-topbar{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;z-index:2}
.call-topbar-btn{background:transparent!important;color:#fff!important;font-size:26px!important;border:0!important;box-shadow:none!important;cursor:pointer!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .2s ease}
.call-topbar-btn:hover{background:rgba(255,255,255,.12)!important}
.call-audio-ui .call-modal-header{margin-top:70px}
.call-audio-ui .call-avatar{width:168px!important;height:168px!important;border:4px solid var(--red)!important;box-shadow:0 0 0 6px rgba(239,0,51,.15),0 0 40px rgba(239,0,51,.55)!important}
.call-name-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:0}
.call-name-row span:first-child{color:#fff;font-size:25px;font-weight:800}
.call-name-row .verified-small{color:var(--red)!important;font-size:19px!important}
.call-audio-ui .call-status{color:#9a9da5!important;font-size:15px!important}
.call-audio-ui .call-modal-duration{font-size:42px!important;margin-top:4px}
.call-waveform{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;max-width:320px;height:60px;margin:16px auto 0}
.call-waveform i{width:3px;min-width:3px;border-radius:99px;background:var(--red);display:block;opacity:.88;animation:callWaveAnimate 1.1s ease-in-out infinite alternate;filter:drop-shadow(0 0 3px rgba(239,0,51,.65))}
.call-waveform i:nth-child(2n){animation-delay:.08s}
.call-waveform i:nth-child(3n){animation-delay:.16s}
.call-waveform i:nth-child(4n){animation-delay:.24s}
.call-waveform i:nth-child(5n){animation-delay:.32s}
@keyframes callWaveAnimate{from{transform:scaleY(.4)}to{transform:scaleY(1.55)}}
.call-audio-ui .call-modal-actions{margin-top:auto;width:100%;max-width:360px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-radius:34px;padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;backdrop-filter:blur(6px);box-shadow:none}
.call-action{display:flex;flex-direction:column;align-items:center;gap:8px}
.call-action small{color:#d8d9dd;font-size:12px}
.call-audio-ui .call-btn-end{width:66px!important;height:66px!important;font-size:30px!important}
.call-audio-ui .call-btn-speaker,.call-audio-ui .call-btn-mute{border:0!important;background:rgba(255,255,255,.14)!important;width:54px!important;height:54px!important}
.call-audio-ui .call-btn-speaker:hover,.call-audio-ui .call-btn-mute:hover{background:rgba(255,255,255,.22)!important}

/* Barra flutuante de chamada de áudio minimizada */
.call-mini-bar{display:none;position:fixed;top:10px;left:10px;right:10px;z-index:1001;background:#161616;border:1px solid rgba(239,0,51,.4);border-radius:16px;padding:10px 14px;align-items:center;gap:10px;box-shadow:0 8px 24px rgba(0,0,0,.45);cursor:pointer}
.call-mini-bar.show{display:flex}
.call-mini-bar img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--red)}
.call-mini-info{display:flex;flex-direction:column;flex:1;min-width:0}
.call-mini-info b{color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.call-mini-info small{color:var(--red);font-size:12px;font-weight:700}
.call-mini-end{background:linear-gradient(135deg,#ff3333,#cc0000)!important;color:#fff!important;width:34px!important;height:34px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;cursor:pointer}

/* Videochamada */
.call-modal-content.video-call{gap:0}.video-call-remote{position:relative;width:100%;height:60%;background:#000;border-radius:12px;overflow:hidden}#remoteVideo{width:100%;height:100%;object-fit:cover}

/* ===== Novo layout da videochamada (tela cheia estilo moderno) ===== */
.call-video-ui{padding:0!important;gap:0!important;justify-content:flex-start!important;background:#000!important;overflow:hidden}
.video-remote-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:0}
.video-topbar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 12px;background:linear-gradient(rgba(0,0,0,.55),transparent)}
.video-encryption{display:flex;align-items:center;gap:6px;color:#e9eaee;font-size:13px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.6);text-align:center}
.video-encryption .material-symbols-rounded{font-size:16px}
.video-timer-pill{position:absolute;top:62px;left:16px;z-index:3;display:flex;align-items:center;gap:7px;background:rgba(0,0,0,.55);color:#fff;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.video-rec-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 8px rgba(239,0,51,.8);animation:videoRecBlink 1.2s ease-in-out infinite}
@keyframes videoRecBlink{0%,100%{opacity:1}50%{opacity:.35}}
.video-caller-info{position:absolute;left:18px;bottom:132px;z-index:3;text-align:left;max-width:70%}
.video-caller-info .call-name-row{justify-content:flex-start;text-shadow:0 2px 6px rgba(0,0,0,.7)}
.video-caller-info .call-name-row span:first-child{font-size:22px}
.video-status-line{display:flex;align-items:center;gap:6px;margin:4px 0 0;color:#d6d8dd;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.video-status-line .video-signal{font-size:16px;color:#38d16a}
.video-call-local{position:absolute;bottom:132px;right:16px;width:104px;height:150px;background:#111;border:2px solid rgba(255,255,255,.85);border-radius:14px;overflow:hidden;z-index:5;box-shadow:0 6px 18px rgba(0,0,0,.5);touch-action:none;cursor:grab}
.video-call-local.dragging{cursor:grabbing}
.video-call-local #localVideo{width:100%;height:100%;object-fit:cover}
.video-flip{position:absolute;right:6px;bottom:6px;font-size:20px;color:#fff;background:rgba(0,0,0,.45);border-radius:50%;padding:6px;border:0;box-shadow:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease;z-index:6}
.video-flip.active{transform:scale(1.08);background:rgba(239,0,51,.85);animation:videoFlipPulse .35s ease}

@keyframes videoFlipPulse{0%{transform:scale(1)}10%{transform:scale(1.14)}100%{transform:scale(1.08)}}
.video-actions-bar{position:absolute;left:12px;right:12px;bottom:14px;z-index:6;margin-top:0!important;max-width:none!important;background:rgba(20,20,20,.82)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:30px;padding:16px 12px!important;display:flex;align-items:flex-start;justify-content:space-between;gap:4px;backdrop-filter:blur(8px);opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}
.video-actions-bar.is-hidden{opacity:0;transform:translateY(14px);pointer-events:none}
.video-actions-bar .call-btn-end{width:60px!important;height:60px!important;font-size:28px!important}
.video-actions-bar .call-btn-speaker,.video-actions-bar .call-btn-mute{border:0!important;background:rgba(255,255,255,.14)!important;width:52px!important;height:52px!important}
.video-actions-bar .call-action small{font-size:11.5px}
.call-mini-vid{color:var(--red)!important;font-size:26px!important;display:flex;align-items:center;justify-content:center;width:38px;height:38px}

/* Incoming Call Notification */
.incoming-call-notification{display:none;position:fixed;top:16px;left:50%;transform:translateX(-50%);background:#111;border:2px solid var(--red);border-radius:16px;padding:16px;z-index:2147483000;width:min(92vw, 420px);box-shadow:0 10px 40px rgba(239,0,51,0.5)}.incoming-call-notification.show{display:flex}.incoming-call-content{display:flex;align-items:center;gap:12px;width:100%}.incoming-call-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.incoming-call-notification h3{color:#fff;margin:0 0 2px;font-size:14px}.incoming-call-notification p{color:#ccc;margin:0;font-size:12px}.incoming-call-actions{display:flex;gap:8px;margin-left:auto}.call-btn-accept,.call-btn-reject{border-radius:50%!important;width:44px!important;height:44px!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;cursor:pointer!important}.call-btn-accept{background:linear-gradient(135deg,#00aa00,#008800)!important;color:#fff!important}.call-btn-accept:hover{background:linear-gradient(135deg,#00cc00,#00aa00)!important}.call-btn-reject{background:linear-gradient(135deg,#ff3333,#cc0000)!important;color:#fff!important}.call-btn-reject:hover{background:linear-gradient(135deg,#ff5555,#dd1111)!important}

/* ===== Correção geral de ícones Material em login, cadastro, carteira e live ===== */
.form-card label{display:flex;align-items:center;gap:6px}.form-card label .material-symbols-rounded{font-size:19px;color:var(--red)}.form-card button,.social-btn{display:flex!important;align-items:center;justify-content:center;gap:7px}.social-btn .material-symbols-rounded{font-size:21px;color:var(--red)}.icon-link-light{color:#fff;text-decoration:none}.dark-top{color:#fff}.dark-top h1{display:flex;align-items:center;gap:7px;margin:0;font-size:22px}.coin-big{font-size:40px!important;color:#ffbf54;font-variation-settings:'FILL' 1}.vip-card{margin:0 16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.vip-card .material-symbols-rounded{color:#ffbf54;vertical-align:middle}.vip-card button{display:flex;align-items:center;gap:6px}.pad-title{padding:0 16px}.coin .material-symbols-rounded{font-size:36px;color:#ffbf54;font-variation-settings:'FILL' 1}.pay-grid .material-symbols-rounded{font-size:24px;color:var(--red);vertical-align:middle}.challenge .material-symbols-rounded{font-size:18px;color:#ffbf54;vertical-align:middle}.notice .material-symbols-rounded{vertical-align:middle}.fan-rank .material-symbols-rounded{font-size:24px;color:#ffbf54}.fan-rank em .material-symbols-rounded{font-size:15px;vertical-align:middle}.host-area .verified-small{color:#fff;font-size:17px!important}.live-info .verified-small{color:var(--red);font-size:16px!important;display:inline-flex!important;margin:0!important}.section-title h2{display:flex;align-items:center;gap:5px}

/* ===== Ajustes finais solicitados: botão de mídia, abas funcionais, editar presentes e efeito de presente na live ===== */
.profile-tabs{gap:8px;align-items:center}.profile-tabs button{background:transparent!important;color:#565960!important;border:0!important;box-shadow:none!important;padding:0 0 12px!important;border-radius:0!important;font-size:14px!important;display:flex!important;align-items:center;gap:5px;justify-content:center;cursor:pointer;transition:all 0.2s ease}.profile-tabs button:hover{color:#333!important}.profile-tabs button.active{color:var(--red)!important;border-bottom:3px solid var(--red)!important;font-weight:900}.profile-media-action{padding-bottom:18px!important}.profile-media-action .full-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px}.profile-tab-panel{display:none}.profile-tab-panel.active{display:block}.media-caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;padding:22px 7px 7px;font-size:11px;font-weight:700}.about-card{margin:0 16px 20px;background:#fff;border:1px solid #eceef3;border-radius:22px;padding:18px;box-shadow:var(--shadow)}.about-card h2{display:flex;align-items:center;gap:8px;margin:0 0 10px}.about-card p{color:#50535c;line-height:1.45}.about-list{display:grid;gap:10px;margin-top:14px}.about-list div{display:grid;grid-template-columns:38px 1fr;gap:2px 10px;align-items:center;background:#f7f8fb;border:1px solid #eceef3;border-radius:15px;padding:11px}.about-list .material-symbols-rounded{grid-row:1/3;color:var(--red);font-size:25px}.about-list small{color:#777b85}.about-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.about-actions .btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 8px;font-size:13px}.profile-live-list{display:grid;gap:10px;padding:0 16px 18px}.profile-live-card{display:grid;grid-template-columns:76px 1fr 26px;gap:11px;align-items:center;background:#fff;border:1px solid #eceef3;border-radius:18px;padding:10px;box-shadow:var(--shadow)}.profile-live-card img{width:76px;height:76px;border-radius:14px;object-fit:cover}.profile-live-card b{display:block;margin-bottom:5px}.profile-live-card small{display:flex;align-items:center;gap:4px;color:#777b85}.profile-live-card small .material-symbols-rounded{font-size:15px;color:var(--red)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:990;display:none;align-items:center;justify-content:center;padding:16px}.modal-backdrop.show{display:flex}.modal-card{width:100%;max-width:430px;background:#fff;border-radius:26px 26px 20px 20px;padding:20px;position:relative;box-shadow:0 20px 70px rgba(0,0,0,.35)}.modal-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;padding:0!important;background:rgba(239,0,51,.94)!important;color:#fff!important;box-shadow:0 10px 24px rgba(239,0,51,.3)!important}.media-modal-card h2{display:flex;align-items:center;gap:8px;margin:6px 46px 5px 0}.profile-upload-preview:empty{display:none}.profile-upload-preview{border-radius:16px;overflow:hidden;background:#111;min-height:120px}.profile-upload-preview img,.profile-upload-preview video{display:block;width:100%;max-height:260px;object-fit:cover}.editable-gifts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.editable-gift-card{text-align:left}.gift-preview-box{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gift-preview-box img{width:66px!important;height:66px!important;object-fit:contain;background:#0b0d12;border:1px solid #292d38;border-radius:16px;padding:6px}.gift-preview-box small{color:#26e667!important;margin:0!important}.gift-edit-form{display:grid!important;gap:8px!important}.gift-edit-form label{display:grid;gap:5px;color:#c9ccd4;font-size:12px}.gift-edit-form input{height:38px;border-radius:10px;border:1px solid #333842;background:#101217;color:#fff;padding:0 10px}.gift-edit-form input[type=file]{height:auto;padding:9px}.gift-edit-form .check{display:flex;align-items:center;gap:6px}.gift-edit-form .check input{width:auto;height:auto}.gift-edit-form button,.gift-admin-actions button{display:flex;align-items:center;justify-content:center;gap:5px}.gift-admin-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;margin-top:8px}.gift-admin-actions button{margin:0!important}.gift-fade-effect{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:8;width:170px;min-height:170px;border-radius:28px;background:rgba(0,0,0,.40);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:giftPopFade 2.9s ease forwards;pointer-events:none;border:1px solid rgba(255,255,255,.18);box-shadow:0 25px 80px rgba(255,23,68,.32)}.gift-fade-effect img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,255,255,.35));animation:giftFloat .9s ease infinite alternate}.gift-fade-effect>.material-symbols-rounded{font-size:92px;color:#fff}.gift-fade-effect b{font-size:20px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.gift-fade-effect small{display:flex;align-items:center;gap:4px;color:#ffd26b;font-weight:900}.gold-coin{color:#ffbf35!important;font-variation-settings:'FILL' 1;font-size:18px!important;vertical-align:middle}.gift-chat-row{background:linear-gradient(135deg,rgba(255,23,68,.34),rgba(255,191,53,.16))!important;border:1px solid rgba(255,255,255,.13)}.chat-gift-icon{width:22px!important;height:22px!important;border-radius:0!important;object-fit:contain!important;border:0!important;vertical-align:middle;margin:0 3px}.chat-gift-fallback{font-size:20px!important;color:#ffd26b;vertical-align:middle}.gift-value{color:#ffd26b}@keyframes giftPopFade{0%{opacity:0;transform:translate(-50%,-40%) scale(.55)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}38%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-56%) scale(1.04)}100%{opacity:0;transform:translate(-50%,-78%) scale(.85)}}@keyframes giftFloat{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-9px) rotate(3deg)}}
.gift-edit-form .check input{width:auto;height:auto}.gift-edit-form button,.gift-admin-actions button{display:flex;align-items:center;justify-content:center;gap:5px}.gift-admin-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;margin-top:8px}.gift-admin-actions button{margin:0!important}.gift-fade-effect{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:8;width:170px;min-height:170px;border-radius:28px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:giftPopFade 2.9s ease forwards;pointer-events:none;}.gift-fade-effect img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,255,255,.35));animation:giftFloat .9s ease infinite alternate}.gift-fade-effect>.material-symbols-rounded{font-size:92px;color:#fff}.gift-fade-effect b{font-size:20px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.gift-fade-effect small{display:flex;align-items:center;gap:4px;color:#ffd26b;font-weight:900}.gold-coin{color:#ffbf35!important;font-variation-settings:'FILL' 1;font-size:18px!important;vertical-align:middle}.gift-chat-row{background:linear-gradient(135deg,rgba(255,23,68,.34),rgba(255,191,53,.16))!important;border:1px solid rgba(255,255,255,.13)}.chat-gift-icon{width:22px!important;height:22px!important;border-radius:0!important;object-fit:contain!important;border:0!important;vertical-align:middle;margin:0 3px}.chat-gift-fallback{font-size:20px!important;color:#ffd26b;vertical-align:middle}.gift-value{color:#ffd26b}@keyframes giftPopFade{0%{opacity:0;transform:translate(-50%,-40%) scale(.55)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}38%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-56%) scale(1.04)}100%{opacity:0;transform:translate(-50%,-78%) scale(.85)}}@keyframes giftFloat{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-9px) rotate(3deg)}}
@media(max-width:430px){.about-actions{grid-template-columns:1fr}.modal-backdrop{padding:0}.modal-card{border-radius:26px;max-width:calc(100vw - 16px)}.start-live-sheet{border-radius:26px;max-width:calc(100vw - 16px)}.editable-gifts{grid-template-columns:1fr}.gift-admin-actions{grid-template-columns:1fr}.gift-fade-effect{width:148px;min-height:148px}.gift-fade-effect img{width:78px;height:78px}}

/* ===== Host management panel upgrade ===== */
#hostManagerPanel{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  padding:12px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(6,7,10,.82),rgba(6,7,10,.95))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:blur(8px);
  max-height:58vh;
  overflow:auto;
  z-index:11;
}

#hostManagerPanel::-webkit-scrollbar{width:8px}
#hostManagerPanel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:999px}

#hostManagerPanel .dark-card{
  margin-bottom:10px!important;
  border-radius:16px!important;
  padding:12px!important;
  background:rgba(18,20,26,.92)!important;
  border:1px solid rgba(255,255,255,.1)!important;
}

#hostManagerPanel .dark-card:last-child{margin-bottom:0!important}

#hostManagerPanel .notice{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  line-height:1.35;
}

#hostManagerPanel .notice .material-symbols-rounded{
  color:var(--red)!important;
  font-size:20px!important;
}

#hostManagerPanel .card-head{
  margin-bottom:10px;
}

#hostManagerPanel .card-head b{
  font-size:14px;
  letter-spacing:.2px;
}

#hostManagerPanel .received{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  overflow:visible!important;
}

#hostManagerPanel .received div{
  min-width:0!important;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:8px 6px;
}

#hostManagerPanel .received img{
  width:38px!important;
  height:38px!important;
}

#hostManagerPanel .received b{
  display:block;
  margin-top:4px;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#hostManagerPanel .received span{
  display:block;
  color:#d4d7de;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#hostManagerPanel .received em{
  font-style:normal;
  color:#ffd26b;
  font-weight:800;
  font-size:12px;
}

#hostManagerPanel .live-viewers-list{
  display:grid;
  gap:8px;
}

#hostManagerPanel .live-viewer-row{
  display:grid;
  grid-template-columns:36px 1fr auto;
  gap:8px;
  align-items:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:7px;
}

#hostManagerPanel .live-viewer-row img{
  width:36px;
  height:36px;
  border-radius:50%;
  object-fit:cover;
}

#hostManagerPanel .live-viewer-row b{
  display:block;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#hostManagerPanel .live-viewer-row small{
  display:block;
  color:#afb3bd;
  font-size:10px;
}

#hostManagerPanel .kick-viewer-btn{
  height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,35,75,.16)!important;
  border:1px solid rgba(255,78,110,.5)!important;
  color:#ffd6de!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
}

#hostManagerPanel .host-notice-form{
  display:grid;
  gap:8px;
}

#hostManagerPanel .host-notice-form textarea{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:12px!important;
  color:#fff!important;
  padding:10px!important;
  resize:none;
}

#hostManagerPanel .host-notice-form textarea::placeholder{color:#b9bec9}

#hostManagerPanel .host-notice-form button{
  height:36px!important;
  border-radius:10px!important;
  font-size:12px!important;
  padding:0 12px!important;
}

#hostManagerPanel .creator-nav{
  position:sticky;
  bottom:0;
  background:rgba(6,7,10,.95);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  padding:8px;
  margin-top:8px;
}

#hostManagerPanel .creator-nav a,
#hostManagerPanel .creator-nav button{
  min-height:46px;
}

/* ===== Perfil: rolagem oculta, 4 acoes, sino e menu ===== */
.profile-phone.own-profile-scroll{
  min-height:100dvh;
  height:auto;
  max-height:none;
  overflow-y:auto !important;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.profile-phone.own-profile-scroll::-webkit-scrollbar{
  width:0;
  height:0;
}

.profile-actions.profile-actions-own{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  align-items:stretch;
}

.profile-actions.profile-actions-own .btn{
  min-height:48px;
  height:auto;
  padding:12px 8px;
  font-size:12px;
  line-height:1.15;
}

.profile-actions.profile-actions-own .btn .material-symbols-rounded{
  font-size:18px;
}

.profile-top-icons{
  gap:10px;
}

.profile-top-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  color:#111;
  background:#fff;
  border:1px solid #eceef3;
  box-shadow:var(--shadow);
}

.profile-top-button{
  padding:0 !important;
  border:1px solid #eceef3 !important;
  background:#fff !important;
  box-shadow:var(--shadow) !important;
  color:#111 !important;
}

.profile-top-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--red);
  color:#fff;
  font-size:10px;
  font-weight:900;
  padding:0 4px;
  border:2px solid #fff;
}

.profile-menu-card{
  width:100%;
  max-width:430px;
  border-radius:24px 24px 0 0;
  padding:16px;
}

.profile-menu-links{
  display:grid;
  gap:8px;
  margin-top:10px;
}

.profile-menu-links a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px;
  border-radius:14px;
  border:1px solid #eceef3;
  background:#fff;
  font-weight:700;
}

.profile-menu-links a .material-symbols-rounded{
  color:var(--red);
}

#mediaModal{
  align-items:center;
  padding:20px;
  background:rgba(4, 6, 12, .82);
}

#mediaModal .modal-card{
  width:min(520px, calc(100vw - 24px));
  max-width:520px;
  max-height:min(82vh, 760px);
  overflow:auto;
  border-radius:28px;
  padding:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.48);
}

#mediaModal .profile-upload-preview{
  min-height:180px;
}

#mediaModal .profile-upload-preview img,
#mediaModal .profile-upload-preview video{
  max-height:340px;
}

.locked-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  background:rgba(4, 5, 10, .46);
  color:#fff;
  text-align:center;
  z-index:2;
}

.locked-overlay .material-symbols-rounded{
  font-size:30px;
  color:#fff;
}

.locked-overlay b{
  font-size:14px;
}

.locked-overlay small{
  font-size:11px;
  opacity:.92;
}

.fans-count-badge{
  position:absolute;
  left:8px;
  bottom:8px;
  min-width:24px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(239, 0, 51, .92);
  color:#fff;
  font-size:11px;
  font-weight:900;
  z-index:3;
  box-shadow:0 8px 18px rgba(239,0,51,.28);
}

#profileLightboxContent{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  overflow:hidden;
}

/* ===== Video player (v2 - simples) ===== */
.lh-player{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:#000;
}
.lh-player video{
  grid-area:1/1;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  display:block;
  background:#000;
}
.lh-player video::-webkit-media-controls{
  display:none !important;
}
.lh-player-play{
  grid-area:1/1;
  align-self:center;
  justify-self:center;
  width:64px;
  height:64px;
  border-radius:50%;
  border:0;
  background:var(--red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(239,0,51,.35);
  opacity:1;
  transition:opacity .18s ease;
  z-index:2;
}
.lh-player-play.hide{
  opacity:0;
  pointer-events:none;
}
.lh-player-play .material-symbols-rounded{
  font-size:32px;
  color:#fff;
  font-variation-settings:'FILL' 1;
}
.lh-player-bar{
  grid-area:1/1;
  align-self:end;
  justify-self:stretch;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  background:linear-gradient(transparent, rgba(0,0,0,.85));
  z-index:2;
}
.lh-player-time{
  color:#fff;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
  flex:0 0 auto;
}
.lh-player-progress{
  --p:0%;
  flex:1;
  appearance:none;
  -webkit-appearance:none;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--red) 0, var(--red) var(--p), rgba(255,255,255,.28) var(--p), rgba(255,255,255,.28) 100%);
  outline:none;
}
.lh-player-progress::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--red);
  cursor:pointer;
}
.lh-player-progress::-moz-range-thumb{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--red);
  cursor:pointer;
}
.lh-player-fullscreen{
  width:32px;
  height:32px;
  flex:0 0 auto;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.12);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.lh-player-fullscreen .material-symbols-rounded{
  font-size:18px;
}
.lh-player:fullscreen,
.lh-player:-webkit-full-screen{
  width:100vw;
  height:100vh;
  height:100dvh;
  background:#000;
}
.lh-player:fullscreen video,
.lh-player:-webkit-full-screen video{
  max-width:100vw;
  max-height:100dvh;
}
.media-lightbox .lh-player:fullscreen,
.media-lightbox .lh-player:-webkit-full-screen{
  max-width:100vw!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
}
.media-lightbox .lh-player:fullscreen video,
.media-lightbox .lh-player:-webkit-full-screen video{
  max-width:100vw!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  object-fit:contain!important;
}
@media (max-width:430px){
  .lh-player:fullscreen video,
  .lh-player:-webkit-full-screen video{
    width:100vw;
    height:100dvh;
    max-width:100vw;
    max-height:100dvh;
    object-fit:cover;
  }
  .media-lightbox .lh-player:fullscreen video,
  .media-lightbox .lh-player:-webkit-full-screen video{
    width:100vw!important;
    height:100dvh!important;
    max-width:100vw!important;
    max-height:100dvh!important;
    object-fit:cover!important;
  }
}


@media (max-width:430px){
  .profile-actions.profile-actions-own .btn{
    font-size:11px;
  }

  #mediaModal{
    padding:12px;
  }

  #mediaModal .modal-card{
    width:100%;
    max-height:86vh;
    border-radius:24px;
    padding:20px;
  }
}

@media (max-width:430px){
  #hostManagerPanel{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    max-height:64vh;
    padding:10px!important;
  }

  #hostManagerPanel .received{
    grid-template-columns:1fr;
  }

  #hostManagerPanel .creator-nav{
    position:static;
  }
}


/* =========================================================
   LIVE HUB - DM ÁUDIO CLONE + LIGHTBOX CARROSSEL
   ========================================================= */
.lh-audio-message{
  display:flex!important;
  align-items:flex-start!important;
  gap:6px!important;
  margin:9px 0!important;
  max-width:88%!important;
  clear:both!important;
}
.lh-audio-message.me{
  margin-left:auto!important;
  justify-content:flex-end!important;
}
.lh-audio-avatar{
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid #fff!important;
  flex:0 0 24px!important;
  margin-top:2px!important;
}
.lh-audio-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:1px!important;
}
.lh-audio-message.me .lh-audio-stack{align-items:flex-end!important;}
.lh-audio-card{
  height:33px!important;
  min-width:150px!important;
  max-width:188px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  background:#fff!important;
  color:#111!important;
  border:1px solid #ececf1!important;
  border-radius:999px!important;
  padding:4px 7px!important;
  box-shadow:0 2px 5px rgba(0,0,0,.05)!important;
  overflow:hidden!important;
}
.lh-audio-play,
.lh-audio-more{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  color:#111!important;
  border:0!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  line-height:1!important;
}
.lh-audio-more{font-size:16px!important;color:#111!important;opacity:.86!important;}
.lh-audio-current,
.lh-audio-duration{
  color:#111!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:500!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
.lh-audio-duration{margin-left:1px!important;}
.lh-audio-wave{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1.6px!important;
  width:68px!important;
  height:23px!important;
  overflow:hidden!important;
  flex:1 1 auto!important;
}
.lh-audio-wave i{
  width:2px!important;
  min-width:2px!important;
  border-radius:99px!important;
  background:#ff1744!important;
  display:block!important;
  opacity:.96!important;
  transform-origin:center!important;
}
.lh-audio-message.playing .lh-audio-wave i{
  animation:lhWaveClone .55s ease-in-out infinite alternate!important;
}
.lh-audio-message.playing .lh-audio-wave i:nth-child(2n){animation-delay:.08s!important;}
.lh-audio-message.playing .lh-audio-wave i:nth-child(3n){animation-delay:.16s!important;}
.lh-audio-message.playing .lh-audio-wave i:nth-child(5n){animation-delay:.24s!important;}
@keyframes lhWaveClone{from{transform:scaleY(.55);opacity:.55}to{transform:scaleY(1.2);opacity:1}}
.lh-audio-meta{
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  color:#8b8e96!important;
  font-size:9.5px!important;
  line-height:1!important;
  margin-left:6px!important;
  margin-top:1px!important;
  opacity:1!important;
}
.lh-audio-message.me .lh-audio-meta{margin-right:7px!important;margin-left:0!important;}
.lh-audio-meta .material-symbols-rounded{
  font-size:11px!important;
  color:#ff1744!important;
  font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 20!important;
}
.lh-audio-file,
.audio-player,
.audio-player-wrapper audio{
  display:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.audio-player-wrapper{display:none!important;}
.bubble:has(.audio-player-wrapper){background:transparent!important;padding:0!important;box-shadow:none!important;}
.dm-media.audio-media,
.dm-media[data-type="audio"]{
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
  max-width:210px!important;
  cursor:default!important;
}
.media-preview{
  min-height:auto!important;
  display:none;
}
.media-preview:not(:empty){display:block!important;}
.media-preview .clear-preview{
  position:absolute!important;
  right:6px!important;
  top:6px!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.55)!important;
  color:#fff!important;
  box-shadow:none!important;
  z-index:2!important;
}
.media-preview .preview-audio{margin:0!important;max-width:100%!important;}
.media-preview .preview-audio .lh-audio-card{min-width:178px!important;}
#recordBtn.recording{
  color:#fff!important;
  background:#ff1744!important;
  border-radius:50%!important;
  width:34px!important;
  height:34px!important;
  box-shadow:0 0 0 0 rgba(255, 23, 68, .45)!important;
  animation:dm-record-breath 1.4s ease-in-out infinite;
}

@keyframes dm-record-breath{
  0%{ box-shadow:0 0 0 0 rgba(255, 23, 68, .42); transform:scale(1); }
  50%{ box-shadow:0 0 0 10px rgba(255, 23, 68, 0); transform:scale(1.1); }
  100%{ box-shadow:0 0 0 0 rgba(255, 23, 68, 0); transform:scale(1); }
}

.dm-video-play{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.55)!important;
  color:#fff!important;
  font-size:30px!important;
  pointer-events:none!important;
}
.media-lightbox{
  touch-action:pan-y!important;
}
.media-lightbox #lightboxContent{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.media-lightbox img,
.media-lightbox video{
  max-width:min(96vw,430px)!important;
  max-height:88vh!important;
  object-fit:contain!important;
  border-radius:16px!important;
  background:#000!important;
}
.media-lightbox .lh-player{
  width:auto!important;
  height:auto!important;
  max-width:min(90vw,380px)!important;
  max-height:78vh!important;
  border-radius:16px;
  overflow:hidden;
}
.media-lightbox .lh-player video{
  max-width:100%!important;
  max-height:78vh!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
}
.media-lightbox>button{
  z-index:5!important;
}
.media-lightbox video{
  width:auto!important;
  height:auto!important;
}
@media(max-width:430px){
  .lh-audio-card{min-width:145px!important;max-width:178px!important;height:32px!important;}
  .lh-audio-wave{width:58px!important;gap:1.3px!important;}
  .lh-audio-current,.lh-audio-duration{font-size:9.5px!important;}

  /* Fullscreen and centered media on mobile */
  .media-lightbox{
    padding:0!important;
  }
  
  .media-lightbox img,
  .media-lightbox video{
    max-width:100vw!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    width:100%!important;
    height:100%!important;
  }
}

/* ===== Ajustes finais LIVE HUB módulos novos ===== */
.alert-ok,.alert-error{border-radius:16px;padding:12px 14px;margin:10px 0;font-weight:800}.alert-ok{background:#e8fff0;color:#098a3d}.alert-error{background:#ffecef;color:#d8002b}.settings-page .page-title,.page-title{display:flex;align-items:center;gap:8px}.settings-card{background:#fff;border:1px solid #eee;border-radius:22px;padding:18px;margin:14px 0;box-shadow:0 10px 32px rgba(0,0,0,.06)}.settings-card h2{margin:0 0 14px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #eee;border-radius:16px;padding:12px 14px;margin:10px 0}.switch-row small{display:block;color:#777}.switch-row input{width:22px;height:22px;accent-color:var(--red)}.danger-zone{border-color:#ffd3dc}.wallet-lite .wallet-summary,.wallet-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.wallet-summary>div{background:#fff;border-radius:18px;border:1px solid #eee;padding:15px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.wallet-summary span{color:#777}.wallet-summary b{display:block;margin-top:6px;font-size:18px}.history-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee;padding:12px 0}.history-row:last-child{border-bottom:0}.history-row .material-symbols-rounded{color:var(--red)}.history-row img,.mini-avatar{width:42px;height:42px;object-fit:cover;border-radius:50%}.history-row div{flex:1}.history-row small{display:block;color:#777}.history-row em{font-style:normal;font-weight:800;color:var(--red)}.mini-btn{border:0;border-radius:999px;padding:8px 12px;background:var(--red);color:#fff;font-weight:800}.status-pending{color:#e18b00!important}.status-approved,.status-paid{color:#00a354!important}.status-rejected{color:#d8002b!important}.notification-row{display:flex;gap:12px;text-decoration:none;color:#111;border-bottom:1px solid #eee;padding:14px 0}.notification-row.unread{background:#fff5f7;margin:0 -8px;padding:14px 8px;border-radius:14px}.notification-row .material-symbols-rounded{color:var(--red)}.ranking-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111;border-bottom:1px solid #eee;padding:12px 0}.ranking-row img{width:48px;height:48px;border-radius:50%;object-fit:cover}.ranking-row div{flex:1}.ranking-row small{display:block;color:#777}.ranking-row em{font-style:normal;font-weight:900;color:var(--red);display:flex;align-items:center;gap:4px}.terms-page p{line-height:1.55;color:#555}.wallet-actions{display:flex;gap:10px;padding:0 16px 14px}.wallet-actions .btn{flex:1;text-decoration:none;text-align:center}.wallet-history{margin:14px 16px!important}.history-row.dark{border-color:rgba(255,255,255,.08);color:#fff}.history-row.dark small{color:#aaa}.history-row.dark em{color:#ffd35a}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.quick-actions-grid a{text-decoration:none;color:#111;background:#fff;border:1px solid #eee;border-radius:16px;padding:12px 8px;text-align:center;font-weight:800;font-size:12px;box-shadow:0 8px 20px rgba(0,0,0,.05)}.quick-actions-grid .material-symbols-rounded{display:block;color:var(--red);margin:0 auto 4px}.start-live-trigger{width:100%;display:flex;align-items:center;gap:12px;border:0;background:linear-gradient(135deg,#ff1744,#e6002f);color:#fff;border-radius:22px;padding:15px;margin:14px 0;box-shadow:0 12px 28px rgba(255,23,68,.25);text-align:left}.start-live-trigger>span:first-child{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.start-live-trigger div{flex:1}.start-live-trigger b{display:block;font-size:17px}.start-live-trigger small{opacity:.9}.start-live-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.58)}.start-live-modal.show{display:flex}.start-live-backdrop{position:absolute;inset:0;background:transparent;backdrop-filter:none;display:none}.start-live-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,94vw);background:#fff;border-radius:28px;padding:16px;box-shadow:0 20px 70px rgba(0,0,0,.35);animation:sheetCenter .22s ease forwards;max-height:90vh;overflow:auto}.sheet-handle{width:52px;height:5px;border-radius:999px;background:#ddd;margin:0 auto 12px}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{margin:0;display:flex;align-items:center;gap:8px}.sheet-head button{border:0;background:rgba(239,0,51,.94);border-radius:50%;width:38px;height:38px;color:#fff;box-shadow:0 10px 24px rgba(239,0,51,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.live-cover-preview{display:flex;align-items:center;gap:12px;border:1px solid #eee;border-radius:18px;padding:10px;margin:12px 0}.live-cover-preview img{width:76px;height:76px;border-radius:16px;object-fit:cover}.upload-cover.full{width:100%;justify-content:center;margin-bottom:12px}@keyframes sheetCenter{to{transform:translate(-50%,-50%)}}
@keyframes sheetUp{to{transform:translateX(-50%) translateY(0)}}.modal-open{overflow:hidden}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gift-edit-row{display:grid;grid-template-columns:56px 1.2fr .7fr 1fr .6fr 1.2fr .7fr .7fr;gap:8px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}.gift-edit-row img{width:48px;height:48px;object-fit:contain}.gift-edit-row input{background:#10151d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px}.gift-edit-row button,.admin-row button,.admin-card button{background:linear-gradient(135deg,var(--red),#ff4d77);color:#fff;border:0;border-radius:12px;padding:9px 12px;font-weight:800;box-shadow:0 8px 18px rgba(239,0,51,.22)}.admin-row{display:grid;grid-template-columns:40px 1.2fr 1fr auto auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.admin-row.compact{grid-template-columns:1fr 1fr 1fr auto!important;margin-left:44px}.support-admin-row{grid-template-columns:40px 1fr 2fr 1.4fr auto!important}.admin-row select,.admin-row input,.admin-row textarea,.admin-setting-field input,.admin-setting-field select{background:#10151d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px}.admin-row a{color:var(--red);font-weight:800}.admin-setting-field{display:grid;gap:6px;color:#c9ccd4;font-size:13px;margin-top:10px}.admin-setting-field input{margin-top:4px}.icon-link{color:#111;text-decoration:none}.icon-link-light{color:#fff;text-decoration:none}.red{color:var(--red)!important}
@media(max-width:720px){.quick-actions-grid{grid-template-columns:repeat(4,1fr)}.gift-edit-row{grid-template-columns:48px 1fr 70px;gap:8px}.gift-edit-row input[type=file],.gift-edit-row label{grid-column:2/4}.gift-edit-row button{grid-column:auto}.two-cols{grid-template-columns:1fr}.wallet-summary{grid-template-columns:1fr}.admin-row.compact{margin-left:0;grid-template-columns:1fr!important}.support-admin-row{grid-template-columns:1fr!important}.admin-shell{grid-template-columns:1fr}.admin-side{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:9999;transform:translateX(-100%);transition:transform .25s ease;box-shadow:10px 0 30px rgba(0,0,0,.6);padding:20px}.admin-side.show{transform:translateX(0)}.admin-menu-toggle{display:flex!important}.admin-main{padding:18px}.admin-top{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.admin-search{margin-bottom:0;flex:1}.admin-user{justify-content:flex-end}.admin-kpis{grid-template-columns:1fr 1fr}.admin-page-title{margin-bottom:16px}}

/* Live: host clean mode + gift fullscreen effect simplificado */
.host-quick-actions{position:absolute;left:16px;right:16px;top:188px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;z-index:7}
.host-quick-actions button{height:34px;padding:0 8px;border-radius:12px;background:rgba(0,0,0,.58)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px}
.host-quick-actions .material-symbols-rounded{font-size:16px!important;color:#fff!important}
.received-empty{padding:10px 0;color:#bfc2cb;text-align:center;font-size:13px}

.gift-fade-effect{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;min-height:auto!important}
.gift-fade-effect img{width:132px!important;height:132px!important;object-fit:contain!important;filter:none!important}
.gift-fade-effect b{display:none!important}
.gift-fade-effect small{margin-top:8px;display:flex;align-items:center;gap:6px;font-size:31px!important;line-height:1;color:#ffd26b!important;font-weight:900!important;text-shadow:0 4px 16px rgba(0,0,0,.55)}
.gift-fade-effect small .material-symbols-rounded{font-size:30px!important;color:#ffbf35!important}

@media(max-width:430px){
  .host-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));top:176px}
  .gift-fade-effect img{width:104px!important;height:104px!important}
  .gift-fade-effect small{font-size:24px!important}
}

/* ===== Live UI Scaling & Clean Chat Rules ===== */
/* ===== Live UI Scaling & Clean Chat Rules ===== */
.chat-live {
  position: absolute;
  bottom: 74px;
  left: 14px;
  right: 76px;
  max-height: clamp(140px, 32vh, 320px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 10 !important;
  pointer-events: none !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.chat-live::-webkit-scrollbar {
  display: none !important;
}

.chat-row {
  pointer-events: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(12, 16, 24, 0.62);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 6px 12px;
  color: #fff;
  font-size: clamp(11px, 2.8vw, 13px);
  line-height: 1.35;
  width: fit-content;
  max-width: 100%;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  animation: chatRowPop 0.22s ease-out;
}

@keyframes chatRowPop {
  from { opacity: 0; transform: translateY(8px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.chat-row img {
  width: clamp(24px, 6vw, 32px);
  height: clamp(24px, 6vw, 32px);
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
}

.chat-row b {
  color: #ffd700;
  font-weight: 800;
  margin-right: 4px;
}

/* ===== Host Quick Actions & Input Bar Placement ===== */
.host-quick-actions {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
  height: 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  z-index: 20 !important;
  pointer-events: auto !important;
}

.host-quick-actions button {
  background: rgba(16, 21, 30, 0.82);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 6px 4px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease;
  cursor: pointer;
}

.host-quick-actions button .material-symbols-rounded {
  font-size: 20px;
  color: #fff;
}

.host-quick-actions button.active {
  background: linear-gradient(135deg, var(--red), #ff2b63) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 6px 20px rgba(239, 0, 51, 0.4) !important;
}

/* Position comment input bar above host menu */
.live-phone.is-host .chat-input-bar {
  bottom: 68px !important;
}

.live-phone.is-viewer .chat-input-bar {
  bottom: 16px !important;
}

/* Chat messages list positioned above comment input bar */
.live-phone.is-host .chat-live {
  bottom: 122px !important;
}

.live-phone.is-viewer .chat-live {
  bottom: 72px !important;
}

.chat-input-bar {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 16px;
  z-index: 35 !important;
  pointer-events: auto !important;
}

.comment-box {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: 46px !important;
  border-radius: 24px !important;
  background: rgba(12, 16, 24, 0.88) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 8px 0 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
  pointer-events: auto !important;
}

.comment-box input[name="message"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 14px !important;
  pointer-events: auto !important;
}

.comment-box input[name="message"]::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

.comment-box button {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 20px !important;
  cursor: pointer !important;
  border-radius: 50% !important;
  pointer-events: auto !important;
}

.emoji-picker {
  position: absolute !important;
  bottom: 56px !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(16, 21, 30, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 18px !important;
  padding: 10px !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 6px !important;
  z-index: 36 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.emoji-picker button {
  background: transparent !important;
  border: 0 !important;
  font-size: 22px !important;
  padding: 6px !important;
  cursor: pointer !important;
  border-radius: 10px !important;
}

.emoji-picker button:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}

.streamer-tools {
  position: absolute;
  right: 14px;
  top: 210px;
  display: none;
  flex-direction: column;
  gap: 8px;
  z-index: 35 !important;
  background: rgba(16, 21, 30, 0.92);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  padding: 10px 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  pointer-events: auto !important;
}

.creator-panel#hostManagerPanel,
.creator-panel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 75vh;
  overflow-y: auto;
  background: rgba(12, 16, 24, 0.98);
  backdrop-filter: blur(20px);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 26px 26px 0 0;
  padding: 18px 16px 80px;
  z-index: 50 !important;
  box-shadow: 0 -12px 48px rgba(0, 0, 0, 0.8);
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.creator-panel::-webkit-scrollbar {
  display: none !important;
}

.creator-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 800;
  font-size: 15px;
}

.creator-panel-close {
  background: rgba(255, 255, 255, 0.12);
  border: 0;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  transition: all 0.2s ease;
}

.creator-panel-close:hover {
  background: var(--red);
}

/* ===== Live layout stabilization + DM gift visual ===== */
.live-view #liveVideo{
  display:block;
  background:#000;
}

.live-view .live-status,
.live-view .viewer-pill{
  display:flex;
  align-items:center;
}

.live-view .right-actions{
  right:12px;
  top:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  width:78px;
  z-index:6;
}

.live-view .right-actions a{
  width:100%;
  min-height:58px;
  border-radius:14px;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.15);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  font-size:12px;
  text-align:center;
  padding:6px 4px;
  line-height:1.1;
}

.live-view .right-actions a .material-symbols-rounded,
.live-view .right-actions a .circle-img{
  margin:0;
}

.live-view .right-actions a .material-symbols-rounded{
  font-size:22px;
}

.live-view .right-actions a .circle-img{
  width:32px;
  height:32px;
  border-radius:50%;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.live-view .right-actions a .circle-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.admin-menu-toggle{
  display:none;
  background:#161b24;
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  width:42px;
  height:42px;
  border-radius:12px;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all .2s ease;
}

.admin-menu-toggle:hover{
  background:var(--red);
}

/* ===== Admin Modal & Table System ===== */
.admin-shell ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.admin-shell ::-webkit-scrollbar-track {
  background: transparent;
}
.admin-shell ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 999px;
}
.admin-shell ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

.admin-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(10px);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  overflow-y: auto;
}

.admin-modal-backdrop.show {
  display: flex;
}

.admin-modal-box {
  background: #121721;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  width: 100%;
  max-width: 640px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  overflow: hidden;
  animation: adminModalPop 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes adminModalPop {
  from { opacity: 0; transform: scale(0.95) translateY(10px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.admin-modal-header {
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.admin-modal-header h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
}

.admin-modal-close {
  background: rgba(255, 255, 255, 0.08);
  border: 0;
  color: #a0a6b5;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.admin-modal-close:hover {
  background: var(--red);
  color: #fff;
}

.admin-modal-body {
  padding: 24px;
  overflow-y: auto;
  flex: 1;
}

.admin-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.admin-modal-grid label,
.admin-modal-body label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #a0a6b5;
  margin-bottom: 6px;
}

.admin-modal-grid .input,
.admin-modal-body .input {
  width: 100%;
  background: #0d1117;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 10px 14px;
  color: #fff;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
}

.admin-modal-grid .input:focus,
.admin-modal-body .input:focus {
  border-color: var(--red);
}

.admin-modal-footer {
  padding: 16px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: rgba(0, 0, 0, 0.15);
}

@media (max-width: 600px) {
  .admin-modal-grid {
    grid-template-columns: 1fr;
  }
}

.admin-page-title{margin:0 0 18px;display:flex;flex-direction:column;gap:6px}
.admin-page-title h1{margin:0;font-size:28px;color:#fff}
.admin-page-title .muted{margin:0;color:#9ba0aa}
.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.admin-kpi-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#11141a,#181c24);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.admin-kpi-card strong{display:block;color:#fff;font-size:13px;margin-bottom:4px}
.admin-kpi-card b{display:block;color:#fff;font-size:22px;font-weight:800;margin-bottom:4px}
.admin-kpi-card em{color:#27c46b;font-weight:700;font-style:normal}
.admin-dashboard-hero{margin-bottom:14px}
.admin-hero-card{background:linear-gradient(135deg,#ff2b63,#7b1fa2);color:#fff;border:1px solid rgba(255,255,255,.08)}
.admin-hero-card h3,.admin-hero-card p{color:#fff}
.admin-hero-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.2);color:#fff;font-weight:800}
.admin-user-edit{
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  padding:10px;
  margin:8px 0 14px;
  background:rgba(255,255,255,.03);
}

.admin-user-edit>summary{
  cursor:pointer;
  font-weight:800;
  color:#fff;
}

.admin-user-edit-form{
  display:grid;
  gap:8px;
  margin-top:10px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.admin-user-edit-form .input,
.admin-user-edit-form textarea,
.admin-user-edit-form select{
  width:100%;
  min-height:40px;
}

.admin-user-edit-form textarea,
.admin-user-edit-form button,
.admin-user-edit-form input[name="bio"]{
  grid-column:1/-1;
}

.admin-user-edit-form button{
  justify-self:start;
}

@media(max-width:720px){
  .admin-user-edit-form{grid-template-columns:1fr;}
}

.dm-gift-message{
  background:linear-gradient(135deg,#fff4f7,#fff) !important;
  border:1px solid #ffd9e3 !important;
}

.dm-gift-message-row{
  display:flex;
  align-items:center;
  gap:10px;
}

.dm-gift-message-row img{
  width:42px;
  height:42px;
  object-fit:contain;
}

.dm-gift-message-row .material-symbols-rounded{
  color:var(--red);
}

.dm-gift-message-row b{
  display:block;
  margin-bottom:2px;
}

.dm-gift-message-row small{
  display:flex;
  align-items:center;
  gap:4px;
  color:#d1003c;
  font-weight:800;
}

/* DM: faixa horizontal de presentes abaixo do campo de mensagem */
.chat-screen .chat-input.dm-compose{
  height:auto !important;
  min-height:0;
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
  padding:8px 12px 8px !important;
}

.dm-compose-row{
  display:flex !important;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  margin-bottom:5px;
}

.dm-compose-row .input{
  flex:1 1 220px;
  min-width:0;
  width:100%;
}

.dm-compose-row > label,
.dm-compose-row > button{
  flex:0 0 auto;
}

@media (max-width: 420px){
  .dm-compose-row{
    gap:6px;
  }

  .dm-compose-row .input{
    flex:1 1 auto;
  }
}

.dm-gifts-inline{
  display:flex;
  align-items:stretch;
  gap:6px;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 1px 0;
  margin-top:0;
  white-space:nowrap;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.dm-gifts-inline::-webkit-scrollbar{
  display:none;
}

.dm-gifts-inline::-webkit-scrollbar{
  height:5px;
}

.dm-gifts-inline::-webkit-scrollbar-thumb{
  background:#d9dbe2;
  border-radius:999px;
}

.dm-inline-gift{
  flex:0 0 calc((100% - 24px) / 5);
  min-width:64px;
  max-width:74px;
  height:70px;
  border-radius:12px !important;
  background:#fff !important;
  color:#111 !important;
  border:1px solid #eceef3 !important;
  box-shadow:none !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:5px 4px !important;
  text-align:center;
}

.dm-inline-gift img{
  width:24px;
  height:24px;
  object-fit:contain;
  flex:0 0 auto;
}

.dm-inline-gift .material-symbols-rounded{
  font-size:20px;
  color:var(--red);
}

.dm-inline-gift span:last-of-type{
  font-size:10px;
  font-weight:700;
  line-height:1.15;
  white-space:normal;
  word-break:break-word;
  display:block;
}

.dm-inline-gift small{
  display:block;
  font-size:10px;
  font-weight:800;
  color:#d1003c;
  line-height:1.1;
  white-space:nowrap;
  overflow:visible;
}

.dm-inline-gift.active{
  border-color:var(--red) !important;
  background:#fff3f6 !important;
}

/* DM gifts: separate bottom sheets (direct gift / media lock) */
.dm-sheet-modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
}

.dm-sheet-modal.show{ display:block; }

.dm-sheet-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.42);
}

.dm-sheet-card{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:0 auto;
  width:min(430px, 100vw);
  max-height:54vh;
  background:#fff;
  border-radius:20px 20px 0 0;
  box-shadow:0 -12px 38px rgba(0,0,0,.22);
  padding:10px 12px calc(12px + env(safe-area-inset-bottom));
  display:flex;
  flex-direction:column;
}

.dm-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:4px 2px 10px;
}

.dm-sheet-head b{ font-size:16px; color:#111; }

.dm-sheet-head button{
  width:30px !important;
  height:30px !important;
  min-width:30px;
  border:0 !important;
  border-radius:50% !important;
  background:#f4f5f8 !important;
  color:#343844 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.dm-sheet-help{
  font-size:12px;
  color:#747985;
  margin:0 2px 8px;
}

.dm-sheet-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:8px;
  overflow:auto;
  padding:2px;
}

.dm-sheet-gift{
  min-height:86px;
  border:1px solid #eceef3 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#161821 !important;
  padding:8px 6px !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
}

.dm-sheet-gift img{
  width:30px;
  height:30px;
  object-fit:contain;
}

.dm-sheet-gift .material-symbols-rounded{
  font-size:23px;
  color:var(--red);
}

.dm-sheet-gift > span{
  font-size:12px;
  font-weight:700;
  line-height:1.15;
}

.dm-sheet-gift small{
  font-size:11px;
  color:#d1003c;
  font-weight:800;
}

.dm-sheet-gift.active,
.dm-sheet-gift:hover{
  border-color:var(--red) !important;
  background:#fff3f6 !important;
}

.dm-sheet-gift.dm-sheet-normal{
  background:#f8f9fc !important;
}

@media (max-width:430px){
  .dm-sheet-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

/* ===== Botão de ligar câmera na live ===== */
.host-cam-overlay{position:absolute;inset:0;background:rgba(0,0,0,.88);z-index:20;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.host-cam-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 24px}
.host-cam-card h3{margin:0;font-size:24px}
.host-cam-card p{font-size:15px;line-height:1.5}
.host-cam-btn{background:linear-gradient(135deg,var(--red),#ff174f)!important;color:#fff!important;border-radius:999px!important;padding:17px 40px!important;font-size:18px!important;display:inline-flex!important;align-items:center!important;gap:9px!important;box-shadow:0 12px 32px rgba(239,0,51,.45)!important;border:0!important;cursor:pointer!important}
.host-cam-btn:disabled{opacity:.6;cursor:not-allowed!important}
.host-cam-btn .material-symbols-rounded{font-size:22px!important}
.streamer-tools button.tool-active{color:var(--red)!important;opacity:.8}
.host-more-tools-panel{margin-top:6px;display:grid;gap:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.14)}
.host-more-tools-panel button{height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;font-size:12px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 8px!important}
.host-more-tools-panel button .material-symbols-rounded{font-size:17px!important}
.host-more-tools-panel button.tool-active{background:rgba(239,0,51,.24)!important;border-color:rgba(239,0,51,.7)!important;color:#ffd6df!important}

/* Host panel stats: desktop and mobile organization */
.creator-stats{
  right:12px!important;
  top:238px!important;
  width:min(240px,calc(100vw - 24px))!important;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  z-index:9;
}

.creator-stats>div{
  margin-bottom:0!important;
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(255,255,255,.16);
}

.creator-stats b{
  display:block;
  font-size:22px!important;
  margin-top:3px;
}

@media (max-width:430px){
  .creator-stats{
    left:12px!important;
    right:12px!important;
    top:228px!important;
    width:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .creator-stats>div:last-child{
    grid-column:1/-1;
  }

  .creator-stats b{
    font-size:19px!important;
  }

  .streamer-tools{
    top:362px!important;
  }

  .viewer-pill{
    top:153px!important;
  }
}
@keyframes lhSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ===== Live icons/layout hardening ===== */
.material-symbols-rounded{
  font-family:'Material Symbols Rounded','Material Icons',sans-serif !important;
}

.live-view .right-actions{
  width:84px !important;
  top:300px !important;
}

.live-view .right-actions a{
  min-height:76px !important;
  padding:8px 5px !important;
  gap:6px !important;
  font-size:11px !important;
  line-height:1.15 !important;
}

.live-view .right-actions a .material-symbols-rounded,
.live-view .right-actions a .circle-img{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  margin:0 !important;
  flex-shrink:0 !important;
}

.live-view .right-actions a .material-symbols-rounded{
  font-size:24px !important;
  line-height:1 !important;
}

.live-view #likeButton{
  gap:4px !important;
}

.live-view #likeButton #likeCount{
  display:block !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  min-height:13px !important;
}

.live-view .viewer-top-right{
  right:12px !important;
  top:88px !important;
}

@media (max-width:430px){
  .live-view .right-actions{
    top:290px !important;
    right:8px !important;
  }

  .live-view .right-actions a{
    min-height:72px !important;
  }
}

/* ===== Viewer live clean layout ===== */
.live-view .chat-live{
  left:12px !important;
  right:96px !important;
  bottom:205px !important;
  max-height:220px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.32)) !important;
  padding:8px 8px 10px !important;
}

.live-view .chat-row{
  padding:6px 8px !important;
  border-radius:12px !important;
  background:rgba(0,0,0,.42) !important;
  margin-bottom:4px !important;
  font-size:11px !important;
}

.live-view .chat-row b{
  font-size:12px !important;
  display:block !important;
  line-height:1.2 !important;
}

.live-view .chat-row div{
  font-size:11px !important;
  line-height:1.3 !important;
  word-break:break-word !important;
}

.live-view .chat-row img{
  width:34px !important;
  height:34px !important;
}

.viewer-panel .comment-box{
  margin:0 12px 10px !important;
  border-radius:16px !important;
  background:rgba(7,9,14,.72) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  backdrop-filter:blur(3px);
  position:static !important;
  width:100% !important;
  height:auto !important;
  left:auto !important;
  bottom:auto !important;
  padding:8px 10px !important;
  gap:8px !important;
}

.viewer-panel .comment-box input[name="message"]{
  font-size:15px !important;
  color:#fff !important;
  flex:1 1 auto !important;
  min-width:80px !important;
}

.viewer-panel .comment-box input[name="message"]::placeholder{
  color:#cfd5e4 !important;
}

.viewer-panel .comment-box button{
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  display:flex;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:none !important;
  padding:0 !important;
  flex:0 0 34px !important;
  font-size:18px !important;
}

.viewer-panel .comment-box #emojiToggle{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.viewer-panel .comment-box #commentSendBtn{
  background:linear-gradient(135deg,var(--red),#ff174f) !important;
  color:#fff !important;
  border:none !important;
}

.live-view .follow-btn.is-loading{
  opacity:.72;
  pointer-events:none;
}

.live-view .follow-btn.is-loading .material-symbols-rounded{
  animation:followSpin .7s linear infinite;
}

@keyframes followSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

.viewer-panel .emoji-picker{
  margin:0 12px 10px !important;
  border-radius:14px !important;
  background:rgba(8,10,16,.92) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  padding:8px !important;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
}

.viewer-panel .emoji-picker button{
  min-height:34px;
  border-radius:10px !important;
  font-size:18px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  box-shadow:none !important;
  padding:0 !important;
}

.viewer-panel .gift-tray{
  border-top-left-radius:18px !important;
  border-top-right-radius:18px !important;
  padding-top:12px !important;
}

.viewer-panel .gift-tabs{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-bottom:10px !important;
}

.viewer-panel .gift-tabs b{
  font-size:16px !important;
}

.viewer-panel .gift-tabs a{
  font-size:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
}

@media (max-width:430px){
  .live-view .chat-live{
    right:90px !important;
    bottom:194px !important;
    max-height:280px !important;
  }

  .live-view .chat-row div{
    font-size:11px !important;
  }
}

/* ===== Live full-height lock (no page scroll) ===== */
.live-phone,
.live-phone .live-view,
.live-phone .live-ui{
  height:100dvh !important;
  min-height:100dvh !important;
  max-height:100dvh !important;
  overflow:hidden !important;
}

html,
body.phone-body,
.live-phone,
.live-phone .live-view{
  overscroll-behavior-y:none !important;
}

.live-phone .viewer-panel{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  padding-top:0 !important;
  background:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:8px !important;
  z-index:9 !important;
  pointer-events:none;
}

.live-phone .viewer-panel .comment-box,
.live-phone .viewer-panel .gift-tray,
.live-phone .viewer-panel .emoji-picker{
  pointer-events:auto;
}

.live-view .live-ui{
  transition:opacity .2s ease;
}

.live-view.ui-hidden .live-ui{
  opacity:0;
  pointer-events:none;
}

.live-phone .viewer-panel .comment-box{
  margin:0 12px calc(10px + env(safe-area-inset-bottom)) !important;
}

.live-phone .viewer-panel .gift-tray{
  max-height:74dvh !important;
  overflow:hidden !important;
  margin:0 !important;
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
  padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  display:block !important;
  transform:translateY(108%);
  transition:transform .24s ease;
  z-index:22 !important;
}

.live-phone .viewer-panel .gift-tray.show{
  transform:translateY(0);
}

.gift-sheet-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  z-index:21;
}

.gift-sheet-backdrop.show{
  opacity:1;
  pointer-events:auto;
}

.gift-sheet-handle{
  width:48px;
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,.35);
  margin:0 auto 10px;
}

.gift-search{
  margin:0 12px 10px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(0,0,0,.24);
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 10px;
}

.gift-search .material-symbols-rounded{
  color:#d7d9e2;
  font-size:18px !important;
}

.gift-search input{
  width:100%;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:14px;
}

.gift-search input::placeholder{
  color:#bec3cf;
}

.live-phone .viewer-panel .gift-items{
  max-height:46dvh;
  overflow:auto;
  padding-bottom:8px;
}

.viewer-panel .comment-box #commentSendBtn{
  display:none;
}

.live-phone .chat-live{
  bottom:96px !important;
}

@media (max-width:430px){
  .live-phone .viewer-panel .gift-tray{
    max-height:47dvh !important;
  }

  .live-phone .chat-live{
    bottom:92px !important;
    max-height:250px !important;
  }
}

/* ===== Global 100% viewport layout ===== */
html,
body{
  height:100%;
}

body.phone-body{
  height:100dvh;
  min-height:100dvh;
  max-height:100dvh;
  overflow:hidden;
}

.phone{
  height:100dvh;
  min-height:100dvh;
  max-height:100dvh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.phone .pad{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/* ===== DM full-height behavior ===== */
.phone.chat-screen{
  height:100dvh !important;
  min-height:100dvh !important;
  max-height:100dvh !important;
}

.phone.chat-screen .chat-head{
  flex:0 0 auto;
}

.phone.chat-screen .chat-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

.phone.chat-screen .chat-input.dm-compose{
  flex:0 0 auto;
  margin-top:auto;
  padding-bottom:max(env(safe-area-inset-bottom), 8px) !important;
  padding-left:max(env(safe-area-inset-left), 0px) !important;
  padding-right:max(env(safe-area-inset-right), 0px) !important;
}

.phone.chat-screen .media-lightbox,
.phone.chat-screen .call-modal,
.phone.chat-screen .incoming-call-notification{
  position:fixed;
}

/* Safe area for chat elements */
.phone.chat-screen .dm-compose-row{
  padding-left:max(8px, env(safe-area-inset-left));
  padding-right:max(8px, env(safe-area-inset-right));
}

.phone.chat-screen .dm-gifts-inline{
  padding-left:max(8px, env(safe-area-inset-left));
  padding-right:max(8px, env(safe-area-inset-right));
}

.phone.chat-screen .chat-head{
  padding-left:max(12px, env(safe-area-inset-left));
  padding-right:max(12px, env(safe-area-inset-right));
  padding-top:max(8px, env(safe-area-inset-top));
}

.phone .pad{
  padding-left:max(16px, env(safe-area-inset-left));
  padding-right:max(16px, env(safe-area-inset-right));
}

.phone .bottom-nav{
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
  padding-bottom:max(8px, env(safe-area-inset-bottom));
}

/* ===== DM: search input, filters, conversation menu, chat header menu ===== */
.search input{
  border:none;
  outline:none;
  background:transparent;
  flex:1;
  font-size:16px;
  color:#1a1b1f;
  font-family:inherit;
}
.search input::placeholder{ color:#9a9da5; }
.filter-row a{
  height:38px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:19px;
  background:var(--red,#ef0033);
  color:#fff;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  white-space:nowrap;
}
.filter-row a.secondary{
  background:#f1f2f6;
  color:#5b5e66;
}
.conversation-row{
  position:relative;
  overflow:hidden;
  background:#fff;
  border-radius:14px;
}
.conversation-swipe{
  position:relative;
  z-index:2;
  width:100%;
  transform:translateX(0);
  transition:transform .2s ease;
  background:#fff;
}
.conversation-row.swipe-open .conversation-swipe{
  transform:translateX(-92px);
}
.conversation-row .conversation{ min-width:0; }

.conversation-delete-form{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:92px;
  z-index:1;
}
.conversation-delete-btn{
  width:100%;
  height:100%;
  border:none;
  border-radius:0 14px 14px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  background:#e3262f !important;
  color:#fff !important;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  box-shadow:none !important;
}

.conv-hold-menu{
  display:none;
  position:absolute;
  right:10px;
  top:12px;
  z-index:4;
  background:#fff;
  border:1px solid #eceef3;
  border-radius:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  padding:6px;
  min-width:172px;
}
.conv-hold-menu.show{ display:block; }
.conv-hold-menu form{ margin:0; }
.conv-hold-menu button{
  display:flex;
  align-items:center;
  gap:10px;
  border:none;
  background:transparent;
  text-align:left;
  width:100%;
  padding:10px 11px;
  border-radius:10px;
  font-size:14px;
  color:#1a1b1f;
  cursor:pointer;
}
.conv-hold-menu button:hover{ background:#f5f6fa; }
.conv-fav-star{
  font-size:14px !important;
  color:#ffb400;
  vertical-align:middle;
  margin-left:2px;
}
.empty-state{
  text-align:center;
  padding:60px 20px;
  color:#9a9da5;
}
.empty-state .material-symbols-rounded{ font-size:48px; display:block; margin:0 auto 10px; }

.chat-head-actions{
  position:relative;
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
}

.chat-head-actions > button,
.chat-head-actions > a{
  width:32px !important;
  height:32px !important;
  min-width:32px;
  border:0 !important;
  border-radius:50% !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  text-decoration:none;
}

.chat-head-actions > button .material-symbols-rounded,
.chat-head-actions > a .material-symbols-rounded{
  font-size:22px;
  color:#111;
}

.chat-head-actions #chatMoreBtn{
  cursor:pointer;
  font-size:24px;
  font-weight:400;
}
.chat-more-menu{
  display:none;
  position:absolute;
  right:0;
  top:44px;
  z-index:30;
  background:#fff;
  border:1px solid #eceef3;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(8,11,18,.16);
  padding:6px;
  min-width:200px;
}
.chat-more-menu.show{ display:block; }
.chat-more-menu form{ margin:0; }
.chat-more-menu button{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left;
  font-weight:700;
  padding:10px 12px;
  border-radius:10px;
  font-size:14px;
  color:#1a1b1f !important;
  cursor:pointer;
}
.chat-more-menu button .material-symbols-rounded{
  font-size:18px;
  color:#434854;
}
.chat-more-menu button:hover,
.chat-more-menu button:focus-visible{
  background:#f5f6fa !important;
}

.dm-confirm-card{
  max-width:360px;
  border-radius:20px;
  padding:20px;
  text-align:center;
}
.dm-confirm-card h2{
  margin:0 0 10px;
  font-size:19px;
  line-height:1.35;
}
.dm-confirm-card p{
  margin:0;
  color:#666c77;
  font-size:14px;
}
.dm-confirm-actions{
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.dm-confirm-actions button{
  height:44px;
  border-radius:12px;
  padding:0 10px;
  font-size:14px;
  font-weight:800;
}

/* Bloqueia menu de toque longo/cópia de link na interface */
html, body, .phone, a, button, .btn, img, video, .material-symbols-rounded{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}

input, textarea, select, [contenteditable="true"], .input, .textarea{
  -webkit-touch-callout:default;
  -webkit-user-select:text;
  user-select:text;
}

/* ===== Fix: DM compose always visible on mobile ===== */
.phone.chat-screen{
  height:100dvh !important;
  min-height:100dvh !important;
  max-height:100dvh !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}

.phone.chat-screen .chat-body.only-chat{
  flex:1 1 auto;
  min-height:0;
  overflow:auto !important;
}

.phone.chat-screen .chat-input.dm-compose{
  flex:0 0 auto;
  height:auto !important;
  min-height:48px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:6px;
  padding:8px 10px max(env(safe-area-inset-bottom), 8px) !important;
  border-top:1px solid #eceef3;
  background:#fff;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
}

.phone.chat-screen .chat-input.dm-compose .dm-gifts-inline{
  display:flex !important;
  align-items:stretch;
  gap:6px;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  padding:4px 2px 0;
  -webkit-overflow-scrolling:touch;
}

.phone.chat-screen .chat-input.dm-compose .dm-compose-row{
  display:flex !important;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  margin-bottom:0;
  min-height:42px;
}

.phone.chat-screen .chat-input.dm-compose .dm-compose-row .input{
  flex:1 1 220px;
  min-width:0;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

@media (max-width: 420px){
  .phone.chat-screen .chat-input.dm-compose .dm-compose-row{
    gap:6px;
  }

  .phone.chat-screen .chat-input.dm-compose .dm-compose-row .input{
    flex:1 1 auto;
  }
}

.phone.chat-screen .chat-input.dm-compose .dm-compose-row .input{
  min-height:38px;
  height:38px;
  border-radius:19px;
}

body.phone-body.dm-chat-open{
  height:100dvh !important;
  overflow:hidden !important;
}

body.phone-body.dm-chat-open .phone.chat-screen{
  position:relative;
  width:100%;
  display:flex;
  flex-direction:column;
}

body.phone-body.dm-chat-open .phone.chat-screen .chat-input.dm-compose{
  position:relative;
  bottom:auto;
  width:100%;
  z-index:28;
  background:#fff;
  box-shadow:none;
  padding-bottom:max(env(safe-area-inset-bottom), 10px) !important;
  margin-top:auto;
}

body.phone-body.dm-chat-open .phone.chat-screen .chat-input.dm-compose .dm-compose-row{
  min-height:42px;
  display:flex !important;
  align-items:center;
  gap:8px;
}

body.phone-body.dm-chat-open .phone.chat-screen .chat-body.only-chat{
  flex:1 1 auto;
  min-height:0;
  overflow:auto !important;
  padding-bottom:env(safe-area-inset-bottom);
}

/* ===== Fix: profile scroll reliability ===== */
body.phone-body.profile-page-open{
  height:auto !important;
  min-height:100dvh;
  max-height:none;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

body.phone-body.profile-page-open .profile-phone.own-profile-scroll{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0 auto;
  height:auto !important;
  min-height:100dvh !important;
  max-height:none !important;
  overflow:visible !important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

/* ===== Fullscreen mobile/tablet (edge-to-edge) ===== */
@media (max-width:1024px){
  html,
  body.phone-body,
  .phone,
  .live-phone,
  .live-view{
    width:100vw !important;
    max-width:none !important;
    margin:0 !important;
  }

  body.phone-body{
    background:#fff !important;
  }

  .phone{
    box-shadow:none !important;
    border-radius:0 !important;
  }

  .bottom-nav{
    left:0 !important;
    right:0 !important;
    transform:none !important;
    width:100vw !important;
    max-width:none !important;
    border-radius:20px 20px 0 0 !important;
  }

  .live-view,
  .live-phone,
  .phone.dark{
    min-height:100dvh !important;
    max-height:100dvh !important;
  }
}

/* ===== Live mobile/tablet: keyboard-safe viewport and sheet sizing ===== */
.live-phone,
.live-phone .live-view,
.live-phone .live-ui{
  height:var(--live-vh, 100dvh) !important;
  min-height:var(--live-vh, 100dvh) !important;
  max-height:var(--live-vh, 100dvh) !important;
}

.live-phone .viewer-panel{
  padding-bottom:max(env(safe-area-inset-bottom), 0px) !important;
}

.live-phone .viewer-panel .gift-tray{
  max-height:calc(var(--live-vh, 100dvh) - 88px) !important;
  min-height:min(320px, 58dvh) !important;
  overflow:hidden !important;
}

.live-phone .viewer-panel .gift-items{
  max-height:calc(var(--live-vh, 100dvh) - 240px) !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch;
}

.live-phone.keyboard-open .chat-live{
  bottom:154px !important;
  max-height:34dvh !important;
}

.live-phone.keyboard-open .viewer-panel .gift-tray{
  transform:translateY(108%) !important;
}

.live-phone.keyboard-open .viewer-panel .comment-box{
  margin:0 12px calc(8px + env(safe-area-inset-bottom)) !important;
}

@media (max-width:1024px){
  .live-phone .viewer-panel .gift-tray{
    max-height:calc(var(--live-vh, 100dvh) - 92px) !important;
  }

  .live-phone .viewer-panel .gift-items{
    max-height:calc(var(--live-vh, 100dvh) - 252px) !important;
  }
}

/* ===== Filtro de pais no dashboard ===== */
.square-btn.active{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
.square-btn.active .material-symbols-rounded{color:#fff!important}
.country-active-chip{display:flex;align-items:center;gap:6px;background:#fff3f6;border:1px solid #ffd0dc;color:#111;border-radius:999px;padding:8px 14px;margin:-12px 0 18px;font-size:14px}
.country-active-chip .material-symbols-rounded{font-size:18px;color:var(--red)}
.country-active-chip b{color:var(--red)}
.country-active-chip a{margin-left:auto;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #ffd0dc;color:var(--red)}
.country-active-chip a .material-symbols-rounded{font-size:16px;color:var(--red)}
.country-filter-list{display:grid;gap:8px;max-height:52vh;overflow:auto;margin-top:6px}
.country-filter-item{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #eceef3;border-radius:14px;background:#fff;color:#111;font-weight:700;font-size:15px}
.country-filter-item .material-symbols-rounded{font-size:21px;color:var(--red)}
.country-filter-item span{flex:1}
.country-filter-item small{background:#f4f5f8;color:#777b85;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}
.country-filter-item.active{border-color:var(--red);background:#fff3f6}
.country-filter-item.active small{background:var(--red);color:#fff}

/* ===== Carteira: habilitar rolagem com barra visivel ===== */
.phone.wallet-phone{height:100dvh;min-height:100dvh;max-height:100dvh;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.phone.wallet-phone>*:last-child{margin-bottom:40px}
.phone.wallet-phone::-webkit-scrollbar{width:8px}
.phone.wallet-phone::-webkit-scrollbar-track{background:transparent}
.phone.wallet-phone::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:999px}
.phone.wallet-phone::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}
.phone.wallet-phone{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}

/* ===== Tela do host: layout reorganizado (accordion) ===== */
/* Barra de acoes como toolbar coesa */
.host-quick-actions{top:154px!important;gap:6px!important;padding:6px!important;background:rgba(10,10,14,.42);border:1px solid rgba(255,255,255,.10);border-radius:16px;backdrop-filter:blur(8px)}
.host-quick-actions button{height:38px!important;border-radius:11px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;transition:background .15s,border-color .15s,box-shadow .15s}
.host-quick-actions button.active{background:var(--red)!important;border-color:var(--red)!important;box-shadow:0 6px 18px rgba(239,0,51,.4)!important}
.host-quick-actions button.active .material-symbols-rounded{color:#fff!important}

/* Painel de estatisticas: dropdown alinhado sob a barra */
.creator-stats{left:12px!important;right:12px!important;top:206px!important;width:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;background:rgba(12,12,16,.74)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:16px!important;backdrop-filter:blur(12px);z-index:9!important}
.creator-stats>div{margin:0!important;padding:11px 8px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;font-size:11px!important;line-height:1.25;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}
.creator-stats>div .material-symbols-rounded{font-size:20px!important;color:#ffd26b!important}
.creator-stats b{font-size:18px!important;margin:0!important}

/* Barra de ferramentas: toolbar coesa ancorada no rodape */
.streamer-tools{left:12px!important;right:12px!important;top:auto!important;bottom:112px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:8px!important;overflow:visible!important;padding:10px!important;background:rgba(12,12,16,.74)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;backdrop-filter:blur(12px);z-index:9}
.streamer-tools>button{flex:1 1 auto;min-width:62px;max-width:96px;height:auto!important;padding:8px 6px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:11px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important}
.streamer-tools>button .material-symbols-rounded{font-size:21px!important}
/* Painel "Mais" como popover acima da toolbar */
.streamer-tools .host-more-tools-panel{position:absolute;left:0;right:0;bottom:calc(100% + 8px);margin:0!important;padding:8px!important;background:rgba(12,12,16,.95);border:1px solid rgba(255,255,255,.14)!important;border-radius:14px;border-top:1px solid rgba(255,255,255,.14)!important;grid-template-columns:repeat(3,minmax(0,1fr));z-index:11}

/* Painel de gestao: limitar altura e habilitar rolagem */
.creator-panel{max-height:72vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

@media (max-width:430px){
  .host-quick-actions{top:144px!important}
  .creator-stats{top:246px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .creator-stats>div:last-child{grid-column:auto!important}
  .creator-stats b{font-size:16px!important}
  .streamer-tools{bottom:102px!important}
}

/* ===== Topo compacto: foto + titulo pequeno + AO VIVO + olho ===== */
.live-view .host-area{display:flex;align-items:center;gap:9px;max-width:calc(100% - 46px)}
.live-view .host-area>img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid rgba(255,255,255,.35)}
.live-top-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.live-title-mini{font-size:13px;font-weight:700;color:#fff;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.live-top-meta{display:flex;align-items:center;gap:6px}
.live-status-mini{display:inline-flex;align-items:center;gap:4px;background:var(--red,#ef0033);color:#fff;font-size:9px;font-weight:800;letter-spacing:.3px;padding:2px 7px;border-radius:999px;text-transform:uppercase}
.live-status-mini>span{width:5px;height:5px;border-radius:50%;background:#fff;animation:liveMiniPulse 1.2s infinite}
@keyframes liveMiniPulse{0%,100%{opacity:1}50%{opacity:.35}}
.viewer-pill-mini{display:inline-flex;align-items:center;gap:3px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.viewer-pill-mini .material-symbols-rounded{font-size:14px}

/* ===== Barra de meta de presentes (host + espectadores) ===== */
.live-goal{position:absolute;left:16px;right:16px;top:78px;z-index:6;background:rgba(10,10,14,.6);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:9px 12px;backdrop-filter:blur(10px);box-sizing:border-box;max-width:calc(100% - 32px)}
.live-goal-head{display:flex;align-items:center;gap:6px;color:#fff;font-size:12px;margin-bottom:6px;flex-wrap:wrap}
.live-goal-head .material-symbols-rounded{font-size:16px;color:#ef0033;flex-shrink:0}
.live-goal-head small{margin-left:auto;font-weight:800;color:#ffd26b}
.live-goal-track{height:7px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}
.live-goal-track>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff2b57,#ff6a3d);transition:width .4s}
.live-goal-remain{display:block;margin-top:5px;color:#c9ced9;font-size:10px;line-height:1.3}

@media (max-width:430px){
  .live-goal{left:10px;right:10px;top:72px;padding:8px 10px;border-radius:12px;max-width:calc(100% - 20px)}
  .live-goal-head{font-size:11px;gap:5px}
  .live-goal-head .material-symbols-rounded{font-size:14px}
  .live-goal-track{height:6px}
  .live-goal-remain{font-size:9px}
}

/* ===== Menu inferior fixo do host (Chat/Painel/Ferramentas/Moderadores) ===== */
.live-view .host-quick-actions{position:absolute!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:8px!important;background:rgba(10,10,14,.75)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;backdrop-filter:blur(12px);z-index:20!important}
.live-view .host-quick-actions button{flex-direction:column!important;gap:2px!important;height:auto!important;padding:7px 4px!important;font-size:10px!important}
.live-view .creator-panel{padding-bottom:88px!important}

/* ===== Ferramentas (efeitos) na lateral direita ===== */
.live-view .streamer-tools{position:absolute!important;right:10px!important;left:auto!important;top:120px!important;bottom:auto!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;width:72px!important;gap:8px!important;padding:8px!important;background:rgba(12,12,16,.7)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;backdrop-filter:blur(12px);z-index:12!important;overflow:visible!important}
.live-view .streamer-tools>button{flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:none!important}
.live-view .streamer-tools .host-more-tools-panel{position:absolute;right:calc(100% + 8px)!important;left:auto!important;top:0!important;bottom:auto!important;width:152px;grid-template-columns:1fr!important}

/* ===== Modal de presente premium + fixar meta ===== */
.premium-modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:18px}
.premium-modal-card{width:100%;max-width:360px;max-height:80vh;overflow-y:auto;background:#14141a;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:16px}
.premium-modal-head{display:flex;align-items:center;justify-content:space-between;color:#fff;margin-bottom:6px}
.premium-modal-head b{font-size:16px}
.premium-modal-head button{background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer}
.premium-modal-card>p{margin:0 0 12px;font-size:12px}
.premium-gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.premium-gift-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:11px;cursor:pointer}
.premium-gift-item.selected{border-color:var(--red,#ef0033);box-shadow:0 0 0 2px rgba(239,0,51,.4)}
.premium-gift-item img{width:38px;height:38px;object-fit:contain}
.premium-gift-item>.material-symbols-rounded{font-size:32px}
.premium-gift-item small{display:flex;align-items:center;gap:2px;color:#ffd26b;font-weight:700}
.premium-gift-item small .material-symbols-rounded{font-size:14px}
.host-premium-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-radius:12px;background:linear-gradient(135deg,#ff2b57,#ff6a3d);color:#fff;border:0;font-weight:700;cursor:pointer}
.host-goal-form{display:flex;gap:8px;margin-top:8px}
.host-goal-form input{flex:1;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#fff;padding:9px 11px;font-size:13px}
.host-goal-form button{display:flex;align-items:center;gap:5px;white-space:nowrap;background:var(--red,#ef0033);color:#fff;border:0;border-radius:10px;padding:9px 12px;font-weight:700;font-size:12px;cursor:pointer}
.host-goal-form button .material-symbols-rounded{font-size:16px}

/* ===== CORREÇÃO GERAL DE CONTRASTE E VISIBILIDADE DE MODAIS ===== */
.modal-backdrop{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.75)!important;
  backdrop-filter:blur(6px)!important;
  z-index:9990!important;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.modal-backdrop.show{ display:flex!important; }

.modal-card{
  width:100%!important;
  max-width:430px!important;
  background:#ffffff!important;
  color:#111111!important;
  border-radius:26px!important;
  padding:24px 20px!important;
  position:relative!important;
  box-shadow:0 24px 80px rgba(0,0,0,.45)!important;
  border:1px solid #eceef3!important;
}
.modal-card h1, .modal-card h2, .modal-card h3, .modal-card b, .modal-card span, .modal-card p, .modal-card label{
  color:#111111!important;
}
.modal-card p.muted, .modal-card small.muted{
  color:#666c77!important;
}
.modal-card .input, .modal-card select, .modal-card textarea{
  background:#f7f8fb!important;
  color:#111111!important;
  border:1px solid #e1e3ea!important;
}

.start-live-modal{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.75)!important;
  backdrop-filter:blur(6px)!important;
}
.start-live-modal.show{ display:flex!important; }

.start-live-sheet{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:min(430px, 94vw)!important;
  background:#ffffff!important;
  color:#111111!important;
  border-radius:28px!important;
  padding:24px 20px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.50)!important;
  border:1px solid #eceef3!important;
  max-height:88vh!important;
  overflow-y:auto!important;
}
.start-live-sheet h2, .start-live-sheet b, .start-live-sheet label, .start-live-sheet span{
  color:#111111!important;
}
.start-live-sheet p.muted, .start-live-sheet small{
  color:#666c77!important;
}
.start-live-sheet .input, .start-live-sheet select, .start-live-sheet textarea{
  background:#f7f8fb!important;
  color:#111111!important;
  border:1px solid #e1e3ea!important;
}
.start-live-sheet .input::placeholder, .start-live-sheet textarea::placeholder{
  color:#8a8e98!important;
}

.premium-modal{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  background:rgba(0,0,0,.82)!important;
  backdrop-filter:blur(8px)!important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.premium-modal-card{
  width:100%!important;
  max-width:380px!important;
  max-height:84vh!important;
  overflow-y:auto!important;
  background:#14161f!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:24px!important;
  padding:20px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.60)!important;
}
.premium-modal-card h2, .premium-modal-card b, .premium-modal-card span, .premium-modal-card p{
  color:#ffffff!important;
}
.premium-modal-card p.muted{
  color:#aeb3be!important;
}

/* ===== TELA DA LOGO / PAUSA DA TRANSMISSÃO COM RECONEXÃO ===== */
.stream-paused-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:45!important;
  background:rgba(6,7,10,.94)!important;
  backdrop-filter:blur(16px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:30px!important;
  color:#ffffff!important;
}
.stream-paused-overlay .logo-pause-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  max-width:320px;
}
.stream-paused-overlay .logo{
  font-size:38px;
  font-weight:1000;
  letter-spacing:-2px;
  color:#ffffff;
}
.stream-paused-overlay .logo b{
  color:var(--red,#ef0033);
}
.pause-avatar-wrap{
  position:relative;
  width:96px;
  height:96px;
  margin:6px 0;
}
.pause-avatar-wrap img{
  width:96px;
  height:96px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid var(--red,#ef0033);
}
.pause-spinner{
  position:absolute;
  inset:-7px;
  border:3px solid transparent;
  border-top-color:var(--red,#ef0033);
  border-radius:50%;
  animation:spinPause 1.2s linear infinite;
}
@keyframes spinPause{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
.stream-paused-overlay h3{
  margin:0;
  font-size:20px;
  font-weight:800;
  color:#ffffff;
}
.stream-paused-overlay p{
  margin:0;
  font-size:14px;
  color:#aeb3be;
  line-height:1.4;
}

/* ===== Card de live premium no dashboard (escurecido + cadeado) ===== */
.live-card.is-premium>img{
  filter:brightness(.55) saturate(.85);
}
.live-card-premium-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:rgba(0,0,0,.38);
  text-align:center;
}
.live-card-premium-overlay .material-symbols-rounded{
  font-size:26px;
  color:#fff;
  background:rgba(239,0,51,.9);
  border-radius:50%;
  padding:9px;
  box-shadow:0 4px 14px rgba(0,0,0,.45);
}
.live-card-premium-overlay b{
  font-size:10.5px;
  font-weight:900;
  letter-spacing:1px;
  color:#fff;
  background:linear-gradient(90deg,#ef0033,#ff4d6d);
  padding:4px 12px;
  border-radius:20px;
  box-shadow:0 4px 12px rgba(239,0,51,.4);
}
.live-card-premium-overlay.is-hot .material-symbols-rounded{
  background:linear-gradient(90deg,#ff7a00,#ff2a4b);
}
.live-card-premium-overlay.is-hot b{
  background:linear-gradient(90deg,#ff7a00,#ff2a4b);
  box-shadow:0 4px 12px rgba(255,122,0,.4);
}

/* ===== ESTILOS ELEGANTES DA LIVE PREMIUM ===== */
.live-premium-tag{
  background:linear-gradient(135deg, #ff0055, #7a00ff)!important;
  color:#ffffff!important;
  border-radius:12px!important;
  padding:2px 8px!important;
  font-weight:800!important;
  letter-spacing:0.5px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  box-shadow:0 0 12px rgba(255,0,85,0.4)!important;
}

.stream-premium-lock-overlay{
  z-index:99!important;
  background:rgba(10,12,18,.96)!important;
  backdrop-filter:blur(20px)!important;
}

.premium-lock-card{
  width:100%!important;
  max-width:380px!important;
  background:linear-gradient(180deg, rgba(26,29,43,0.95), rgba(16,18,27,0.98))!important;
  border:1.5px solid rgba(255,215,0,0.3)!important;
  border-radius:28px!important;
  padding:24px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  box-shadow:0 24px 80px rgba(0,0,0,0.7), 0 0 30px rgba(255,215,0,0.15)!important;
}

.premium-badge-tag{
  background:linear-gradient(90deg, #ffd700, #ff8c00);
  color:#111111;
  font-size:12px;
  font-weight:900;
  padding:4px 14px;
  border-radius:20px;
  letter-spacing:1px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-bottom:12px;
  box-shadow:0 4px 15px rgba(255,215,0,0.3);
}

.premium-avatar-glow{
  position:absolute;
  inset:-8px;
  border:2.5px dashed #ffd700;
  border-radius:50%;
  animation:spinPause 12s linear infinite;
}

.required-gift-box{
  width:100%;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:20px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:16px;
  margin:16px 0;
  text-align:left;
}

.required-gift-box .gift-img-wrap{
  width:56px;
  height:56px;
  background:rgba(255,215,0,0.1);
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,215,0,0.3);
}

.required-gift-box .gift-img-wrap img{
  width:42px;
  height:42px;
  object-fit:contain;
}

.required-gift-box .gift-img-wrap .gift-icon-big{
  font-size:32px;
  color:#ffd700;
}

.required-gift-box .gift-info-wrap{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.required-gift-box .gift-title{
  font-size:16px;
  font-weight:800;
  color:#ffffff;
}

.required-gift-box .gift-price{
  font-size:14px;
  color:#ffd700;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:4px;
}

.unlock-form{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.user-balance-pill{
  font-size:13px;
  color:#aeb3be;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:rgba(255,255,255,0.04);
  padding:8px 12px;
  border-radius:12px;
}

.btn-unlock-premium{
  background:linear-gradient(135deg, #ffd700, #ff8c00)!important;
  color:#111111!important;
  font-weight:900!important;
  font-size:15px!important;
  border-radius:16px!important;
  padding:14px 20px!important;
  border:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-shadow:0 8px 24px rgba(255,215,0,0.35)!important;
  cursor:pointer!important;
  text-decoration:none!important;
}

.btn-unlock-premium.btn-recharge{
  background:linear-gradient(135deg, #007bff, #7a00ff)!important;
  color:#ffffff!important;
  box-shadow:0 8px 24px rgba(0,123,255,0.35)!important;
}

/* ===== Caixas de meta de presentes QUADRADAS ===== */
.live-goal {
  position: absolute !important;
  left: 14px !important;
  top: 60px !important;
  z-index: 25 !important;
  width: 115px !important;
  height: 115px !important;
  border-radius: 20px !important;
  background: rgba(14, 16, 26, 0.78) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  padding: 10px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
  box-sizing: border-box !important;
}
.live-goal-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-align: center !important;
}
.live-goal-head b {
  font-size: 11px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
.live-goal-head .material-symbols-rounded {
  font-size: 22px !important;
  color: #ef0033 !important;
}
.live-goal-head small {
  margin-left: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #ffd26b !important;
}
.live-goal-track {
  height: 5px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.15) !important;
  overflow: hidden !important;
  width: 100% !important;
}
.live-goal-track > span {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ff003c, #ff4d6d) !important;
  transition: width 0.3s ease !important;
}
.live-goal-remain {
  display: block !important;
  color: #aeb3be !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ===== Corações Flutuantes Estilo Instagram ===== */
.hearts-container {
  position: absolute !important;
  bottom: 85px !important;
  right: 14px !important;
  width: 75px !important;
  height: 320px !important;
  pointer-events: none !important;
  z-index: 200 !important;
  overflow: hidden !important;
}
.dynamic-heart {
  position: absolute !important;
  bottom: 0 !important;
  font-size: 30px !important;
  font-variation-settings: 'FILL' 1 !important;
  animation: floatUpHeart 2.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5)) !important;
}
@keyframes floatUpHeart {
  0% {
    opacity: 1;
    transform: translateY(0) scale(0.6) rotate(0deg);
  }
  25% {
    opacity: 1;
    transform: translateY(-80px) scale(1.15) rotate(var(--rot, 15deg));
  }
  65% {
    opacity: 0.85;
    transform: translateY(-200px) scale(1) rotate(calc(var(--rot, 15deg) * -1));
  }
  100% {
    opacity: 0;
    transform: translateY(-310px) scale(0.65) rotate(var(--rot, 15deg));
  }
}

/* ===== Modo Limpo de Leitura (Espectador clica no vídeo) ===== */
.live-phone.clean-view-mode .header,
.live-phone.clean-view-mode .sub-header-tags,
.live-phone.clean-view-mode .chat-container,
.live-phone.clean-view-mode .input-box,
.live-phone.clean-view-mode .action-circle-btn,
.live-phone.clean-view-mode .top-gradient,
.live-phone.clean-view-mode .bottom-gradient,
.live-phone.clean-view-mode .live-goal {
  display: none !important;
}



/* ===== REGRAS EXATAS DO CÓDIGO FORNECIDO PELO USUÁRIO (escopadas sob .live-view) ===== */
.live-view .top-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 110px;
  background: linear-gradient(180deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  z-index: 2;
  pointer-events: none;
}

.live-view .bottom-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  background: linear-gradient(0deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.25) 65%, rgba(0,0,0,0) 100%);
  z-index: 2;
  pointer-events: none;
}

.live-view .creator-pill {
  display: flex !important;
  align-items: center !important;
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(12px) !important;
  padding: 3px 10px 3px 3px !important;
  border-radius: 20px !important;
  gap: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.live-view .creator-avatar {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 1.5px solid #ff1e43 !important;
  object-fit: cover !important;
}

.live-view .creator-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.live-view .creator-title {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  color: #fff !important;
}

.live-view .creator-title .verified-icon {
  color: #ff2a4b !important;
  font-size: 0.85em !important;
}

.live-view .creator-stats-pill,
.live-view .creator-diamonds {
  font-size: 0.6rem !important;
  font-weight: 600 !important;
  color: #70baff !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}

.live-view .btn-follow {
  background: #ff003c !important;
  color: #fff !important;
  border: none !important;
  padding: 4px 12px !important;
  border-radius: 14px !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.live-view .chat-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 68% !important;
  max-width: 290px !important;
  max-height: 235px !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  margin-bottom: 5px !important;
  padding-top: 20px !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 15%, black 35%, black 100%) !important;
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 15%, black 35%, black 100%) !important;
}

.live-view .chat-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  background: rgba(12, 12, 18, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 6px 10px !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
  animation: fadeInUp 0.22s ease-out !important;
  flex-shrink: 0 !important;
}

.live-view .avatar-wrapper {
  position: relative !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  padding: 1px !important;
  background: linear-gradient(135deg, rgba(255, 0, 60, 0.8), rgba(255, 255, 255, 0.3)) !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

.live-view .user-avatar {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background-color: #111 !important;
  display: block !important;
}

.live-view .chat-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  overflow: hidden !important;
}

.live-view .user-handle {
  font-weight: 700 !important;
  color: #d0d5dd !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.2px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-bottom: 2px !important;
}

.live-view .host-badge {
  background: linear-gradient(90deg, #ff003c, #ff2a4b) !important;
  color: #fff !important;
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  padding: 1px 6px !important;
  border-radius: 6px !important;
  letter-spacing: 0.3px !important;
}

.live-view .chat-text {
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 0.82rem !important;
  line-height: 1.28 !important;
  word-break: break-word !important;
}

.live-view .gift-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  background: rgba(255, 218, 115, 0.18) !important;
  color: #ffda73 !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 8px !important;
  margin-left: 2px !important;
  font-size: 0.75rem !important;
}

.live-view .footer,
.live-view .host-footer {
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.live-view .input-box {
  flex: 1 !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 10px 0 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.live-view .input-placeholder,
.live-view #commentInputHost,
.live-view #commentInput {
  font-size: 0.78rem !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 400 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
}

.live-view .action-circle-btn {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #ffffff !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: transform 0.1s ease, background 0.2s !important;
}

.live-view .action-circle-btn:active {
  transform: scale(0.88) !important;
  background: rgba(255, 255, 255, 0.25) !important;
}

.live-view .action-circle-btn .material-symbols-outlined {
  font-size: 1.25rem !important;
}

@keyframes heartFloat {
  0% {
    transform: translateY(0) scale(0.6) rotate(0deg);
    opacity: 0.9;
  }
  50% { opacity: 1; }
  100% {
}

.live-view .creator-title .verified-icon {
  color: #ff2a4b !important;
  font-size: 0.85em !important;
}

.live-view .creator-stats-pill,
.live-view .creator-diamonds {
  font-size: 0.6rem !important;
  font-weight: 600 !important;
  color: #70baff !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}

.live-view .btn-follow {
  background: #ff003c !important;
  color: #fff !important;
  border: none !important;
  padding: 4px 12px !important;
  border-radius: 14px !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.live-view .chat-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 68% !important;
  max-width: 290px !important;
  max-height: 235px !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  margin-bottom: 5px !important;
  padding-top: 20px !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 15%, black 35%, black 100%) !important;
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 15%, black 35%, black 100%) !important;
}

.live-view .chat-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  background: rgba(12, 12, 18, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 6px 10px !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
  animation: fadeInUp 0.22s ease-out !important;
  flex-shrink: 0 !important;
  pointer-events: auto !important;
}

.live-view .avatar-wrapper {
  position: relative !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  padding: 1px !important;
  background: linear-gradient(135deg, rgba(255, 0, 60, 0.8), rgba(255, 255, 255, 0.3)) !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.live-view .user-avatar {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background-color: #111 !important;
  display: block !important;
}

.live-view .chat-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  overflow: hidden !important;
}

.live-view .user-handle {
  font-weight: 700 !important;
  color: #d0d5dd !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.2px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-bottom: 2px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.live-view .host-badge {
  background: linear-gradient(90deg, #ff003c, #ff2a4b) !important;
  color: #fff !important;
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  padding: 1px 6px !important;
  border-radius: 6px !important;
  letter-spacing: 0.3px !important;
}

.live-view .chat-text {
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 0.82rem !important;
  line-height: 1.28 !important;
  word-break: break-word !important;
}

.live-view .gift-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  background: rgba(255, 218, 115, 0.18) !important;
  color: #ffda73 !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 8px !important;
  margin-left: 2px !important;
  font-size: 0.75rem !important;
}

.live-view .footer,
.live-view .host-footer {
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.live-view .input-box {
  flex: 1 !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 10px 0 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.live-view .input-placeholder,
.live-view #commentInputHost,
.live-view #commentInput {
  font-size: 0.78rem !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 400 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
}

.live-view .action-circle-btn {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #ffffff !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: transform 0.1s ease, background 0.2s !important;
}

.live-view .action-circle-btn:active {
  transform: scale(0.88) !important;
  background: rgba(255, 255, 255, 0.25) !important;
}

.live-view .action-circle-btn .material-symbols-outlined {
  font-size: 1.25rem !important;
}

@keyframes heartFloat {
  0% {
    transform: translateY(0) scale(0.6) rotate(0deg);
    opacity: 0.9;
  }
  50% { opacity: 1; }
  100% {
    transform: translateY(-200px) scale(1.25) rotate(var(--rot, 10deg));
    opacity: 0;
  }
}

/* ===== Profile Modal (Using Gift-Tray mechanics) ===== */
.profile-sheet-tray {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(28, 28, 30, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 20px 20px 0 0 !important;
  padding: 16px 20px 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  transform: translateY(108%) !important;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  box-shadow: 0 -10px 40px rgba(0,0,0,0.5) !important;
  color: #fff !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}
.profile-sheet-tray.show {
  transform: translateY(0) !important;
}
#profileModalOverlay {
  z-index: 99998 !important;
}
.profile-modal-drag-handle {
  width: 40px !important;
  height: 4px !important;
  background: rgba(255,255,255,0.3) !important;
  border-radius: 4px !important;
  margin: 0 auto 16px auto !important;
}
.profile-modal-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
}
.profile-modal-username {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 !important;
}
.profile-modal-header-actions {
  display: flex !important;
  gap: 12px !important;
}
.profile-modal-icon-btn {
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.7) !important;
  padding: 0 !important;
  cursor: pointer !important;
}
.profile-modal-main {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}
.profile-modal-avatar {
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid rgba(255,255,255,0.1) !important;
}
.profile-modal-info {
  display: flex !important;
  flex-direction: column !important;
}
.profile-modal-name {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.profile-modal-stats {
  display: flex !important;
  justify-content: center !important;
  gap: 40px !important;
  margin-bottom: 24px !important;
}
.stat-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.stat-val {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}
.stat-lbl {
  font-size: 0.75rem !important;
  color: rgba(255,255,255,0.6) !important;
}
.profile-modal-actions-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}
.profile-modal-btn {
  flex: 1 !important;
  background: #ff4d6d !important;
  color: #fff !important;
  border-radius: 25px !important;
  padding: 12px 0 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}
.profile-modal-circle-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
.profile-modal-tabs {
  display: flex !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  padding-top: 16px !important;
}
.profile-modal-tab {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.profile-modal-tab.active {
  color: #fff !important;
}
.profile-modal-tab.active .material-symbols-rounded {
  color: #ff4d6d !important;
}
.profile-modal-btn:active {
  opacity: 0.8 !important;
}


/* ==========================================================================
   SURGICAL IMAGE & LAYOUT CONTAINMENT FIXES
   ========================================================================== */
img {
    max-width: 100% !important;
}

.avatar, .user-avatar, .host-avatar, .live-avatar, .modal-cover-preview img, .create-live-modal img, .modal-body img {
    max-width: 100% !important;
    object-fit: cover !important;
}

.live-cover-preview {
    position: relative !important;
    width: 100% !important;
    height: 140px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #111 !important;
}

.live-cover-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.avatar-wrap {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.avatar-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}

/* ==========================================================================
   FIX MODAL MENU PERFIL - TRANSPARENCIA E SOBREPOSICAO
   ========================================================================== */
#profileMenuModal {
    z-index: 99999 !important;
    background: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(6px) !important;
}

.profile-menu-card {
    width: 100% !important;
    max-width: 430px !important;
    background: #ffffff !important;
    color: #111111 !important;
    border-radius: 24px 24px 0 0 !important;
    padding: 20px 16px !important;
    box-shadow: 0 -10px 40px rgba(0,0,0,0.35) !important;
    border-top: 1px solid #eceef3 !important;
    position: relative !important;
    z-index: 100000 !important;
    opacity: 1 !important;
}

.profile-menu-card h2, 
.profile-menu-card b, 
.profile-menu-card span, 
.profile-menu-card p, 
.profile-menu-card a {
    color: #111111 !important;
    opacity: 1 !important;
}

.profile-menu-links a {
    background: #f7f8fb !important;
    border: 1px solid #eceef3 !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    color: #111111 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.2s ease !important;
}

.profile-menu-links a:hover {
    background: #ef0033 !important;
    color: #ffffff !important;
    border-color: #ef0033 !important;
}

.profile-menu-links a:hover .material-symbols-rounded {
    color: #ffffff !important;
}