:root{--green:#2fb56f;--green-soft:#eaf8f1;--bg:#f2f4f7;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--shadow:0 10px 30px #0f172a14}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.btn,button{cursor:pointer;background:#eef2f7;border:0;border-radius:12px;padding:10px 14px}.btn.primary,button.primary{background:var(--green);color:#fff}.muted{color:var(--muted);font-size:13px}.vr-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid var(--line);background:#fffffff0;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:64px;padding:0 22px;display:grid;position:sticky;top:0}.vr-header-left,.vr-header-right{align-items:center;gap:12px;display:flex}.vr-header-right{justify-content:flex-end}.vr-logo{flex-direction:column;line-height:1;display:flex}.vr-logo-word{color:#1c7f4c;font-size:30px;font-weight:800}.vr-logo-word b{color:var(--green);font-size:34px}.vr-logo-tag{color:#4b6b58;font-size:11px}.vr-search{background:#f0f2f5;border-radius:999px;align-items:center;gap:8px;min-width:260px;height:42px;padding:0 14px;display:flex}.vr-search input{background:0 0;border:0;outline:0;width:100%}.vr-header-center{gap:8px;display:flex}.vr-header-center a{border-radius:14px;place-items:center;width:64px;height:44px;font-size:22px;display:grid}.vr-header-center a.active,.vr-header-center a:hover{background:var(--green-soft);color:var(--green)}.vr-icon-btn{border-radius:50%;width:42px;height:42px;font-size:18px}.vr-user-pill{background:#f0f2f5;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;display:flex}.vr-user-pill img,.avatar{object-fit:cover;border-radius:50%;width:42px;height:42px}.avatar.small{width:30px;height:30px}.vr-flash{z-index:100;box-shadow:var(--shadow);border-radius:14px;padding:12px 18px;position:fixed;top:76px;left:50%;transform:translate(-50%)}.vr-flash.success{color:#065f46;background:#ecfdf5}.vr-flash.error{color:#991b1b;background:#fef2f2}.vr-layout{grid-template-columns:300px minmax(420px,720px) 340px;gap:18px;max-width:1440px;height:calc(100vh - 64px);margin:0 auto;padding:18px;display:grid}.vr-page-home .vr-left-col,.vr-page-home .vr-right-col{align-self:start;height:calc(100vh - 100px);position:sticky;top:82px;overflow:hidden}.vr-page-home .vr-feed-col{height:calc(100vh - 100px);padding-right:6px;overflow-y:auto}.vr-side-menu{padding:12px}.vr-side-menu a{border-radius:14px;align-items:center;gap:12px;padding:12px;font-weight:650;display:flex}.vr-side-menu a:hover{background:var(--green-soft)}.side-card{margin-bottom:16px;padding:16px}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head a{color:var(--green);font-size:13px}.side-item{border-top:1px solid var(--line);padding:12px 0}.vr-composer{margin-bottom:16px;padding:16px}.vr-composer textarea{border:1px solid var(--line);resize:vertical;border-radius:16px;width:100%;padding:12px}.composer-row{align-items:center;gap:10px;margin-top:10px;display:flex}.composer-row select,.composer-row input{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:10px}.vr-story-row{gap:10px;margin:0 0 16px;display:flex;overflow-x:auto}.story-card{border:1px solid var(--line);background:linear-gradient(160deg,#dff8eb,#fff);border-radius:18px;flex-direction:column;justify-content:flex-end;min-width:130px;height:170px;padding:12px;display:flex}.post-head{align-items:center;gap:10px;display:flex}.post-head .post-menu{margin-left:auto;position:relative}.post-menu div{border:1px solid var(--line);box-shadow:var(--shadow);z-index:10;background:#fff;border-radius:14px;min-width:200px;padding:8px;position:absolute;right:0}.post-menu button{text-align:left;background:#fff;width:100%;display:block}.post-body{padding:14px 0;font-size:16px;line-height:1.5}.shared-post{border:1px solid var(--line);background:#f9fafb;border-radius:16px;padding:12px}.post-media-grid{border-radius:16px;gap:6px;display:grid;overflow:hidden}.post-media-grid img,.post-media-grid video{object-fit:cover;cursor:pointer;background:#000;width:100%;max-height:520px}.post-media-grid.count-2,.post-media-grid.count-3,.post-media-grid.count-4{grid-template-columns:1fr 1fr}.reaction-summary{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.post-actions{justify-content:space-between;gap:4px;padding:8px 0;display:flex}.post-actions form{flex:1}.post-actions button{background:#fff;width:100%}.post-actions button.active{background:var(--green-soft);color:var(--green);font-weight:700}.comment{gap:8px;margin:10px 0;display:flex}.comment div{background:#f3f4f6;border-radius:14px;padding:8px 12px}.comment p{margin:4px 0 0}.comment-form{gap:8px;display:flex}.comment-form input{border:1px solid var(--line);border-radius:999px;flex:1;padding:10px 14px}.profile-page{max-width:1180px;margin:18px auto}.profile-cover{overflow:hidden}.cover{background:#d1fae5 50%/cover;height:330px}.profile-main-row{align-items:end;gap:18px;margin-top:-60px;padding:0 24px 24px;display:flex}.profile-avatar{object-fit:cover;border:5px solid #fff;border-radius:50%;width:160px;height:160px}.profile-actions{gap:8px;margin-left:auto;display:flex}.profile-content{grid-template-columns:360px 1fr;gap:18px;margin-top:18px;display:grid}.profile-info{padding:18px}.friends-page,.family-page{grid-template-columns:320px 1fr;gap:18px;max-width:1320px;margin:18px auto;display:grid}.friends-sidebar,.family-sidebar{border-right:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;align-self:start;padding:18px;position:sticky;top:82px}.friends-sidebar a,.family-sidebar a{border-radius:12px;margin:4px 0;padding:12px;display:block}.friends-sidebar a.active,.family-sidebar a.active{background:var(--green-soft);color:var(--green);font-weight:800}.friends-content,.family-content{min-width:0}.person-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.person-card{padding:12px;overflow:hidden}.person-card img{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%}.family-hero{background:linear-gradient(135deg,#e9fff4,#fff);margin-bottom:16px;padding:24px}.family-case{margin-bottom:12px;padding:18px}.safe-card{background:#f8fafc;border-radius:14px;margin:16px 0;padding:12px;font-size:13px}.family-modal{box-shadow:var(--shadow);border:0;border-radius:22px;width:calc(100vw - 32px);max-width:680px;padding:0}.family-modal form{gap:10px;padding:24px;display:grid}.family-modal input,.family-modal textarea{border:1px solid var(--line);border-radius:12px;width:100%;padding:12px}.family-modal textarea{min-height:120px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.simple-page{max-width:1100px;margin:18px auto;padding:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stat{padding:20px}.stat strong{color:var(--green);font-size:34px;display:block}.vr-photo-viewer{z-index:200;background:#000000e0;grid-template-columns:1fr 380px;display:grid;position:fixed;inset:0}.vr-photo-viewer[hidden]{display:none}.vr-photo-viewer .media{place-items:center;padding:30px;display:grid}.vr-photo-viewer .media img,.vr-photo-viewer .media video{max-width:100%;max-height:92vh}.vr-photo-viewer .side{background:#fff;padding:20px;overflow:auto}.vr-photo-viewer .close,.vr-photo-viewer .nav{color:#fff;background:#ffffff29;font-size:40px;position:absolute}.vr-photo-viewer .close{top:12px;left:16px}.vr-photo-viewer .nav{border-radius:50%;width:54px;height:54px;top:50%;transform:translateY(-50%)}.vr-photo-viewer .prev{left:20px}.vr-photo-viewer .next{right:410px}@media (width<=1100px){.vr-layout{grid-template-columns:1fr}.vr-left-col,.vr-right-col{display:none}.vr-header{grid-template-columns:1fr auto}.vr-header-center,.vr-search{display:none}.profile-content,.friends-page,.family-page{grid-template-columns:1fr}.friends-sidebar,.family-sidebar{position:static}.vr-photo-viewer{grid-template-columns:1fr}.vr-photo-viewer .side{display:none}.vr-photo-viewer .next{right:20px}}.vr-auth-page{background:radial-gradient(circle at 0 0,#dff8eb 0,#eef7f1 35%,#f7faf8 100%);min-height:100vh}.vr-auth-wrap{grid-template-columns:minmax(280px,520px) minmax(320px,440px);justify-content:center;align-items:center;gap:44px;min-height:100vh;padding:32px;display:grid}.vr-auth-brand{padding:24px}.vr-auth-logo{color:#18794e;margin-bottom:18px;font-size:56px;font-weight:900;line-height:1}.vr-auth-brand h1{color:#123524;margin:0 0 14px;font-size:42px;line-height:1.1}.vr-auth-brand p{color:#54705e;font-size:18px;line-height:1.55}.vr-auth-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:30px;box-shadow:0 24px 80px #0f172a1a}.vr-auth-card h2{margin:0 0 6px;font-size:28px}.vr-auth-card label{margin:14px 0 7px;font-weight:750;display:block}.vr-auth-card input{background:#fff;border:1px solid #dbe7df;border-radius:14px;width:100%;padding:13px 14px;font-size:15px}.vr-auth-card .btn{width:100%;margin-top:16px;font-size:16px}.vr-form-error{color:#b42318;background:#fff0f0;border:1px solid #ffd0d0;border-radius:14px;margin:12px 0;padding:11px 12px}.vr-check-row{align-items:center;gap:8px;font-weight:500!important;display:flex!important}.vr-check-row input{width:auto!important}.vr-auth-test{border:1px solid var(--line);color:#475569;background:#f8fafc;border-radius:14px;margin-top:16px;padding:12px;font-size:13px;line-height:1.55}.vr-auth-switch{text-align:center;margin:18px 0 0}.vr-auth-switch a{color:#18794e;font-weight:800}.vr-logout-form{margin:0}.vr-popover{border:1px solid var(--line);z-index:120;background:#fff;border-radius:18px;width:360px;max-width:calc(100vw - 24px);padding:14px;position:fixed;top:70px;right:18px;box-shadow:0 22px 70px #0f172a29}.vr-popover[hidden]{display:none}.vr-popover h3{margin:0 0 10px}.vr-popover .pop-row{border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.vr-popover .pop-row:hover{background:#f8fafc}.vr-popover .pop-icon{background:var(--green-soft);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.vr-popover small{color:var(--muted)}.admin-page{padding-bottom:60px}.admin-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-tabs{flex-wrap:wrap;gap:8px;margin:14px 0 18px;padding:10px;display:flex}.admin-tabs a{border-radius:12px;padding:10px 13px;font-weight:750}.admin-tabs a.active,.admin-tabs a:hover{background:var(--green-soft);color:#18794e}.admin-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;display:grid}.admin-panel{margin-bottom:16px;padding:18px}.admin-panel h2{margin-top:0}.admin-list-row{border-top:1px solid var(--line);padding:11px 0}.admin-filter{align-items:center;gap:10px;margin-bottom:16px;padding:14px;display:flex}.admin-filter input,.admin-filter select,.admin-inline-form input,.admin-inline-form select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.admin-filter input{min-width:320px}.admin-table-wrap{padding:0;overflow:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:13px 14px}.admin-table th{color:#475569;background:#f8fafc;font-size:13px}.admin-inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-inline-form button{color:#fff;background:#1f8f59}.admin-post-row{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.badge{color:#334155;background:#eef2f7;border-radius:999px;margin-left:8px;padding:4px 9px;font-size:12px;display:inline-block}code{background:#f1f5f9;border-radius:6px;padding:2px 5px}@media (width<=900px){.vr-auth-wrap{grid-template-columns:1fr;gap:10px}.vr-auth-brand h1{font-size:32px}.admin-grid-2,.admin-post-row{grid-template-columns:1fr}.admin-filter{display:block}.admin-filter input{width:100%;min-width:0;margin-bottom:8px}}.vr-layout-p03 .vr-feed-col{scrollbar-width:thin}.composer-top{gap:12px;display:flex}.composer-top textarea{min-height:92px;font-size:16px}.composer-options{grid-template-columns:160px 1fr 1fr;gap:10px;margin-top:10px;display:grid}.composer-options input,.composer-options select{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:10px}.file-picker{color:#18794e;cursor:pointer;background:#f6fff9;border:1px dashed #b7d9c5;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.file-picker input{display:none}.media-preview{flex:1;gap:8px;display:flex;overflow-x:auto}.media-preview-item{border:1px solid var(--line);background:#f8fafc;border-radius:12px;flex:none;width:78px;height:58px;overflow:hidden}.media-preview-item img,.media-preview-item video{object-fit:cover;width:100%;height:100%}.patch-story-row{padding-bottom:2px}.create-story{background:linear-gradient(160deg,#e6fff2,#fff);border:2px dashed #97d9b5}.empty-story{opacity:.82}.feed-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;display:flex}.empty-feed{text-align:center;color:var(--muted);padding:28px}.feed-pagination{margin:14px 0 30px}.post-card-p03{overflow:hidden}.post-author{min-width:0}.post-menu summary{cursor:pointer;color:#667085;border-radius:12px;padding:4px 10px;font-size:22px;list-style:none}.post-menu summary:hover{background:#f2f4f7}.post-edit-form,.share-form{border:1px solid var(--line);background:#f8fafc;border-radius:16px;margin:12px 0;padding:12px}.post-edit-form textarea,.share-form textarea{border:1px solid var(--line);resize:vertical;border-radius:12px;width:100%;padding:12px}.post-body{white-space:normal;font-size:16.5px}.shared-post-p03{margin:8px 0 12px}.media-count-1{display:block}.media-count-1 img,.media-count-1 video{border-radius:16px}.media-count-2{grid-template-columns:1fr 1fr}.media-count-3{grid-template-columns:1.2fr .8fr}.media-count-3>:first-child{grid-row:span 2}.media-count-4,.media-count-5{grid-template-columns:1fr 1fr}.post-actions-p03{border-bottom:1px solid var(--line)}.post-actions-p03>button,.post-actions-p03 form button{justify-content:center;align-items:center;gap:5px;display:flex}.post-actions-p03>button{background:#fff;flex:1}.comments-p03{padding-top:6px}.comment-bubble{max-width:100%}.comment-bubble small{color:var(--muted)}.comment-delete{color:#667085;background:#f2f4f7;border-radius:50%;width:28px;height:28px;padding:0}.no-comments{margin:8px 0 12px}.comment-form{align-items:center}.comment-form img{flex:none}.safety-card p{color:var(--muted);line-height:1.45}@media (width<=760px){.composer-top{align-items:flex-start}.composer-options{grid-template-columns:1fr}.composer-row{flex-direction:column;align-items:stretch}.media-preview{width:100%}.post-actions-p03{grid-template-columns:repeat(3,1fr);display:grid}.post-actions-p03 button span{display:none}}.post-media-grid{background:0 0}.post-media-grid img,.post-media-grid video{cursor:pointer;background:#050505;display:block;object-fit:contain!important}.post-media-grid.media-count-1,.post-media-grid.count-1{background:0 0;justify-content:center;align-items:center;overflow:visible;display:flex!important}.post-media-grid.media-count-1 img,.post-media-grid.count-1 img,.post-media-grid.media-count-1 video,.post-media-grid.count-1 video{border-radius:16px;max-width:100%;height:auto;max-height:760px}.post-media-grid.media-count-1 .vr-media-landscape,.post-media-grid.count-1 .vr-media-landscape{aspect-ratio:var(--vr-media-ratio,16 / 9);width:100%!important;height:auto!important}.post-media-grid.media-count-1 .vr-media-square,.post-media-grid.count-1 .vr-media-square{aspect-ratio:1;width:min(100%,620px)!important;height:auto!important}.post-media-grid.media-count-1 .vr-media-portrait,.post-media-grid.count-1 .vr-media-portrait{aspect-ratio:var(--vr-media-ratio,9 / 16);width:auto!important;max-width:min(100%,460px)!important;height:min(76vh,760px)!important}.post-media-grid.media-count-1 img.vr-media-portrait,.post-media-grid.count-1 img.vr-media-portrait{background:0 0}.post-media-grid:not(.media-count-1):not(.count-1) img,.post-media-grid:not(.media-count-1):not(.count-1) video{width:100%;height:100%;min-height:220px;max-height:430px;object-fit:contain!important}.vr-photo-viewer .media{background:#050505;overflow:hidden}.vr-photo-viewer .media img,.vr-photo-viewer .media video{background:#050505;max-width:calc(100vw - 430px);max-height:94vh;display:block;object-fit:contain!important;width:auto!important;height:auto!important}.vr-photo-viewer .media .vr-media-landscape{aspect-ratio:var(--vr-media-ratio,16 / 9);width:min(100%,100vw - 430px)!important;height:auto!important}.vr-photo-viewer .media .vr-media-square{aspect-ratio:1;width:min(86vh,100vw - 430px)!important;height:auto!important}.vr-photo-viewer .media .vr-media-portrait{aspect-ratio:var(--vr-media-ratio,9 / 16);width:auto!important;max-width:min(520px,100vw - 430px)!important;height:94vh!important}.vr-photo-viewer .side h3{margin-top:0}@media (width<=1100px){.post-media-grid.media-count-1 .vr-media-portrait,.post-media-grid.count-1 .vr-media-portrait{max-width:min(100%,430px)!important;height:min(72vh,680px)!important}.vr-photo-viewer .media img,.vr-photo-viewer .media video,.vr-photo-viewer .media .vr-media-landscape,.vr-photo-viewer .media .vr-media-square{max-width:100vw!important}.vr-photo-viewer .media .vr-media-portrait{max-width:100vw!important;height:92vh!important}}.profile-page-p04{max-width:1180px;margin:18px auto 60px;padding:0 16px}.profile-hero{padding:0;overflow:hidden}.profile-cover-image{background-color:#dfeee6;background-position:50%;background-size:cover;border-radius:24px 24px 0 0;height:330px;position:relative}.profile-avatar-wrap .profile-avatar{object-fit:cover;background:#fff;border:6px solid #fff;border-radius:50%;width:148px;height:148px;box-shadow:0 8px 26px #0f172a24}.profile-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.profile-tabs{gap:10px;padding:12px 26px;display:flex}.profile-edit-panel{margin-top:18px}.profile-edit-form input,.profile-edit-form textarea,.profile-edit-form select{font:inherit;background:#fff;border:1px solid #dde5ee;border-radius:14px;padding:12px 13px}.profile-content-p04{grid-template-columns:360px minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.profile-info-stack{flex-direction:column;gap:18px;display:flex}.mini-photo-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mini-photo-grid img{aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:10px;width:100%}.friends-content-p04{flex-direction:column;gap:18px;display:flex}.person-card-p04 img{object-fit:cover;background:#fff;border:4px solid #fff;border-radius:50%;width:76px;height:76px;margin-top:-26px}@media (width<=980px){.profile-identity-row{flex-direction:column;align-items:flex-start}.profile-actions{justify-content:flex-start}.profile-content-p04,.friends-page-p04{grid-template-columns:1fr}.friends-sidebar{position:static}.person-grid-p04{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media (width<=640px){.profile-cover-image{height:220px}.profile-avatar-wrap .profile-avatar{width:118px;height:118px}.profile-title-block h1{font-size:30px}.person-grid-p04,.friend-stat-row{grid-template-columns:1fr}}html,body{max-width:100%;overflow-x:hidden}.vr-page-profile,.vr-page-profile-p04{background:var(--bg)}.profile-page-p04{width:min(1180px,100% - 32px);max-width:1180px;margin:18px auto 60px;padding:0}.profile-page-p04 *{box-sizing:border-box}.profile-page-p04 .card{max-width:100%;overflow:hidden}.profile-hero.card{border-radius:24px;padding:0;overflow:hidden}.profile-cover-image{background-color:#dfeee6;background-position:50%;background-size:cover;border-radius:24px 24px 0 0;height:330px;display:block;position:relative}.profile-cover-image:empty:before{content:"";background:linear-gradient(135deg,#e6fff2,#fff);width:100%;height:100%;display:block}.cover-edit{color:#132033;background:#fffffff0;border:0;border-radius:14px;padding:10px 14px;font-weight:800;position:absolute;bottom:18px;right:20px;box-shadow:0 6px 18px #0f172a1f}.profile-identity-row{border-bottom:1px solid #edf1f5;align-items:flex-end;gap:20px;padding:0 26px 22px;display:flex}.profile-avatar-wrap{flex:none;margin-top:-56px;position:relative}.profile-avatar-wrap .profile-avatar{object-fit:cover;background:#fff;border:6px solid #fff;border-radius:50%;width:148px;height:148px;display:block;box-shadow:0 8px 26px #0f172a24}.avatar-edit{background:#f1f5f9;border:0;border-radius:999px;width:40px;height:40px;position:absolute;bottom:12px;right:8px;box-shadow:0 6px 16px #0f172a29}.profile-title-block{flex:1;min-width:0}.profile-title-block h1{color:#172033;margin:0 0 4px;font-size:38px;line-height:1.05}.profile-title-block p{color:#64748b;margin:0}.profile-counts{color:#64748b;flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.profile-counts strong{color:#172033}.mutual-note{font-weight:700;color:#148852!important;margin-top:8px!important}.profile-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.profile-tabs{flex-wrap:wrap;gap:10px;padding:12px 26px;display:flex}.profile-tabs a{color:#64748b;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none}.profile-tabs a.active,.profile-tabs a:hover{color:#15834f;background:#ecfdf3}.profile-edit-panel{margin-top:18px;padding:18px}.profile-edit-panel .section-head{justify-content:space-between;align-items:center;display:flex}.profile-edit-form label{color:#334155;flex-direction:column;gap:7px;font-weight:800;display:flex}.profile-edit-form input,.profile-edit-form textarea,.profile-edit-form select{font:inherit;background:#fff;border:1px solid #dde5ee;border-radius:14px;width:100%;padding:12px 13px}.profile-edit-form textarea{resize:vertical}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-content-p04{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.profile-info-stack{flex-direction:column;gap:18px;min-width:0;display:flex}.profile-info{min-width:0;padding:18px;overflow:hidden}.profile-info h3{margin:0 0 12px;font-size:22px}.profile-info p{color:#334155;line-height:1.55}.mini-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:100%;display:grid;overflow:hidden}.mini-photo-grid img{aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:10px;width:100%;max-width:100%;height:auto;display:block}.profile-feed{width:100%;min-width:0;overflow:hidden}.profile-feed .post-card{width:100%;max-width:100%;overflow:hidden}.profile-feed .post-media-grid{max-width:100%;overflow:hidden}.profile-feed .post-media-grid img,.profile-feed .post-media-grid video{max-width:100%;height:auto;display:block}.friends-page-p04{grid-template-columns:330px minmax(0,1fr);gap:18px;max-width:1280px;margin:18px auto 60px;padding:0 16px;display:grid}.friends-sidebar{align-self:start;padding:18px;position:sticky;top:92px}.friends-title-row{justify-content:space-between;align-items:center;display:flex}.friends-title-row h1{margin:0 0 18px;font-size:32px}.friends-sidebar a{color:#172033;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:4px 0;padding:14px;font-weight:800;text-decoration:none;display:flex}.friends-sidebar a.active,.friends-sidebar a:hover{color:#15834f;background:#e9f8ef}.friends-sidebar b{color:#15834f;background:#ecfdf3;border-radius:999px;padding:4px 9px}.friends-content-p04{flex-direction:column;gap:18px;min-width:0;display:flex}.friends-hero{background:linear-gradient(135deg,#ecfdf3,#fff);padding:22px}.friends-hero h2{margin:0 0 6px;font-size:32px}.friends-hero p{color:#64748b}.friend-stat-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.friend-stat-row div{background:#fff;border:1px solid #e4ebf2;border-radius:18px;padding:16px}.friend-stat-row strong{color:#148852;font-size:28px;display:block}.friend-stat-row span{color:#64748b;font-weight:800}.friend-section{padding:22px}.friend-section .section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.friend-section h2{margin:0;font-size:24px}.friend-section .section-head span{color:#64748b;font-weight:800}.person-grid-p04{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.person-card-p04{border-radius:20px;padding:0;overflow:hidden}.person-cover{background-color:#e6f6ec;background-position:50%;background-size:cover;height:92px;text-decoration:none;display:block}.person-card-p04 .person-body{gap:12px;padding:0 14px 10px;display:flex}.person-card-p04 img{object-fit:cover;background:#fff;border:4px solid #fff;border-radius:50%;flex:none;width:76px;height:76px;margin-top:-26px}.person-main{min-width:0;padding-top:8px}.person-main strong a{color:#172033;text-decoration:none}.person-main p{color:#64748b;margin:2px 0}.person-main small{color:#64748b}.person-actions{gap:8px;padding:0 14px 14px;display:flex}.person-actions form{flex:1}.person-actions .btn,.person-actions button{width:100%}.empty-state-p04{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:24px}.empty-state-p04 strong{color:#172033;margin-bottom:4px;display:block}@media (width<=980px){.profile-identity-row{flex-direction:column;align-items:flex-start}.profile-actions{justify-content:flex-start;margin-left:0}.profile-content-p04,.friends-page-p04{grid-template-columns:1fr}.friends-sidebar{position:static}.person-grid-p04{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media (width<=640px){.profile-page-p04{width:calc(100% - 20px);margin-top:10px}.profile-cover-image{height:220px}.profile-avatar-wrap .profile-avatar{width:118px;height:118px}.profile-title-block h1{font-size:30px}.profile-identity-row,.profile-tabs{padding-left:16px;padding-right:16px}.person-grid-p04,.friend-stat-row{grid-template-columns:1fr}}.vr-header{z-index:1000;width:100%;top:0;left:0;right:0;box-shadow:0 1px 10px #0f172a0d;position:fixed!important}body.vr-page-home,body.vr-page-profile,body.vr-page-friends,body.vr-page-family,body.vr-page-simple{padding-top:64px;overflow-x:hidden}.vr-page-profile .vr-header{position:fixed!important}.profile-page-p04{padding-top:16px}.profile-cover-image{overflow:visible}.profile-hero{overflow:visible!important}.profile-identity-row{align-items:center!important;padding:34px 30px 28px!important}.profile-avatar-wrap{margin-top:-92px!important}.profile-title-block{padding-top:18px}.profile-title-block h1{margin-top:0!important}.profile-cover-actions{z-index:20;position:absolute;bottom:18px;right:20px}.profile-cover-actions .cover-edit{position:static!important}.cover-action-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:285px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 55px #0f172a2e}.cover-action-menu[hidden]{display:none}.cover-action-menu button{text-align:left;color:#172033;background:#fff;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:13px 14px;font-weight:800;display:flex}.cover-action-menu button:hover{background:#f3f4f6}.cover-action-menu button.is-disabled{opacity:.45;cursor:not-allowed}.cover-action-menu button.danger{color:#b42318}.cover-action-menu form{border-top:1px solid #e5e7eb;margin:4px 0 0;padding-top:5px}.profile-tabs{clear:both}.profile-tabs a{white-space:nowrap}.profile-content-p04{overflow:visible}.profile-feed .post-card,.profile-info.card{max-width:100%;overflow:hidden}@media (width<=760px){body.vr-page-home,body.vr-page-profile,body.vr-page-friends,body.vr-page-family,body.vr-page-simple{padding-top:64px}.profile-identity-row{padding:28px 18px 22px!important}.profile-avatar-wrap{margin-top:-78px!important}.profile-title-block{padding-top:6px}.profile-cover-actions{bottom:12px;right:12px}.cover-action-menu{width:min(285px,100vw - 32px);right:0}}.vr-header{z-index:1200;background:#fff;top:0;left:0;right:0;box-shadow:0 1px 10px #0f172a14;position:fixed!important}.vr-profile-page{width:min(1360px,100% - 40px);max-width:1360px;margin:18px auto 64px;padding:0}.vr-profile-hero-card{background:#fff;border-radius:0 0 22px 22px;padding:0!important;overflow:visible!important}.vr-profile-cover{cursor:default;background-color:#dff7ea;background-repeat:no-repeat;background-size:cover;border-radius:0 0 8px 8px;height:410px;position:relative;overflow:hidden}.vr-profile-cover.is-repositioning{cursor:grab}.vr-profile-cover.is-repositioning:active{cursor:grabbing}.vr-cover-actions{z-index:30;position:absolute;bottom:26px;right:28px}.vr-cover-edit{color:#111827!important;background:#fffffff5!important;border:0!important;border-radius:12px!important;padding:12px 18px!important;font-weight:900!important;position:static!important;box-shadow:0 8px 24px #0f172a29!important}.vr-cover-menu{z-index:80;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:315px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #0f172a3d}.vr-cover-menu[hidden]{display:none}.vr-cover-menu button{text-align:left;color:#111827;cursor:pointer;background:#fff;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;padding:14px 15px;font-size:16px;font-weight:850;display:flex}.vr-cover-menu button:hover{background:#f3f4f6}.vr-cover-menu button.danger{color:#b42318}.vr-cover-menu form{border-top:1px solid #e5e7eb;margin-top:5px;padding-top:6px}.vr-cover-public-note{color:#fff;z-index:35;background:#111827cc;align-items:center;height:60px;padding:0 24px;font-size:16px;font-weight:800;display:flex;position:absolute;top:0;left:0;right:0}.vr-cover-savebar{z-index:45;gap:10px;display:flex;position:absolute;top:10px;right:24px}.vr-cover-drag-tip{color:#fff;z-index:40;background:#111827ad;border-radius:999px;padding:13px 20px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 45px #0f172a38}.vr-profile-identity-row{background:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:210px minmax(0,1fr) auto;gap:24px;align-items:end!important;padding:0 30px 26px!important;display:grid!important}.vr-profile-avatar-wrap{z-index:25;margin-top:-82px!important}.vr-profile-avatar{background:#fff;object-fit:cover!important;border:7px solid #fff!important;border-radius:50%!important;width:180px!important;height:180px!important;box-shadow:0 10px 28px #0f172a2e!important}.vr-avatar-edit{background:#eef2f7!important;border:4px solid #fff!important;width:42px!important;height:42px!important;bottom:16px!important;right:10px!important}.vr-profile-title-block{min-width:0;padding-top:24px!important}.vr-profile-title-block h1{letter-spacing:-1.2px;color:#111827!important;margin:0 0 8px!important;font-size:44px!important;font-weight:950!important;line-height:1.08!important}.vr-verified{color:#fff;vertical-align:middle;background:#1b74e4;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-left:8px;font-size:20px;display:inline-flex}.vr-profile-counts{color:#6b7280!important;flex-wrap:wrap!important;gap:8px 14px!important;margin-top:8px!important;font-size:17px!important;font-weight:750!important;display:flex!important}.vr-profile-counts strong{color:#111827!important}.vr-profile-actions{align-self:center;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;display:flex!important}.vr-btn{appearance:none;color:#111827;cursor:pointer;background:#e9edf3;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:900;line-height:1.1;text-decoration:none;display:inline-flex}.vr-btn:hover{filter:brightness(.98)}.vr-btn.primary{color:#fff;background:#1b74e4}.vr-btn.ghost{color:#fff;background:#ffffff26}.vr-profile-tabs{background:#fff;border-top:1px solid #f1f5f9;align-items:center;height:70px;overflow-x:auto;gap:0!important;padding:0 30px!important;display:flex!important}.vr-profile-tabs a{white-space:nowrap;border-bottom:4px solid #0000;align-items:center;height:70px;text-decoration:none;display:flex;color:#6b7280!important;border-radius:0!important;padding:0 18px!important;font-size:17px!important;font-weight:900!important}.vr-profile-tabs a.active{border-bottom-color:#1b74e4;color:#1b74e4!important;background:0 0!important}.vr-profile-tabs a:hover{background:#f3f4f6!important}.vr-more-btn{background:#e9edf3;border:0;border-radius:10px;margin-left:auto;padding:11px 18px;font-size:20px;font-weight:900}.vr-profile-edit-panel{width:min(1360px,100% - 40px);margin:18px auto!important;padding:22px!important}.vr-profile-content{align-items:start;width:min(1360px,100% - 40px);grid-template-columns:minmax(300px,430px) minmax(0,1fr)!important;gap:18px!important;margin:18px auto 70px!important;display:grid!important}.vr-profile-content .profile-info{border-radius:18px!important;padding:22px!important}.vr-profile-content .profile-info h3{font-size:26px!important}.profile-feed{min-width:0!important}.profile-feed .post-card{overflow:hidden;border-radius:18px!important}.profile-feed img,.profile-feed video{max-width:100%;height:auto}.mini-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.mini-photo-grid img{aspect-ratio:1!important;object-fit:cover!important;border-radius:8px!important;width:100%!important}.vr-profile-cover.is-repositioning .vr-cover-actions{display:none}@media (width<=980px){.vr-profile-page,.vr-profile-edit-panel,.vr-profile-content{width:calc(100% - 24px)}.vr-profile-cover{height:300px}.vr-profile-identity-row{grid-template-columns:140px minmax(0,1fr)!important;gap:16px!important}.vr-profile-avatar{width:130px!important;height:130px!important}.vr-profile-avatar-wrap{margin-top:-60px!important}.vr-profile-actions{grid-column:1/-1;justify-content:flex-start!important}.vr-profile-title-block h1{font-size:34px!important}.vr-profile-content{grid-template-columns:1fr!important}.vr-cover-actions{bottom:14px;right:14px}.vr-cover-menu{width:min(315px,100vw - 32px)}}@media (width<=640px){body.vr-page-profile{padding-top:60px}.vr-profile-cover{height:235px}.vr-profile-identity-row{grid-template-columns:100px minmax(0,1fr)!important;padding:0 16px 20px!important}.vr-profile-avatar{border-width:5px!important;width:96px!important;height:96px!important}.vr-profile-avatar-wrap{margin-top:-48px!important}.vr-profile-title-block{padding-top:18px!important}.vr-profile-title-block h1{letter-spacing:-.5px;font-size:28px!important}.vr-profile-counts{font-size:14px!important}.vr-profile-tabs{height:58px;padding:0 12px!important}.vr-profile-tabs a{height:58px;padding:0 12px!important;font-size:15px!important}.vr-cover-edit{padding:12px!important;font-size:0!important}.vr-cover-edit:after{content:"📷";font-size:18px}.vr-cover-public-note{height:54px;font-size:13px}.vr-cover-savebar{top:8px;left:12px;right:12px}.vr-cover-savebar .vr-btn{flex:1}.vr-cover-drag-tip{white-space:nowrap;font-size:13px}}body.vr-page-profile{padding-top:64px!important}.vr-header{z-index:2000!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.vr-profile-page,.profile-page-p04,.vr-profile-edit-panel,.vr-profile-content,.profile-content-p04{width:min(1380px,100% - 96px)!important;max-width:1380px!important;margin-left:auto!important;margin-right:auto!important}.vr-profile-cover:not(.is-cover-repositioning):not(.is-repositioning) [data-cover-savebar],.vr-profile-cover:not(.is-cover-repositioning):not(.is-repositioning) [data-cover-reposition-hint],.vr-profile-cover:not(.is-cover-repositioning):not(.is-repositioning) [data-cover-drag-tip],[data-cover-savebar][hidden],[data-cover-reposition-hint][hidden],[data-cover-drag-tip][hidden],[data-cover-menu][hidden]{display:none!important}.vr-profile-cover.is-cover-repositioning [data-cover-savebar],.vr-profile-cover.is-repositioning [data-cover-savebar],.vr-profile-cover.is-cover-repositioning [data-cover-reposition-hint],.vr-profile-cover.is-repositioning [data-cover-reposition-hint]{display:flex!important}.vr-profile-cover.is-cover-repositioning [data-cover-drag-tip],.vr-profile-cover.is-repositioning [data-cover-drag-tip]{display:block!important}.vr-profile-cover{background-position-x:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:0 0 8px 8px!important;height:390px!important}.vr-cover-actions{display:block!important}.vr-profile-cover.is-cover-repositioning .vr-cover-actions,.vr-profile-cover.is-repositioning .vr-cover-actions{display:none!important}.vr-cover-edit{font-size:16px!important}.vr-cover-menu{z-index:2500!important}.vr-cover-menu button{cursor:pointer!important}.vr-profile-identity-row{grid-template-columns:190px minmax(0,1fr) auto!important;align-items:end!important;gap:22px!important;padding:0 28px 24px!important}.vr-profile-avatar-wrap{margin-top:-78px!important}.vr-profile-avatar{border-width:6px!important;width:168px!important;height:168px!important}.vr-profile-title-block{padding-top:28px!important}.vr-profile-title-block h1{letter-spacing:-.8px!important;margin-bottom:8px!important;font-size:38px!important;line-height:1.08!important}.vr-verified{color:#fff!important;background:#22c55e!important;width:28px!important;height:28px!important;font-size:19px!important;box-shadow:0 2px 8px #22c55e40!important}.vr-profile-counts{font-size:16px!important;line-height:1.35!important}.vr-profile-actions .vr-btn.primary,.vr-profile-actions .vr-btn{border-radius:10px!important;padding:11px 16px!important;font-size:15px!important}.vr-profile-tabs{height:64px!important;padding:0 28px!important}.vr-profile-tabs a{height:64px!important;padding:0 16px!important;font-size:16px!important}@media (width<=1100px){.vr-profile-page,.profile-page-p04,.vr-profile-edit-panel,.vr-profile-content,.profile-content-p04{width:calc(100% - 32px)!important}.vr-profile-identity-row{grid-template-columns:150px minmax(0,1fr)!important}.vr-profile-actions{grid-column:1/-1!important;justify-content:flex-start!important}.vr-profile-avatar{width:136px!important;height:136px!important}.vr-profile-avatar-wrap{margin-top:-64px!important}.vr-profile-title-block h1{font-size:32px!important}}@media (width<=640px){.vr-profile-cover{height:245px!important}.vr-profile-identity-row{grid-template-columns:104px minmax(0,1fr)!important;padding:0 16px 18px!important}.vr-profile-avatar{width:96px!important;height:96px!important}.vr-profile-avatar-wrap{margin-top:-46px!important}.vr-profile-title-block{padding-top:18px!important}.vr-profile-title-block h1{font-size:26px!important}.vr-profile-counts{font-size:14px!important}}.vr-profile-shell,.vr-profile-hero,.vr-profile-cover,.vr-profile-cover-wrap,.vr-profile-cover-area,.vr-profile-head,.vr-profile-actions,.vr-cover-actions,.vr-cover-edit,.profile-cover,.profile-header,.profile-hero{overflow:visible!important}.vr-cover-menu,.vr-cover-dropdown,.vr-cover-menu-popover,.vr-cover-options,.vr-cover-action-menu,.profile-cover-menu,.cover-menu,.cover-dropdown,[data-cover-menu],[data-cover-dropdown]{background:#fff;border:1px solid #0f172a14;border-radius:16px;min-width:260px;box-shadow:0 18px 48px #0f172a38;z-index:999999!important;position:absolute!important}.vr-cover-edit-button,.vr-cover-menu-toggle,.profile-cover-edit-btn,.cover-edit-btn,[data-cover-menu-toggle]{position:relative;z-index:999998!important}.vr-cover-position-toolbar,.vr-cover-reposition-toolbar,.cover-position-toolbar,.cover-reposition-toolbar,[data-cover-position-toolbar],[data-cover-reposition-toolbar]{display:none!important}body.vr-cover-editing .vr-cover-position-toolbar,body.vr-cover-editing .vr-cover-reposition-toolbar,body.vr-cover-editing .cover-position-toolbar,body.vr-cover-editing .cover-reposition-toolbar,body.vr-cover-editing [data-cover-position-toolbar],body.vr-cover-editing [data-cover-reposition-toolbar]{display:flex!important}.vr-cover-editing .vr-profile-cover img,.vr-cover-editing .vr-profile-cover video,body.vr-cover-editing .vr-cover-edit-target{-webkit-user-select:none;user-select:none;cursor:grab!important}body.vr-cover-dragging .vr-cover-edit-target{cursor:grabbing!important}.vr-cover-fallback-menu{z-index:1000000;background:#fff;border:1px solid #0f172a14;border-radius:18px;min-width:280px;padding:10px;position:fixed;box-shadow:0 20px 55px #0f172a40}.vr-cover-fallback-menu[hidden]{display:none!important}.vr-cover-fallback-menu button,.vr-cover-fallback-menu label{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:15px;font-weight:800;display:flex}.vr-cover-fallback-menu button:hover,.vr-cover-fallback-menu label:hover{background:#f1f5f9}.vr-cover-fallback-menu .vr-danger{color:#dc2626}.vr-cover-fallback-file{display:none!important}.vr-cover-fallback-toolbar{left:0;right:0;top:var(--vr-header-height,74px);z-index:999997;color:#fff;background:#0f172ae0;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:none;position:fixed;box-shadow:0 10px 24px #0f172a2e}body.vr-cover-editing .vr-cover-fallback-toolbar{display:flex}.vr-cover-fallback-toolbar strong{font-size:15px}.vr-cover-fallback-toolbar .vr-cover-toolbar-actions{gap:10px;display:flex}.vr-cover-fallback-toolbar button{cursor:pointer;border:0;border-radius:12px;padding:11px 22px;font-weight:900}.vr-cover-fallback-toolbar .vr-cancel{color:#fff;background:#ffffff29}.vr-cover-fallback-toolbar .vr-save{color:#fff;background:#16a34a}.vr-profile-name,.vr-profile-title,.profile-name,.profile-title{font-size:clamp(34px,3.2vw,52px)!important;line-height:1.05!important}.vr-verified,.vr-verified-badge,.profile-verified,.verified-badge{color:#16a34a!important;background:#16a34a!important}.vr-profile-shell,.vr-profile-container,.profile-container{max-width:1500px!important}.vr-find-page{grid-template-columns:320px minmax(0,1fr);gap:24px;max-width:1500px;margin:0 auto;padding:24px;display:grid}.vr-find-sidebar{background:#fff;border:1px solid #e5eaf1;border-radius:22px;align-self:start;padding:18px;position:sticky;top:92px;box-shadow:0 14px 40px #0f172a0d}.vr-find-title{color:#111827;margin-bottom:14px;font-size:24px;font-weight:900}.vr-find-sidebar a{color:#243044;border-radius:14px;margin-bottom:6px;padding:13px 14px;font-weight:800;text-decoration:none;display:block}.vr-find-sidebar a.active,.vr-find-sidebar a:hover{color:#15824d;background:#e9fbf1}.vr-primary-wide{color:#fff;cursor:pointer;background:#22b96e;border:0;border-radius:14px;width:100%;margin:12px 0;padding:13px;font-size:16px;font-weight:900}.vr-find-stats{gap:10px;margin-top:14px;display:grid}.vr-find-stats div{background:#f6f8fb;border-radius:14px;justify-content:space-between;padding:12px;display:flex}.vr-find-stats b{font-size:20px}.vr-find-stats span{color:#6b7280;font-weight:700}.vr-find-main{min-width:0}.vr-find-hero{background:linear-gradient(135deg,#e6fff1,#fff);border:1px solid #dbeee4;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:28px;display:flex;box-shadow:0 18px 50px #0f172a0f}.vr-find-hero h1{color:#142034;margin:0 0 8px;font-size:34px}.vr-find-hero p{color:#667085;margin:0;font-size:17px}.vr-btn-green{color:#fff;cursor:pointer;background:#22b96e;border:0;border-radius:14px;padding:13px 18px;font-size:16px;font-weight:900}.vr-btn-green.full{width:100%;margin-top:10px}.vr-find-search{background:#fff;border:1px solid #e5eaf1;border-radius:20px;grid-template-columns:1fr 180px 110px;gap:10px;margin-bottom:18px;padding:14px;display:grid}.vr-find-search input,.vr-find-search select,.vr-find-search button{border:1px solid #e2e8f0;border-radius:14px;padding:13px;font-size:15px}.vr-find-search button{color:#fff;cursor:pointer;background:#152235;font-weight:900}.vr-find-section{margin-bottom:22px}.vr-section-head{justify-content:space-between;align-items:flex-end;margin:0 0 12px;display:flex}.vr-section-head h2{color:#172033;margin:0;font-size:24px}.vr-section-head span{color:#667085;font-weight:700}.vr-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.vr-case-card{background:#fff;border:1px solid #e5eaf1;border-radius:22px;grid-template-columns:150px 1fr;gap:16px;margin-bottom:14px;padding:16px;display:grid;box-shadow:0 10px 34px #0f172a0d}.vr-case-card.compact{grid-template-columns:110px 1fr}.vr-case-photo img{object-fit:cover;background:#f1f5f9;border-radius:18px;width:100%;height:150px}.vr-case-card.compact .vr-case-photo img{height:110px}.vr-case-photo-empty{background:#e9fbf1;border-radius:18px;justify-content:center;align-items:center;height:150px;font-size:50px;display:flex}.vr-case-card.compact .vr-case-photo-empty{height:110px}.vr-case-top h3{color:#172033;margin:0;font-size:22px}.vr-case-meta{color:#667085;margin-top:4px;font-weight:700}.vr-status-pill{white-space:nowrap;color:#13834f;background:#e9fbf1;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:900}.vr-status-pill.status-matched{color:#a05a00;background:#fff7df}.vr-status-pill.status-closed{color:#475467;background:#eef2f6}.vr-case-info{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.vr-case-info span{color:#475467;background:#f6f8fb;border-radius:999px;padding:7px 10px}.vr-case-body p{color:#2c3445;margin:8px 0 12px;font-size:15px;line-height:1.55}.vr-case-footer{color:#667085;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-weight:700;display:flex}.vr-case-footer select{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px}.vr-empty-card,.vr-alert-success{color:#667085;background:#fff;border:1px solid #e5eaf1;border-radius:20px;padding:18px}.vr-alert-success{color:#0f7d4a;background:#e9fbf1;margin-bottom:14px;font-weight:800}.vr-modal-backdrop{z-index:2000;background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.vr-family-modal{background:#fff;border-radius:24px;width:100%;max-width:840px;max-height:90vh;padding:24px;position:relative;overflow:auto;box-shadow:0 30px 100px #00000040}.vr-modal-close{cursor:pointer;background:#eef2f6;border:0;border-radius:50%;width:38px;height:38px;font-size:24px;position:absolute;top:14px;right:14px}.vr-family-modal h2{margin:0 0 6px;font-size:30px}.vr-family-modal p{color:#667085;margin:0 0 18px}.vr-family-form label{color:#243044;margin-bottom:12px;font-weight:800;display:block}.vr-family-form input,.vr-family-form select,.vr-family-form textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d9e1ea;border-radius:14px;margin-top:7px;padding:12px}.vr-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=980px){.vr-find-page{grid-template-columns:1fr;padding:14px}.vr-find-sidebar{position:static}.vr-find-hero,.vr-section-head,.vr-case-footer{display:block}.vr-find-search,.vr-case-grid,.vr-case-card,.vr-case-card.compact,.vr-form-row{grid-template-columns:1fr}}.vr-find-fullpage .vr-primary-link{box-sizing:border-box;text-align:center;background:#22b96e;border:0;border-radius:14px;width:100%;margin:12px 0;padding:13px;font-size:16px;font-weight:900;text-decoration:none;display:block;color:#fff!important}.vr-ai-note{color:#3b4a5f;background:#f2fff7;border:1px solid #dbeee4;border-radius:16px;margin-top:14px;padding:13px}.vr-ai-note b{color:#13834f;margin-bottom:5px;display:block}.vr-ai-note span{font-size:13px;line-height:1.45}.vr-find-hero-pro .vr-btn-green{white-space:nowrap;text-decoration:none}.vr-kicker{color:#13834f;background:#e9fbf1;border-radius:999px;align-items:center;margin-bottom:10px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.vr-case-badges{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.vr-match-score{white-space:nowrap;color:#1762d6;background:#e8f1ff;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:900}.vr-find-create-wrap{max-width:1180px;margin:0 auto;padding:28px 22px 44px}.vr-find-create-head{background:linear-gradient(135deg,#e6fff1,#fff);border:1px solid #dbeee4;border-radius:26px;margin-bottom:18px;padding:28px;box-shadow:0 18px 50px #0f172a0f}.vr-find-create-head a{color:#13834f;margin-bottom:12px;font-weight:900;text-decoration:none;display:inline-block}.vr-find-create-head h1{color:#142034;margin:0 0 8px;font-size:40px;line-height:1.05}.vr-find-create-head p{color:#667085;max-width:760px;margin:0;font-size:17px}.vr-error-card{color:#b42318;background:#fff1f1;border:1px solid #ffd4d4;border-radius:18px;margin-bottom:16px;padding:14px 16px;font-weight:800}.vr-family-form-page{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.vr-form-panel,.vr-form-assist{background:#fff;border:1px solid #e5eaf1;border-radius:24px;padding:22px;box-shadow:0 12px 36px #0f172a0d}.vr-form-panel h2,.vr-form-assist h3{color:#172033;margin:0 0 16px;font-size:24px}.vr-family-form-page label{color:#243044;margin-bottom:14px;font-weight:850;display:block}.vr-family-form-page input,.vr-family-form-page select,.vr-family-form-page textarea{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d9e1ea;border-radius:15px;margin-top:7px;padding:13px}.vr-family-form-page textarea{resize:vertical}.vr-form-assist{position:sticky;top:92px}.vr-form-assist p{color:#667085;margin:0 0 12px;line-height:1.55}.vr-form-assist ul{color:#475467;padding-left:18px;line-height:1.55}.vr-form-assist .full{width:100%;margin-top:10px}@media (width<=980px){.vr-family-form-page{grid-template-columns:1fr}.vr-form-assist{position:static}.vr-find-create-head h1{font-size:32px}.vr-find-hero-pro .vr-btn-green{text-align:center;margin-top:12px;display:block}.vr-case-badges{justify-content:flex-start;margin-top:8px}}.vr-reconnect-page{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:24px;max-width:1420px;margin:0 auto;padding:26px 22px 46px;display:grid}.vr-reconnect-sidebar{border-radius:24px;align-self:start;position:sticky;top:92px}.vr-reconnect-sidebar .vr-find-title{font-size:26px;line-height:1.15}.vr-reconnect-sidebar a{border-radius:14px;font-size:16px}.vr-reconnect-sidebar .vr-find-stats{gap:9px}.vr-reconnect-sidebar .vr-find-stats div{min-height:46px;padding:10px 12px}.vr-reconnect-sidebar .vr-find-stats b{font-size:20px}.vr-reconnect-sidebar .vr-find-stats span{font-size:13px}.vr-reconnect-hero{border-radius:24px;justify-content:space-between;align-items:center;gap:24px;min-height:auto;padding:26px 30px;display:flex}.vr-reconnect-hero h1{letter-spacing:-.02em;margin:0 0 8px;font-size:34px;line-height:1.12}.vr-reconnect-hero p{max-width:760px;font-size:16px;line-height:1.45}.vr-reconnect-hero .vr-btn-green{text-align:center;border-radius:15px;min-width:190px;padding:14px 18px;line-height:1.15}.vr-reconnect-search{border-radius:22px;grid-template-columns:minmax(0,1fr) 190px 120px;gap:12px;padding:16px 18px;display:grid}.vr-reconnect-search input,.vr-reconnect-search select,.vr-reconnect-search button{border-radius:14px;height:48px;font-size:15px}.vr-reconnect-section{margin-top:22px}.vr-reconnect-section .vr-section-head{align-items:center;margin-bottom:12px}.vr-reconnect-section .vr-section-head h2{font-size:25px;line-height:1.15}.vr-reconnect-card{border-radius:22px;grid-template-columns:128px minmax(0,1fr);gap:18px;margin-bottom:14px;padding:18px 20px;display:grid;overflow:hidden}.vr-reconnect-card.compact{grid-template-columns:104px minmax(0,1fr);padding:16px 18px}.vr-reconnect-card .vr-case-photo{background:#eef4f1;border-radius:18px;flex:none;width:128px;height:128px;overflow:hidden}.vr-reconnect-card.compact .vr-case-photo{border-radius:16px;width:104px;height:104px}.vr-reconnect-card .vr-case-photo img{object-fit:cover;width:100%;height:100%;display:block}.vr-reconnect-card .vr-case-photo-empty{background:#ecfdf3;justify-content:center;align-items:center;width:100%;height:100%;font-size:44px;display:flex}.vr-reconnect-card .vr-case-body{min-width:0}.vr-reconnect-card .vr-case-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vr-reconnect-card h3{color:#142034;letter-spacing:-.01em;margin:0 0 5px;font-size:24px;line-height:1.08}.vr-reconnect-card.compact h3{font-size:21px}.vr-reconnect-card .vr-case-meta{color:#667085;font-size:14px;font-weight:800}.vr-reconnect-card .vr-case-badges{flex-wrap:wrap;gap:7px}.vr-reconnect-card .vr-status-pill,.vr-reconnect-card .vr-match-score{border-radius:999px;padding:7px 10px;font-size:12px}.vr-reconnect-card .vr-case-info{flex-wrap:wrap;gap:8px;margin:12px 0 9px;display:flex}.vr-reconnect-card .vr-case-info span{color:#58657a;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:13px;line-height:1.15}.vr-reconnect-card p{color:#334155;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.vr-reconnect-card .vr-case-footer{color:#667085;border-top:1px solid #edf1f5;margin-top:12px;padding-top:12px;font-size:14px}.vr-reconnect-card .vr-case-footer select{border-radius:12px;height:40px;padding:0 12px}.vr-reconnect-create-wrap{max-width:1180px;padding-top:26px}.vr-reconnect-create-head{border-radius:24px;padding:24px 28px}.vr-reconnect-create-head h1{font-size:34px;line-height:1.1}.vr-reconnect-create-head p{font-size:16px;line-height:1.45}.vr-reconnect-form-page{grid-template-columns:minmax(0,1fr) 315px;gap:18px}.vr-reconnect-form-page .vr-form-panel,.vr-reconnect-form-page .vr-form-assist{border-radius:22px}.vr-reconnect-form-page .vr-form-panel h2{font-size:23px}.vr-reconnect-form-page label{font-size:15px}.vr-reconnect-form-page input,.vr-reconnect-form-page select,.vr-reconnect-form-page textarea{border-radius:14px;padding:12px 13px;font-size:15px}.vr-reconnect-assist{top:92px}.vr-reconnect-assist h3{font-size:22px}.vr-reconnect-assist p,.vr-reconnect-assist li{font-size:14px}.vr-modal-backdrop[data-family-modal]{display:none!important}@media (width<=1100px){.vr-reconnect-page{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.vr-reconnect-sidebar{position:static}.vr-reconnect-search{grid-template-columns:1fr}.vr-reconnect-hero{display:block}.vr-reconnect-hero .vr-btn-green{margin-top:14px;display:block}.vr-reconnect-form-page{grid-template-columns:1fr}.vr-reconnect-assist{position:static}}@media (width<=680px){.vr-reconnect-card,.vr-reconnect-card.compact{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:14px}.vr-reconnect-card .vr-case-photo,.vr-reconnect-card.compact .vr-case-photo{width:88px;height:88px}.vr-reconnect-card .vr-case-top{display:block}.vr-reconnect-card h3{font-size:20px}.vr-reconnect-hero h1,.vr-reconnect-create-head h1{font-size:28px}}.vr-reconnect-page,.vr-find-fullpage.vr-reconnect-page{padding-top:98px!important}.vr-reconnect-sidebar{top:104px!important}@media (width<=1100px){.vr-reconnect-page,.vr-find-fullpage.vr-reconnect-page{padding-top:88px!important}}.vr-reconnect-page{background:#f0f2f5;overflow-x:hidden}.vr-reconnect-shell{grid-template-columns:300px minmax(0,1fr);gap:24px;max-width:1480px;margin:0 auto;padding:96px 22px 50px;display:grid}.vr-reconnect-side{align-self:start;position:sticky;top:86px}.vr-reconnect-side-card,.vr-reconnect-hero,.vr-ai-scan-panel,.vr-reconnect-search,.vr-reconnect-case-card,.vr-reconnect-create-card,.vr-detail-main-card,.vr-detail-side-card{background:#fff;border:1px solid #dfe5ec;border-radius:24px;box-shadow:0 16px 42px #0f172a0f}.vr-reconnect-side-card{padding:20px}.vr-reconnect-side-card h2{color:#142033;margin:0 0 16px;font-size:26px;font-weight:900}.vr-reconnect-side-card a{color:#26344a;border-radius:16px;margin-bottom:8px;padding:14px 16px;font-weight:800;text-decoration:none;display:block}.vr-reconnect-side-card a.active,.vr-reconnect-side-card a:hover{color:#0f8f50;background:#e4faee}.vr-reconnect-stats{gap:10px;margin:18px 0;display:grid}.vr-reconnect-stats div{background:#f4f7fb;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.vr-reconnect-stats b{font-size:22px}.vr-reconnect-stats span{color:#66748a;font-weight:800}.vr-reconnect-note{color:#2d4058;background:#effdf5;border:1px solid #c5f0d8;border-radius:18px;padding:16px}.vr-reconnect-note b{color:#0d8b4c;font-size:19px}.vr-reconnect-main{min-width:0}.vr-reconnect-hero{background:linear-gradient(135deg,#ebfff4,#fff);justify-content:space-between;align-items:center;gap:24px;padding:34px 38px;display:flex}.vr-reconnect-hero span,.vr-eyebrow{color:#0c8d4e;background:#dff9ec;border-radius:999px;padding:8px 14px;font-weight:900;display:inline-block}.vr-reconnect-hero h1{color:#142033;letter-spacing:-1px;margin:16px 0 10px;font-size:42px;line-height:1.05}.vr-reconnect-hero p{color:#687589;max-width:880px;margin:0;font-size:20px;line-height:1.35}.vr-reconnect-primary,.vr-ai-scan-form button,.vr-create-form button,.vr-lead-form button{color:#fff;cursor:pointer;background:#22b96f;border:0;border-radius:18px;padding:18px 24px;font-size:17px;font-weight:900;text-decoration:none}.vr-reconnect-alert{color:#0a8347;background:#e5fff0;border:1px solid #b8efce;border-radius:16px;margin:18px 0;padding:14px 18px;font-weight:800}.vr-reconnect-alert.error{color:#b42318;background:#fff0f0;border-color:#ffc7c7}.vr-ai-scan-panel{margin-top:24px;padding:26px}.vr-ai-scan-head{justify-content:space-between;gap:20px;display:flex}.vr-ai-scan-head h2,.vr-section-title-row h2{color:#142033;margin:12px 0 8px;font-size:30px}.vr-ai-scan-head p{color:#66748a;max-width:900px;margin:0;font-size:17px}.vr-ai-badge{color:#fff;background:#101b31;border-radius:16px;align-self:flex-start;padding:12px 16px;font-weight:900}.vr-ai-scan-form,.vr-create-form,.vr-lead-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.vr-ai-scan-form label,.vr-create-form label,.vr-lead-form label{color:#213047;font-weight:900}.vr-ai-scan-form input,.vr-ai-scan-form select,.vr-create-form input,.vr-create-form select,.vr-create-form textarea,.vr-lead-form input,.vr-lead-form select,.vr-lead-form textarea,.vr-reconnect-search input,.vr-reconnect-search select{box-sizing:border-box;background:#fff;border:1px solid #d8e0ea;border-radius:14px;width:100%;margin-top:7px;padding:13px 14px;font-size:16px;display:block}.wide{grid-column:1/-1}.vr-scan-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.vr-result-column{background:#f7fafc;border-radius:20px;padding:18px}.vr-result-column h3{margin:0 0 12px;font-size:22px}.vr-match-row{color:#142033;background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:14px;margin-bottom:12px;padding:14px;text-decoration:none;display:flex}.vr-match-avatar{background:#e5faef;border-radius:16px;flex:none;justify-content:center;align-items:center;width:62px;height:62px;display:flex;overflow:hidden}.vr-match-avatar img,.vr-case-photo img,.vr-mini-photo img,.vr-detail-photo img{object-fit:cover;width:100%;height:100%}.vr-match-row b{font-size:17px}.vr-match-row small{color:#0d8b4c;margin:3px 0;font-weight:900;display:block}.vr-match-row p{color:#66748a;margin:0}.vr-reconnect-carousel-section{margin-top:24px}.vr-section-title-row{justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;display:flex}.vr-section-title-row span{color:#66748a;font-weight:800}.vr-carousel-controls{gap:10px;display:flex}.vr-carousel-controls button{cursor:pointer;background:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:30px;font-weight:900;box-shadow:0 8px 24px #0f172a1a}.vr-reconnect-carousel{scroll-behavior:smooth;cursor:grab;scrollbar-width:none;gap:14px;padding:4px 4px 16px;display:flex;overflow-x:auto}.vr-reconnect-carousel::-webkit-scrollbar{display:none}.vr-reconnect-mini-card{color:#142033;background:#fff;border:1px solid #dfe5ec;border-radius:22px;min-width:210px;max-width:210px;padding:12px;text-decoration:none;box-shadow:0 12px 30px #0f172a0f}.vr-mini-photo{background:#e5faef;border-radius:18px;justify-content:center;align-items:center;height:150px;font-size:42px;display:flex;overflow:hidden}.vr-reconnect-mini-card b{margin:10px 0 4px;font-size:18px;display:block}.vr-reconnect-mini-card small{color:#66748a;font-weight:800}.vr-reconnect-search{grid-template-columns:minmax(0,1fr) 220px 130px;gap:14px;margin-top:24px;padding:18px;display:grid}.vr-reconnect-search button{color:#fff;background:#13213a;border:0;border-radius:16px;font-size:17px;font-weight:900}.vr-reconnect-list{margin-top:22px}.vr-reconnect-case-card{color:#142033;gap:18px;margin-bottom:14px;padding:18px;text-decoration:none;display:flex}.vr-case-photo{background:#e5faef;border-radius:20px;flex:none;justify-content:center;align-items:center;width:132px;height:132px;font-size:44px;display:flex;overflow:hidden}.vr-case-info{flex:1;min-width:0}.vr-case-top{justify-content:space-between;gap:12px;display:flex}.vr-case-top h3{margin:0;font-size:24px}.vr-case-top span{color:#0d8b4c;background:#dff9ec;border-radius:999px;align-self:flex-start;padding:8px 12px;font-weight:900}.vr-case-info p{color:#66748a;font-weight:700}.vr-case-tags{flex-wrap:wrap;gap:9px;display:flex}.vr-case-tags em{color:#64748b;background:#f1f5f9;border-radius:999px;padding:8px 12px;font-style:normal}.vr-case-desc{color:#334155!important;font-weight:500!important}.vr-empty-card,.vr-empty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:22px;font-weight:700}.vr-reconnect-create-wrap,.vr-reconnect-detail-wrap{max-width:1260px;margin:0 auto;padding:96px 22px 50px}.vr-back-link{color:#0d8b4c;margin-bottom:18px;font-weight:900;text-decoration:none;display:inline-block}.vr-reconnect-create-card{padding:30px}.vr-create-head span{color:#0d8b4c;font-weight:900}.vr-create-head h1{color:#142033;margin:8px 0;font-size:40px}.vr-create-head p{color:#66748a;font-size:18px}.vr-detail-grid{grid-template-columns:minmax(0,1fr) 360px;gap:22px;display:grid}.vr-detail-main-card,.vr-detail-side-card{padding:24px}.vr-detail-hero{align-items:center;gap:22px;display:flex}.vr-detail-photo{background:#e5faef;border-radius:24px;flex:none;justify-content:center;align-items:center;width:220px;height:260px;font-size:56px;display:flex;overflow:hidden}.vr-detail-hero h1{margin:10px 0 4px;font-size:42px}.vr-detail-section{border-top:1px solid #e2e8f0;margin-top:22px;padding-top:20px}.vr-detail-section h2,.vr-detail-side-card h2{margin:0 0 14px;font-size:24px}.vr-related-item{color:#142033;background:#f8fafc;border-radius:16px;margin-bottom:12px;padding:14px;text-decoration:none;display:block}.vr-related-item b{display:block}.vr-related-item small{color:#0d8b4c;font-weight:900}.vr-related-item p{color:#64748b;margin:6px 0 0}.vr-related-item.plain{background:#fff;border:1px solid #e2e8f0}.vr-pagination{margin-top:20px}@media (width<=1024px){.vr-reconnect-shell{grid-template-columns:1fr}.vr-reconnect-side{position:static}.vr-ai-scan-form,.vr-create-form,.vr-lead-form,.vr-scan-results,.vr-detail-grid{grid-template-columns:1fr}.vr-reconnect-hero{display:block}.vr-reconnect-primary{margin-top:20px;display:inline-block}.vr-reconnect-search{grid-template-columns:1fr}.vr-detail-hero{display:block}.vr-detail-photo{width:100%;height:280px;margin-bottom:16px}}html body.vr-find-family-page,html body.vr-reconnect-page{color:#142033!important;background:#f0f2f5!important;overflow-x:hidden!important}html body.vr-find-family-page *,html body.vr-reconnect-page *{box-sizing:border-box!important}html body.vr-find-family-page .vr-reconnect-shell,html body.vr-reconnect-page .vr-reconnect-shell{grid-template-columns:320px minmax(0,1fr)!important;align-items:start!important;gap:24px!important;width:min(1500px,100vw - 48px)!important;min-width:0!important;max-width:1500px!important;margin:0 auto!important;padding:112px 0 54px!important;display:grid!important}html body.vr-find-family-page .vr-reconnect-shell>.vr-reconnect-side,html body.vr-reconnect-page .vr-reconnect-shell>.vr-reconnect-side{grid-column:1!important;align-self:start!important;width:320px!important;min-width:320px!important;max-width:320px!important;position:sticky!important;top:90px!important}html body.vr-find-family-page .vr-reconnect-shell>.vr-reconnect-main,html body.vr-reconnect-page .vr-reconnect-shell>.vr-reconnect-main{grid-column:2!important;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important}html body.vr-find-family-page .vr-reconnect-main>*,html body.vr-reconnect-page .vr-reconnect-main>*{width:100%!important;max-width:100%!important}html body.vr-find-family-page .vr-reconnect-side-card,html body.vr-reconnect-page .vr-reconnect-side-card,html body.vr-find-family-page .vr-reconnect-hero,html body.vr-reconnect-page .vr-reconnect-hero,html body.vr-find-family-page .vr-ai-scan-panel,html body.vr-reconnect-page .vr-ai-scan-panel,html body.vr-find-family-page .vr-reconnect-search,html body.vr-reconnect-page .vr-reconnect-search,html body.vr-find-family-page .vr-reconnect-case-card,html body.vr-reconnect-page .vr-reconnect-case-card,html body.vr-find-family-page .vr-reconnect-create-card,html body.vr-reconnect-page .vr-reconnect-create-card,html body.vr-find-family-page .vr-detail-main-card,html body.vr-reconnect-page .vr-detail-main-card,html body.vr-find-family-page .vr-detail-side-card,html body.vr-reconnect-page .vr-detail-side-card{background:#fff!important;border:1px solid #dfe5ec!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 16px 42px #0f172a0f!important}html body.vr-find-family-page .vr-reconnect-side-card,html body.vr-reconnect-page .vr-reconnect-side-card{padding:20px!important}html body.vr-find-family-page .vr-reconnect-side-card h2,html body.vr-reconnect-page .vr-reconnect-side-card h2{color:#142033!important;white-space:normal!important;margin:0 0 16px!important;font-size:26px!important;font-weight:900!important;line-height:1.15!important}html body.vr-find-family-page .vr-reconnect-side-card a,html body.vr-reconnect-page .vr-reconnect-side-card a{color:#26344a!important;white-space:normal!important;border-radius:16px!important;margin-bottom:8px!important;padding:14px 16px!important;font-weight:850!important;text-decoration:none!important;display:block!important}html body.vr-find-family-page .vr-reconnect-side-card a.active,html body.vr-find-family-page .vr-reconnect-side-card a:hover,html body.vr-reconnect-page .vr-reconnect-side-card a.active,html body.vr-reconnect-page .vr-reconnect-side-card a:hover{color:#0f8f50!important;background:#e4faee!important}html body.vr-find-family-page .vr-reconnect-stats,html body.vr-reconnect-page .vr-reconnect-stats{gap:10px!important;margin:18px 0!important;display:grid!important}html body.vr-find-family-page .vr-reconnect-stats div,html body.vr-reconnect-page .vr-reconnect-stats div{background:#f4f7fb!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;padding:12px 14px!important;display:flex!important}html body.vr-find-family-page .vr-reconnect-stats b,html body.vr-reconnect-page .vr-reconnect-stats b{font-size:22px!important;line-height:1!important}html body.vr-find-family-page .vr-reconnect-stats span,html body.vr-reconnect-page .vr-reconnect-stats span{color:#66748a!important;font-weight:850!important}html body.vr-find-family-page .vr-reconnect-note,html body.vr-reconnect-page .vr-reconnect-note{color:#2d4058!important;background:#effdf5!important;border:1px solid #c5f0d8!important;border-radius:18px!important;padding:16px!important}html body.vr-find-family-page .vr-reconnect-note b,html body.vr-reconnect-page .vr-reconnect-note b{color:#0d8b4c!important;font-size:19px!important}html body.vr-find-family-page .vr-reconnect-note p,html body.vr-reconnect-page .vr-reconnect-note p{margin:8px 0 0!important;line-height:1.45!important}html body.vr-find-family-page .vr-reconnect-hero,html body.vr-reconnect-page .vr-reconnect-hero{background:linear-gradient(135deg,#ebfff4,#fff)!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;padding:34px 38px!important;display:flex!important}html body.vr-find-family-page .vr-reconnect-hero div,html body.vr-reconnect-page .vr-reconnect-hero div{min-width:0!important;max-width:930px!important}html body.vr-find-family-page .vr-reconnect-hero span,html body.vr-find-family-page .vr-eyebrow,html body.vr-reconnect-page .vr-reconnect-hero span,html body.vr-reconnect-page .vr-eyebrow{color:#0c8d4e!important;white-space:normal!important;background:#dff9ec!important;border-radius:999px!important;padding:8px 14px!important;font-size:15px!important;font-weight:900!important;display:inline-block!important}html body.vr-find-family-page .vr-reconnect-hero h1,html body.vr-reconnect-page .vr-reconnect-hero h1{color:#142033!important;letter-spacing:-1px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;max-width:100%!important;margin:16px 0 10px!important;font-size:42px!important;line-height:1.08!important}html body.vr-find-family-page .vr-reconnect-hero p,html body.vr-reconnect-page .vr-reconnect-hero p{color:#687589!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;max-width:880px!important;margin:0!important;font-size:20px!important;line-height:1.35!important}html body.vr-find-family-page .vr-reconnect-primary,html body.vr-find-family-page .vr-ai-scan-form button,html body.vr-find-family-page .vr-create-form button,html body.vr-find-family-page .vr-lead-form button,html body.vr-reconnect-page .vr-reconnect-primary,html body.vr-reconnect-page .vr-ai-scan-form button,html body.vr-reconnect-page .vr-create-form button,html body.vr-reconnect-page .vr-lead-form button{color:#fff!important;cursor:pointer!important;text-align:center!important;white-space:normal!important;background:#22b96f!important;border:0!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;min-width:170px!important;padding:18px 24px!important;font-size:17px!important;font-weight:900!important;text-decoration:none!important;display:inline-flex!important}html body.vr-find-family-page .vr-ai-scan-panel,html body.vr-reconnect-page .vr-ai-scan-panel{margin-top:24px!important;padding:26px!important}html body.vr-find-family-page .vr-ai-scan-head,html body.vr-reconnect-page .vr-ai-scan-head{justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;display:flex!important}html body.vr-find-family-page .vr-ai-scan-head h2,html body.vr-find-family-page .vr-section-title-row h2,html body.vr-reconnect-page .vr-ai-scan-head h2,html body.vr-reconnect-page .vr-section-title-row h2{color:#142033!important;white-space:normal!important;word-break:normal!important;margin:12px 0 8px!important;font-size:30px!important;line-height:1.12!important}html body.vr-find-family-page .vr-ai-scan-head p,html body.vr-reconnect-page .vr-ai-scan-head p{color:#66748a!important;white-space:normal!important;max-width:900px!important;margin:0!important;font-size:17px!important;line-height:1.45!important}html body.vr-find-family-page .vr-ai-badge,html body.vr-reconnect-page .vr-ai-badge{color:#fff!important;white-space:nowrap!important;background:#101b31!important;border-radius:16px!important;align-self:flex-start!important;padding:12px 16px!important;font-weight:900!important}html body.vr-find-family-page .vr-ai-scan-form,html body.vr-find-family-page .vr-create-form,html body.vr-find-family-page .vr-lead-form,html body.vr-reconnect-page .vr-ai-scan-form,html body.vr-reconnect-page .vr-create-form,html body.vr-reconnect-page .vr-lead-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end!important;gap:16px!important;margin-top:20px!important;display:grid!important}html body.vr-find-family-page .vr-ai-scan-form label,html body.vr-find-family-page .vr-create-form label,html body.vr-find-family-page .vr-lead-form label,html body.vr-reconnect-page .vr-ai-scan-form label,html body.vr-reconnect-page .vr-create-form label,html body.vr-reconnect-page .vr-lead-form label{color:#213047!important;white-space:normal!important;font-size:16px!important;font-weight:900!important;display:block!important}html body.vr-find-family-page .vr-ai-scan-form input,html body.vr-find-family-page .vr-ai-scan-form select,html body.vr-find-family-page .vr-create-form input,html body.vr-find-family-page .vr-create-form select,html body.vr-find-family-page .vr-create-form textarea,html body.vr-find-family-page .vr-lead-form input,html body.vr-find-family-page .vr-lead-form select,html body.vr-find-family-page .vr-lead-form textarea,html body.vr-find-family-page .vr-reconnect-search input,html body.vr-find-family-page .vr-reconnect-search select,html body.vr-reconnect-page .vr-ai-scan-form input,html body.vr-reconnect-page .vr-ai-scan-form select,html body.vr-reconnect-page .vr-create-form input,html body.vr-reconnect-page .vr-create-form select,html body.vr-reconnect-page .vr-create-form textarea,html body.vr-reconnect-page .vr-lead-form input,html body.vr-reconnect-page .vr-lead-form select,html body.vr-reconnect-page .vr-lead-form textarea,html body.vr-reconnect-page .vr-reconnect-search input,html body.vr-reconnect-page .vr-reconnect-search select{box-sizing:border-box!important;color:#142033!important;background:#fff!important;border:1px solid #d8e0ea!important;border-radius:14px!important;width:100%!important;min-width:0!important;margin-top:7px!important;padding:13px 14px!important;font-size:16px!important;display:block!important}html body.vr-find-family-page .wide,html body.vr-reconnect-page .wide{grid-column:1/-1!important}html body.vr-find-family-page .vr-scan-results,html body.vr-reconnect-page .vr-scan-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:22px!important;display:grid!important}html body.vr-find-family-page .vr-result-column,html body.vr-reconnect-page .vr-result-column{background:#f7fafc!important;border-radius:20px!important;min-width:0!important;padding:18px!important}html body.vr-find-family-page .vr-result-column h3,html body.vr-reconnect-page .vr-result-column h3{margin:0 0 12px!important;font-size:22px!important}html body.vr-find-family-page .vr-match-row,html body.vr-reconnect-page .vr-match-row{color:#142033!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;gap:14px!important;min-width:0!important;margin-bottom:12px!important;padding:14px!important;text-decoration:none!important;display:flex!important}html body.vr-find-family-page .vr-match-avatar,html body.vr-reconnect-page .vr-match-avatar{background:#e5faef!important;border-radius:16px!important;flex:0 0 62px!important;justify-content:center!important;align-items:center!important;width:62px!important;height:62px!important;display:flex!important;overflow:hidden!important}html body.vr-find-family-page .vr-match-avatar img,html body.vr-find-family-page .vr-case-photo img,html body.vr-find-family-page .vr-mini-photo img,html body.vr-find-family-page .vr-detail-photo img,html body.vr-reconnect-page .vr-match-avatar img,html body.vr-reconnect-page .vr-case-photo img,html body.vr-reconnect-page .vr-mini-photo img,html body.vr-reconnect-page .vr-detail-photo img{object-fit:cover!important;width:100%!important;max-width:100%!important;height:100%!important;display:block!important}html body.vr-find-family-page .vr-reconnect-carousel-section,html body.vr-reconnect-page .vr-reconnect-carousel-section{margin-top:24px!important}html body.vr-find-family-page .vr-section-title-row,html body.vr-reconnect-page .vr-section-title-row{justify-content:space-between!important;align-items:center!important;gap:16px!important;margin:0 0 14px!important;display:flex!important}html body.vr-find-family-page .vr-section-title-row span,html body.vr-reconnect-page .vr-section-title-row span{color:#66748a!important;font-weight:850!important}html body.vr-find-family-page .vr-carousel-controls,html body.vr-reconnect-page .vr-carousel-controls{gap:10px!important;display:flex!important}html body.vr-find-family-page .vr-carousel-controls button,html body.vr-reconnect-page .vr-carousel-controls button{cursor:pointer!important;background:#fff!important;border:0!important;border-radius:50%!important;width:44px!important;height:44px!important;font-size:30px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 24px #0f172a1a!important}html body.vr-find-family-page .vr-reconnect-carousel,html body.vr-reconnect-page .vr-reconnect-carousel{scroll-behavior:smooth!important;cursor:grab!important;scrollbar-width:none!important;gap:14px!important;max-width:100%!important;padding:4px 4px 16px!important;display:flex!important;overflow-x:auto!important}html body.vr-find-family-page .vr-reconnect-mini-card,html body.vr-reconnect-page .vr-reconnect-mini-card{color:#142033!important;background:#fff!important;border:1px solid #dfe5ec!important;border-radius:22px!important;min-width:210px!important;max-width:210px!important;padding:12px!important;text-decoration:none!important;box-shadow:0 12px 30px #0f172a0f!important}html body.vr-find-family-page .vr-mini-photo,html body.vr-reconnect-page .vr-mini-photo{background:#e5faef!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;height:150px!important;font-size:42px!important;display:flex!important;overflow:hidden!important}html body.vr-find-family-page .vr-reconnect-search,html body.vr-reconnect-page .vr-reconnect-search{grid-template-columns:minmax(0,1fr) 220px 130px!important;gap:14px!important;margin-top:24px!important;padding:18px!important;display:grid!important;overflow:visible!important}html body.vr-find-family-page .vr-reconnect-search button,html body.vr-reconnect-page .vr-reconnect-search button{color:#fff!important;cursor:pointer!important;background:#13213a!important;border:0!important;border-radius:16px!important;font-size:17px!important;font-weight:900!important}html body.vr-find-family-page .vr-reconnect-list,html body.vr-reconnect-page .vr-reconnect-list{margin-top:22px!important}html body.vr-find-family-page .vr-reconnect-case-card,html body.vr-reconnect-page .vr-reconnect-case-card{color:#142033!important;gap:18px!important;margin-bottom:14px!important;padding:18px!important;text-decoration:none!important;display:flex!important;overflow:visible!important}html body.vr-find-family-page .vr-case-photo,html body.vr-reconnect-page .vr-case-photo{background:#e5faef!important;border-radius:20px!important;flex:0 0 132px!important;justify-content:center!important;align-items:center!important;width:132px!important;height:132px!important;font-size:44px!important;display:flex!important;overflow:hidden!important}html body.vr-find-family-page .vr-case-info,html body.vr-reconnect-page .vr-case-info{flex:auto!important;min-width:0!important}html body.vr-find-family-page .vr-case-top,html body.vr-reconnect-page .vr-case-top{justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;display:flex!important}html body.vr-find-family-page .vr-case-top h3,html body.vr-reconnect-page .vr-case-top h3{white-space:normal!important;word-break:normal!important;margin:0!important;font-size:24px!important;line-height:1.1!important}html body.vr-find-family-page .vr-case-top span,html body.vr-reconnect-page .vr-case-top span{color:#0d8b4c!important;white-space:nowrap!important;background:#dff9ec!important;border-radius:999px!important;padding:8px 12px!important;font-weight:900!important}html body.vr-find-family-page .vr-case-tags,html body.vr-reconnect-page .vr-case-tags{flex-wrap:wrap!important;gap:9px!important;margin:10px 0!important;display:flex!important}html body.vr-find-family-page .vr-case-tags em,html body.vr-reconnect-page .vr-case-tags em{color:#64748b!important;white-space:normal!important;background:#f1f5f9!important;border-radius:999px!important;padding:8px 12px!important;font-style:normal!important;line-height:1.2!important}html body.vr-find-family-page .vr-case-desc,html body.vr-reconnect-page .vr-case-desc{color:#334155!important;font-weight:500!important;line-height:1.45!important}html body.vr-find-family-page .vr-reconnect-create-wrap,html body.vr-find-family-page .vr-reconnect-detail-wrap,html body.vr-reconnect-page .vr-reconnect-create-wrap,html body.vr-reconnect-page .vr-reconnect-detail-wrap{width:min(1260px,100vw - 48px)!important;max-width:1260px!important;margin:0 auto!important;padding:112px 0 54px!important}html body.vr-find-family-page .vr-back-link,html body.vr-reconnect-page .vr-back-link{color:#0d8b4c!important;margin-bottom:18px!important;font-weight:900!important;text-decoration:none!important;display:inline-block!important}html body.vr-find-family-page .vr-reconnect-create-card,html body.vr-reconnect-page .vr-reconnect-create-card{padding:30px!important;overflow:visible!important}html body.vr-find-family-page .vr-create-head h1,html body.vr-reconnect-page .vr-create-head h1{color:#142033!important;margin:8px 0!important;font-size:40px!important;line-height:1.1!important}html body.vr-find-family-page .vr-create-head p,html body.vr-reconnect-page .vr-create-head p{color:#66748a!important;font-size:18px!important;line-height:1.4!important}html body.vr-find-family-page .vr-reconnect-detail-grid,html body.vr-reconnect-page .vr-reconnect-detail-grid{grid-template-columns:minmax(0,1fr) 360px!important;align-items:start!important;gap:22px!important;display:grid!important}html body.vr-find-family-page .vr-detail-main-card,html body.vr-find-family-page .vr-detail-side-card,html body.vr-reconnect-page .vr-detail-main-card,html body.vr-reconnect-page .vr-detail-side-card{padding:24px!important;overflow:visible!important}html body.vr-find-family-page .vr-detail-hero,html body.vr-reconnect-page .vr-detail-hero{align-items:center!important;gap:22px!important;display:flex!important}html body.vr-find-family-page .vr-detail-photo,html body.vr-reconnect-page .vr-detail-photo{background:#e5faef!important;border-radius:24px!important;flex:0 0 220px!important;justify-content:center!important;align-items:center!important;width:220px!important;height:260px!important;font-size:56px!important;display:flex!important;overflow:hidden!important}html body.vr-find-family-page .vr-detail-hero h1,html body.vr-reconnect-page .vr-detail-hero h1{color:#142033!important;margin:10px 0 4px!important;font-size:42px!important;line-height:1.1!important}html body.vr-find-family-page .vr-detail-section,html body.vr-reconnect-page .vr-detail-section{border-top:1px solid #e2e8f0!important;margin-top:22px!important;padding-top:20px!important}html body.vr-find-family-page .vr-detail-section h2,html body.vr-find-family-page .vr-detail-side-card h2,html body.vr-reconnect-page .vr-detail-section h2,html body.vr-reconnect-page .vr-detail-side-card h2{margin:0 0 14px!important;font-size:24px!important}html body.vr-find-family-page .vr-related-item,html body.vr-reconnect-page .vr-related-item{color:#142033!important;background:#f8fafc!important;border-radius:16px!important;margin-bottom:12px!important;padding:14px!important;text-decoration:none!important;display:block!important}html body.vr-find-family-page .vr-empty-card,html body.vr-find-family-page .vr-empty,html body.vr-reconnect-page .vr-empty-card,html body.vr-reconnect-page .vr-empty{color:#64748b!important;background:#fff!important;border:1px dashed #cbd5e1!important;border-radius:18px!important;padding:22px!important;font-weight:700!important}@media (width<=1100px){html body.vr-find-family-page .vr-reconnect-shell,html body.vr-reconnect-page .vr-reconnect-shell{width:min(760px,100vw - 28px)!important;padding-top:96px!important;display:block!important}html body.vr-find-family-page .vr-reconnect-shell>.vr-reconnect-side,html body.vr-reconnect-page .vr-reconnect-shell>.vr-reconnect-side{width:100%!important;min-width:0!important;max-width:100%!important;margin-bottom:16px!important;position:static!important}html body.vr-find-family-page .vr-reconnect-hero,html body.vr-reconnect-page .vr-reconnect-hero{padding:24px!important;display:block!important}html body.vr-find-family-page .vr-reconnect-primary,html body.vr-reconnect-page .vr-reconnect-primary{margin-top:18px!important}html body.vr-find-family-page .vr-ai-scan-head,html body.vr-reconnect-page .vr-ai-scan-head{display:block!important}html body.vr-find-family-page .vr-ai-badge,html body.vr-reconnect-page .vr-ai-badge{margin-top:12px!important;display:inline-block!important}html body.vr-find-family-page .vr-ai-scan-form,html body.vr-find-family-page .vr-create-form,html body.vr-find-family-page .vr-lead-form,html body.vr-find-family-page .vr-scan-results,html body.vr-find-family-page .vr-reconnect-detail-grid,html body.vr-reconnect-page .vr-ai-scan-form,html body.vr-reconnect-page .vr-create-form,html body.vr-reconnect-page .vr-lead-form,html body.vr-reconnect-page .vr-scan-results,html body.vr-reconnect-page .vr-reconnect-detail-grid,html body.vr-find-family-page .vr-reconnect-search,html body.vr-reconnect-page .vr-reconnect-search{grid-template-columns:1fr!important}html body.vr-find-family-page .vr-reconnect-hero h1,html body.vr-reconnect-page .vr-reconnect-hero h1{font-size:34px!important}html body.vr-find-family-page .vr-detail-hero,html body.vr-reconnect-page .vr-detail-hero{display:block!important}html body.vr-find-family-page .vr-detail-photo,html body.vr-reconnect-page .vr-detail-photo{width:100%!important;height:280px!important;margin-bottom:16px!important}html body.vr-find-family-page .vr-reconnect-create-wrap,html body.vr-find-family-page .vr-reconnect-detail-wrap,html body.vr-reconnect-page .vr-reconnect-create-wrap,html body.vr-reconnect-page .vr-reconnect-detail-wrap{width:min(760px,100vw - 28px)!important;padding-top:96px!important}}.vr-module-body{color:#142018;background:#f0f2f5;overflow-x:hidden}.vr-module-page{padding:104px 28px 42px}.vr-gx-page{grid-template-columns:320px minmax(0,1fr);gap:28px;max-width:1680px;margin:0 auto;display:grid}.vr-gx-page.single{max-width:980px;display:block}.vr-gx-sidebar{background:#fff;border:1px solid #dfe5ea;border-radius:24px;align-self:start;padding:24px;position:sticky;top:94px;box-shadow:0 20px 55px #0f172a14}.vr-gx-sidebar h1{color:#142033;margin:0 0 20px;font-size:32px;line-height:1.1}.vr-gx-sidebar a{color:#1f2937;border-radius:16px;margin:8px 0;padding:14px 16px;font-size:18px;font-weight:800;text-decoration:none;display:block}.vr-gx-sidebar a:hover,.vr-gx-sidebar a.active{color:#0f8a4d;background:#e8fff1}.vr-gx-mini-card{color:#234;background:#effff5;border:1px solid #bff0d1;border-radius:18px;margin-top:22px;padding:16px}.vr-gx-mini-card b{color:#119457;margin-bottom:8px;font-size:20px;display:block}.vr-gx-mini-card p{color:#53627a;margin:0;line-height:1.45}.vr-gx-main{min-width:0}.vr-gx-hero{background:linear-gradient(135deg,#eafff2,#fff);border:1px solid #cfeedd;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:34px 38px;display:flex;box-shadow:0 18px 45px #10b98114}.vr-gx-hero.event{background:linear-gradient(135deg,#eef6ff,#fff)}.vr-gx-kicker{color:#11894e;background:#dffbea;border-radius:999px;margin-bottom:10px;padding:8px 14px;font-weight:900;display:inline-flex}.vr-gx-hero h2{color:#142033;margin:0 0 10px;font-size:44px;line-height:1.05}.vr-gx-hero p{color:#617087;max-width:900px;margin:0;font-size:20px;line-height:1.45}.vr-gx-primary,.vr-gx-secondary{cursor:pointer;white-space:nowrap;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}.vr-gx-primary{color:#fff;background:#22bb6a;box-shadow:0 12px 28px #22bb6a38}.vr-gx-primary:hover{filter:brightness(.96)}.vr-gx-secondary{color:#142033;background:#eef2f7}.vr-gx-search{background:#fff;border:1px solid #dfe5ea;border-radius:22px;grid-template-columns:1fr 160px;gap:14px;margin-bottom:24px;padding:16px;display:grid}.vr-gx-search input,.vr-gx-form input,.vr-gx-form textarea,.vr-gx-form select{box-sizing:border-box;color:#142033;background:#fff;border:1px solid #d8e0e8;border-radius:16px;outline:none;width:100%;padding:16px 18px;font-size:18px}.vr-gx-search button{color:#fff;background:#132238;border:0;border-radius:16px;font-size:18px;font-weight:900}.vr-gx-section{margin-top:24px}.vr-gx-section-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.vr-gx-section-head h3{color:#142033;margin:0;font-size:30px}.vr-gx-section-head span{color:#64748b;font-size:17px;font-weight:800}.vr-gx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.vr-gx-grid.events{grid-template-columns:repeat(3,minmax(0,1fr))}.vr-gx-row{gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.vr-gx-row .vr-gx-card{min-width:320px}.vr-gx-card{color:inherit;background:#fff;border:1px solid #dfe5ea;border-radius:22px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:block;overflow:hidden;box-shadow:0 18px 45px #0f172a12}.vr-gx-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px #0f172a1c}.vr-gx-cover{background:linear-gradient(135deg,#dffbea,#c9f3ff) 50%/cover;justify-content:center;align-items:center;height:150px;font-size:52px;display:flex;position:relative}.vr-gx-cover.event{background:linear-gradient(135deg,#e9f3ff,#dffbea)}.vr-gx-card-body{padding:18px}.vr-gx-card h4{color:#142033;margin:0 0 8px;font-size:22px;line-height:1.15}.vr-gx-card p{color:#53627a;margin:0 0 14px;font-size:16px;line-height:1.45}.vr-gx-meta{flex-wrap:wrap;gap:8px;display:flex}.vr-gx-meta span{color:#607087;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.vr-gx-meta.big span{padding:8px 12px;font-size:15px}.vr-gx-date-badge{text-align:center;background:#fff;border-radius:14px;padding:10px 12px;position:absolute;bottom:14px;left:14px;box-shadow:0 12px 28px #0f172a29}.vr-gx-date-badge b{color:#119457;font-size:24px;display:block}.vr-gx-date-badge small{color:#53627a;font-weight:900}.vr-gx-empty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;padding:28px;font-weight:800}.vr-gx-form-card{background:#fff;border:1px solid #dfe5ea;border-radius:28px;padding:34px;box-shadow:0 24px 65px #0f172a17}.vr-gx-form-card h1{color:#142033;margin:14px 0 10px;font-size:42px;line-height:1.05}.vr-gx-form-card p{color:#64748b;margin:0 0 24px;font-size:18px;line-height:1.45}.vr-gx-back{color:#119457;margin-bottom:4px;font-weight:900;text-decoration:none;display:inline-flex}.vr-gx-form{gap:14px;display:grid}.vr-gx-form label{color:#243044;font-size:17px;font-weight:900}.vr-gx-form textarea{resize:vertical}.vr-gx-two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vr-gx-detail-hero{background:#fff;border:1px solid #dfe5ea;border-radius:28px;margin-bottom:24px;overflow:hidden;box-shadow:0 20px 55px #0f172a14}.vr-gx-detail-cover{background:linear-gradient(135deg,#dffbea,#c9f3ff) 50%/cover;justify-content:center;align-items:center;height:340px;font-size:80px;display:flex}.vr-gx-detail-body{justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 34px;display:flex}.vr-gx-detail-body h1{color:#142033;margin:6px 0 10px;font-size:46px;line-height:1.04}.vr-gx-detail-body p{color:#53627a;max-width:850px;margin:0 0 14px;font-size:18px;line-height:1.5}.vr-gx-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vr-gx-badge{color:#11894e;background:#e8fff1;border-radius:999px;padding:10px 14px;font-weight:900;display:inline-flex}.vr-gx-badge.muted{color:#64748b;background:#f1f5f9}.vr-gx-detail-grid{grid-template-columns:360px minmax(0,1fr);gap:24px;display:grid}.vr-gx-info-card,.vr-gx-feed-card{background:#fff;border:1px solid #dfe5ea;border-radius:24px;padding:24px;box-shadow:0 20px 55px #0f172a12}.vr-gx-info-card h3,.vr-gx-feed-card h3{color:#142033;margin:0 0 14px;font-size:26px}.vr-gx-info-card p,.vr-gx-feed-card p{color:#53627a;font-size:17px;line-height:1.55}.vr-gx-info-line{border-top:1px solid #edf2f7;justify-content:space-between;gap:16px;padding:14px 0;display:flex}.vr-gx-info-line b{color:#142033}.vr-gx-info-line span{color:#64748b;text-align:right}.vr-gx-post-box{gap:12px;margin-bottom:18px;display:grid}.vr-gx-post-box textarea{box-sizing:border-box;resize:vertical;border:1px solid #d8e0e8;border-radius:18px;width:100%;padding:16px;font-size:17px}.vr-gx-post{border-top:1px solid #edf2f7;padding:18px 0}.vr-gx-post-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.vr-gx-post-head span{color:#64748b}.event-actions button.active{outline:3px solid #22bb6a38}@media (width<=1100px){.vr-gx-page{grid-template-columns:1fr}.vr-gx-sidebar{position:relative;top:auto}.vr-gx-grid,.vr-gx-grid.events{grid-template-columns:1fr 1fr}.vr-gx-detail-grid{grid-template-columns:1fr}.vr-gx-detail-body{flex-direction:column}.vr-gx-hero{flex-direction:column;align-items:flex-start}.vr-gx-hero h2{font-size:34px}}@media (width<=720px){.vr-module-page{padding:92px 14px 30px}.vr-gx-grid,.vr-gx-grid.events,.vr-gx-search,.vr-gx-two{grid-template-columns:1fr}.vr-gx-detail-cover{height:230px}.vr-gx-detail-body h1,.vr-gx-form-card h1{font-size:32px}.vr-gx-hero h2{font-size:30px}.vr-gx-hero p{font-size:17px}}.vr-market-body{color:#142018;background:#f0f2f5;overflow-x:hidden}.vr-market-page{grid-template-columns:320px minmax(0,1fr);gap:28px;max-width:1680px;margin:0 auto;padding:104px 28px 42px;display:grid}.vr-market-page.single{max-width:980px;display:block}.vr-market-page.single.wide{max-width:1420px}.vr-market-sidebar{background:#fff;border:1px solid #dfe5ea;border-radius:24px;align-self:start;padding:24px;position:sticky;top:94px;box-shadow:0 20px 55px #0f172a14}.vr-market-sidebar h1{color:#142033;margin:0 0 18px;font-size:34px;line-height:1.08}.vr-market-sidebar>a{color:#1f2937;border-radius:16px;margin:8px 0;padding:14px 16px;font-size:18px;font-weight:900;text-decoration:none;display:block}.vr-market-sidebar>a:hover,.vr-market-sidebar>a.active{color:#0f8a4d;background:#e8fff1}.vr-market-mini{color:#234;background:#effff5;border:1px solid #bff0d1;border-radius:18px;margin-top:20px;padding:16px}.vr-market-mini b{color:#119457;margin-bottom:8px;font-size:20px;display:block}.vr-market-mini p{color:#53627a;margin:0;line-height:1.45}.vr-market-my{border-top:1px solid #edf2f7;margin-top:22px;padding-top:18px}.vr-market-my h3{color:#142033;margin:0 0 10px;font-size:19px}.vr-market-my a{color:#334155;border-bottom:1px solid #f1f5f9;padding:8px 0;font-weight:800;text-decoration:none;display:block}.vr-market-my p{color:#64748b;margin:0}.vr-market-main{min-width:0}.vr-market-hero{background:linear-gradient(135deg,#fff7ed,#fff,#eafff2);border:1px solid #f3dcc6;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:34px 38px;display:flex;box-shadow:0 18px 45px #f9731614}.vr-market-kicker,.vr-market-chip{color:#b45309;background:#fff1df;border-radius:999px;margin-bottom:10px;padding:8px 14px;font-weight:900;display:inline-flex}.vr-market-hero h2{color:#142033;margin:0 0 10px;font-size:44px;line-height:1.05}.vr-market-hero p{color:#617087;max-width:900px;margin:0;font-size:20px;line-height:1.45}.vr-market-primary,.vr-market-secondary{cursor:pointer;white-space:nowrap;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}.vr-market-primary{color:#fff;background:#f97316;box-shadow:0 12px 28px #f9731638}.vr-market-primary:hover{filter:brightness(.96)}.vr-market-secondary{color:#142033;background:#eef2f7}.vr-market-primary.full,.vr-market-secondary.full{box-sizing:border-box;width:100%;margin-top:10px}.vr-market-filter{background:#fff;border:1px solid #dfe5ea;border-radius:22px;grid-template-columns:minmax(0,1fr) 220px 140px;gap:14px;margin-bottom:16px;padding:16px;display:grid}.vr-market-filter input,.vr-market-filter select,.vr-market-form input,.vr-market-form textarea,.vr-market-form select{box-sizing:border-box;color:#142033;background:#fff;border:1px solid #d8e0e8;border-radius:16px;outline:none;width:100%;padding:16px 18px;font-size:18px}.vr-market-filter button{color:#fff;background:#132238;border:0;border-radius:16px;font-size:18px;font-weight:900}.vr-market-categories{gap:10px;padding:4px 0 18px;display:flex;overflow-x:auto}.vr-market-categories a{color:#334155;white-space:nowrap;background:#fff;border:1px solid #dfe5ea;border-radius:999px;padding:10px 14px;font-weight:900;text-decoration:none}.vr-market-categories a.active,.vr-market-categories a:hover{color:#b45309;background:#fff1df;border-color:#fed7aa}.vr-market-section-head{justify-content:space-between;align-items:center;margin:12px 0 16px;display:flex}.vr-market-section-head h3{color:#142033;margin:0;font-size:30px}.vr-market-section-head span,.vr-market-section-head a{color:#64748b;font-size:17px;font-weight:900;text-decoration:none}.vr-market-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.vr-market-grid.related{grid-template-columns:repeat(3,minmax(0,1fr))}.vr-mk-card{color:inherit;background:#fff;border:1px solid #dfe5ea;border-radius:22px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:block;overflow:hidden;box-shadow:0 18px 45px #0f172a12}.vr-mk-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px #0f172a1c}.vr-mk-cover{background:linear-gradient(135deg,#fff1df,#dcfce7) 50%/cover;justify-content:center;align-items:center;height:180px;font-size:54px;display:flex;position:relative}.vr-mk-status{color:#fff;background:#0f172ad9;border-radius:999px;padding:8px 12px;font-size:13px;position:absolute;top:14px;left:14px}.vr-mk-card-body{padding:18px}.vr-mk-card h4{color:#142033;margin:0 0 8px;font-size:22px;line-height:1.15}.vr-mk-card p{color:#53627a;margin:0 0 12px;font-size:16px;line-height:1.45}.vr-mk-price{color:#f97316;margin:4px 0 12px;font-size:24px;font-weight:1000}.vr-mk-meta{flex-wrap:wrap;gap:8px;display:flex}.vr-mk-meta span{color:#607087;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.vr-market-empty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;padding:28px;font-weight:800}.vr-market-empty b{color:#142033;margin-bottom:6px;font-size:24px;display:block}.vr-market-pages{margin-top:22px}.vr-market-form-card,.vr-market-detail,.vr-market-media-card{background:#fff;border:1px solid #dfe5ea;border-radius:28px;padding:34px;box-shadow:0 24px 65px #0f172a17}.vr-market-form-card h1{color:#142033;margin:14px 0 10px;font-size:42px;line-height:1.05}.vr-market-form-card p{color:#64748b;margin:0 0 24px;font-size:18px;line-height:1.45}.vr-market-back{color:#b45309;margin-bottom:4px;font-weight:900;text-decoration:none;display:inline-flex}.vr-market-form{gap:14px;display:grid}.vr-market-form label{color:#243044;font-size:17px;font-weight:900}.vr-market-form textarea{resize:vertical}.vr-market-two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vr-market-note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:14px 16px;font-weight:800}.vr-market-detail{margin-bottom:24px;padding:0;overflow:hidden}.vr-market-detail-cover{background:linear-gradient(135deg,#fff1df,#dcfce7) 50%/cover;justify-content:center;align-items:center;height:390px;font-size:82px;display:flex;position:relative}.vr-market-detail-cover b{color:#fff;background:#0f172ad9;border-radius:999px;padding:10px 14px;font-size:15px;position:absolute;top:22px;left:22px}.vr-market-detail-body{grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding:30px 36px;display:grid}.vr-market-detail h1{color:#142033;margin:8px 0 12px;font-size:46px;line-height:1.04}.vr-market-detail p{color:#53627a;white-space:pre-line;font-size:18px;line-height:1.55}.vr-market-big-price{color:#f97316;margin-top:18px;font-size:34px;font-weight:1000}.vr-market-seller-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:20px}.vr-market-seller-card h3{color:#142033;margin:0 0 14px;font-size:24px}.vr-market-seller{align-items:center;gap:12px;margin-bottom:18px;display:flex}.vr-market-seller img{object-fit:cover;border-radius:50%;width:58px;height:58px}.vr-market-seller b{color:#142033;font-size:18px;display:block}.vr-market-seller span{color:#64748b;font-weight:800}.vr-market-info-line{border-top:1px solid #e2e8f0;justify-content:space-between;gap:16px;padding:14px 0;display:flex}.vr-market-info-line b{color:#142033}.vr-market-info-line span{color:#64748b;text-align:right}.vr-market-media-card{margin-bottom:24px}.vr-market-media-card h3{color:#142033;margin:0 0 16px;font-size:28px}.vr-market-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.vr-market-media-grid a{background:#f1f5f9;border-radius:16px;display:block;overflow:hidden}.vr-market-media-grid img{object-fit:cover;width:100%;height:190px;display:block}.vr-market-muted{color:#64748b;font-weight:800}@media (width<=1180px){.vr-market-page{grid-template-columns:1fr}.vr-market-sidebar{position:relative;top:auto}.vr-market-grid,.vr-market-grid.related{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-market-detail-body{grid-template-columns:1fr}.vr-market-hero{flex-direction:column;align-items:flex-start}.vr-market-hero h2{font-size:34px}}@media (width<=760px){.vr-market-page{padding:92px 14px 30px}.vr-market-filter,.vr-market-grid,.vr-market-grid.related,.vr-market-two,.vr-market-media-grid{grid-template-columns:1fr}.vr-market-detail-cover{height:240px}.vr-market-detail h1,.vr-market-form-card h1{font-size:32px}.vr-market-hero h2{font-size:30px}.vr-market-hero p{font-size:17px}.vr-market-detail-body,.vr-market-form-card,.vr-market-media-card{padding:22px}}.vr-page-search{background:#f2f4f7}.vr-search-page{grid-template-columns:330px minmax(0,1fr);gap:18px;max-width:1320px;margin:18px auto;padding:0 18px;display:grid}.vr-search-sidebar{align-self:start;padding:18px;position:sticky;top:82px}.vr-search-sidebar h2{margin:0 0 6px;font-size:28px}.vr-search-big{gap:8px;margin:16px 0;display:flex}.vr-search-big input{border:1px solid var(--line);background:#fff;border-radius:14px;flex:1;min-width:0;padding:12px 14px}.vr-search-tabs{gap:6px;margin-top:10px;display:grid}.vr-search-tabs a{border-radius:14px;justify-content:space-between;align-items:center;padding:12px;font-weight:750;display:flex}.vr-search-tabs a:hover,.vr-search-tabs a.active{background:var(--green-soft);color:var(--green)}.vr-search-tabs b{color:#344054;background:#eef2f7;border-radius:999px;place-items:center;min-width:26px;height:26px;font-size:12px;display:grid}.vr-search-tabs a.active b{color:var(--green);background:#fff}.vr-search-results{gap:16px;min-width:0;display:grid}.vr-search-hero{background:linear-gradient(135deg,#e9fff4,#fff);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.vr-search-kicker{color:var(--green);background:#fff;border:1px solid #c9f2db;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.vr-search-hero h1{margin:10px 0 6px;font-size:32px}.vr-search-hero p{color:var(--muted);margin:0;line-height:1.5}.vr-search-total{background:var(--green);color:#fff;border-radius:24px;place-items:center;width:78px;height:78px;font-size:32px;font-weight:900;display:grid;box-shadow:0 16px 40px #2fb56f3d}.vr-search-empty{padding:24px}.vr-result-section{padding:18px}.vr-result-section>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vr-result-section h2{margin:0}.vr-result-section>header span{color:var(--muted);font-size:13px}.vr-result-list{gap:10px;display:grid}.vr-result-item{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:12px;transition:all .15s;display:grid}.vr-result-item:hover{box-shadow:var(--shadow);border-color:#c9f2db;transform:translateY(-1px)}.vr-result-thumb{background:#f0fdf4;border-radius:18px;place-items:center;width:76px;height:76px;display:grid;overflow:hidden}.vr-result-thumb img{object-fit:cover;width:100%;height:100%}.vr-result-thumb span{font-size:30px}.vr-result-kind{color:var(--green);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:900}.vr-result-body h3{margin:4px 0;font-size:18px}.vr-result-body p{margin:4px 0;line-height:1.45}@media (width<=900px){.vr-search-page{grid-template-columns:1fr}.vr-search-sidebar{position:static}.vr-search-hero{align-items:flex-start}.vr-search-total{border-radius:18px;width:60px;height:60px;font-size:24px}.vr-result-item{grid-template-columns:58px minmax(0,1fr)}.vr-result-thumb{border-radius:15px;width:58px;height:58px}.vr-result-thumb span{font-size:24px}}.vr-messages-body{background:#f3f6fb}.vr-msg-page{grid-template-columns:360px minmax(0,1fr);align-items:stretch;gap:18px;width:min(1180px,100vw - 32px);margin:86px auto 40px;display:grid}.vr-msg-sidebar-card,.vr-msg-main-card{background:#fffffff5;border:1px solid #0f172a14;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px #0f172a14}.vr-msg-sidebar-card{min-height:650px}.vr-msg-sidebar-head{border-bottom:1px solid #0f172a12;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px;display:flex}.vr-msg-sidebar-head p,.vr-msg-section-title p{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:12px;font-weight:700}.vr-msg-sidebar-head h1,.vr-msg-section-title h2{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:24px}.vr-msg-new-btn,.vr-msg-primary,.vr-chat-head a,.vr-msg-user-card button,.vr-msg-user-search button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;border-radius:999px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px #2563eb38}.vr-msg-new-btn{white-space:nowrap;padding:10px 14px;font-size:13px}.vr-msg-new-btn.ghost{color:#0f172a;box-shadow:none;background:#f1f5f9}.vr-msg-list{gap:6px;padding:10px;display:grid}.vr-msg-row{color:#0f172a;border-radius:18px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:all .18s;display:grid;position:relative}.vr-msg-row:hover,.vr-msg-row.active{background:#eef4ff}.vr-msg-row.unread strong,.vr-msg-row.unread .vr-msg-preview{font-weight:850}.vr-msg-avatar,.vr-chat-user img,.vr-msg-user-card img,.vr-chat-bubble-row>img{object-fit:cover;background:#e2e8f0;border-radius:999px;width:48px;height:48px}.vr-msg-row-main{gap:3px;min-width:0;display:grid}.vr-msg-row-top{justify-content:space-between;gap:8px;min-width:0;display:flex}.vr-msg-row-top strong,.vr-msg-preview,.vr-msg-username{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vr-msg-row-top strong{font-size:14px}.vr-msg-row-top small,.vr-msg-username,.vr-msg-preview{color:#64748b;font-size:12px}.vr-msg-dot{background:#2563eb;border-radius:999px;width:10px;height:10px}.vr-msg-empty-mini{color:#64748b;text-align:center;padding:30px 18px}.vr-msg-pager{padding:0 16px 16px}.vr-msg-main-card{min-height:650px}.vr-msg-welcome{text-align:center;place-items:center;padding:48px 24px;display:grid}.vr-msg-welcome>*{max-width:420px}.vr-msg-welcome-icon{background:#eef4ff;border-radius:30px;place-items:center;width:86px;height:86px;margin-bottom:12px;font-size:42px;display:grid}.vr-msg-welcome h2,.vr-msg-empty-state h3{color:#0f172a;letter-spacing:-.03em;margin:0 0 8px;font-size:28px}.vr-msg-welcome p,.vr-msg-empty-state p,.vr-msg-hint{color:#64748b;line-height:1.6}.vr-msg-primary{justify-content:center;align-items:center;margin-top:10px;padding:12px 18px;display:inline-flex}.vr-msg-create-page{grid-template-columns:330px minmax(0,1fr)}.vr-msg-user-search{gap:10px;padding:16px;display:grid}.vr-msg-user-search input,.vr-chat-compose textarea{color:#0f172a;background:#fff;border:1px solid #0f172a1f;border-radius:16px;outline:none;width:100%;padding:12px 14px}.vr-msg-user-search button{padding:12px 14px}.vr-msg-hint{margin:0;padding:0 16px 16px;font-size:13px}.vr-msg-section-title{border-bottom:1px solid #0f172a12;padding:20px 22px 14px}.vr-msg-user-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:18px;display:grid}.vr-msg-user-card{background:#fff;border:1px solid #0f172a14;border-radius:20px;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px;display:grid}.vr-msg-user-card div{min-width:0}.vr-msg-user-card strong,.vr-msg-user-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vr-msg-user-card span{color:#64748b;margin-top:2px;font-size:13px}.vr-msg-user-card form{grid-column:1/-1}.vr-msg-user-card button{width:100%;padding:10px 14px}.vr-msg-empty-state{text-align:center;grid-column:1/-1;padding:60px 20px}.vr-chat-card{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.vr-chat-head{border-bottom:1px solid #0f172a12;justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:14px 18px;display:flex}.vr-chat-user{align-items:center;gap:12px;min-width:0;display:flex}.vr-chat-user div{min-width:0}.vr-chat-user strong,.vr-chat-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vr-chat-user span{color:#64748b;margin-top:2px;font-size:13px}.vr-chat-head a{white-space:nowrap;padding:10px 14px;font-size:13px}.vr-chat-thread{background:linear-gradient(#f8fbff,#fff);height:520px;padding:18px;overflow-y:auto}.vr-chat-bubble-row{align-items:flex-end;gap:9px;margin:9px 0;display:flex}.vr-chat-bubble-row.mine{justify-content:flex-end}.vr-chat-bubble-row>img{width:34px;height:34px}.vr-chat-bubble{color:#0f172a;background:#eef2f7;border-radius:18px 18px 18px 6px;max-width:min(560px,72%);padding:10px 13px}.vr-chat-bubble-row.mine .vr-chat-bubble{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px 18px 6px}.vr-chat-bubble p{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.45}.vr-chat-bubble small{color:#64748be6;margin-top:5px;font-size:11px;display:block}.vr-chat-bubble-row.mine .vr-chat-bubble small{color:#ffffffb8}.vr-chat-compose{background:#fff;border-top:1px solid #0f172a12;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;display:grid}.vr-chat-compose textarea{resize:none;min-height:52px;max-height:140px}.vr-chat-compose button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;border-radius:18px;padding:0 22px;font-weight:900}.vr-msg-empty-state.in-chat{padding:120px 20px}@media (width<=900px){.vr-msg-page,.vr-msg-create-page{grid-template-columns:1fr;margin-top:76px}.vr-msg-sidebar-card,.vr-msg-main-card{min-height:auto}.vr-chat-thread{height:55vh}.vr-chat-bubble{max-width:86%}}.vr-page-notifications{background:#f2f4f7}.vr-notify-page{grid-template-columns:330px minmax(0,1fr);gap:18px;max-width:1240px;margin:18px auto 44px;padding:0 18px;display:grid}.vr-notify-sidebar{align-self:start;padding:18px;position:sticky;top:82px}.vr-notify-sidebar-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.vr-notify-sidebar-head>span{background:linear-gradient(135deg,#e9fff4,#eef4ff);border-radius:20px;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.vr-notify-sidebar-head p{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 3px;font-size:12px;font-weight:900}.vr-notify-sidebar-head h1{letter-spacing:-.04em;margin:0;font-size:28px}.vr-notify-tabs,.vr-notify-type-box{gap:7px;display:grid}.vr-notify-tabs a,.vr-notify-type-box a{color:var(--text);border-radius:15px;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-weight:800;text-decoration:none;display:flex}.vr-notify-tabs a:hover,.vr-notify-tabs a.active,.vr-notify-type-box a:hover,.vr-notify-type-box a.active{background:var(--green-soft);color:var(--green)}.vr-notify-tabs b,.vr-notify-type-box b{color:#475467;background:#eef2f7;border-radius:999px;place-items:center;min-width:28px;height:28px;font-size:12px;display:grid}.vr-notify-tabs a.active b,.vr-notify-type-box a.active b{color:var(--green);background:#fff}.vr-notify-type-box{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.vr-notify-type-box h3{margin:0 0 4px;font-size:15px}.vr-notify-actions-box{border-top:1px solid var(--line);gap:8px;margin-top:18px;padding-top:16px;display:grid}.vr-notify-actions-box button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;padding:12px 14px;font-weight:900}.vr-notify-actions-box button.ghost{color:#344054;background:#eef2f7}.vr-notify-main{gap:16px;min-width:0;display:grid}.vr-notify-hero{background:linear-gradient(135deg,#fff,#effff6);justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.vr-notify-kicker{color:var(--green);background:#fff;border:1px solid #c9f2db;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.vr-notify-hero h2{letter-spacing:-.04em;margin:10px 0 6px;font-size:32px}.vr-notify-hero p{color:var(--muted);margin:0;line-height:1.55}.vr-notify-counter{background:var(--green);color:#fff;text-align:center;border-radius:30px;flex:none;place-items:center;width:102px;height:102px;display:grid;box-shadow:0 18px 44px #2fb56f3d}.vr-notify-counter strong{font-size:34px;line-height:1}.vr-notify-counter span{font-size:12px;font-weight:800}.vr-notify-list{gap:8px;padding:10px;display:grid}.vr-notify-item{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;transition:all .16s;display:grid;position:relative}.vr-notify-item:hover{box-shadow:var(--shadow);border-color:#c9f2db;transform:translateY(-1px)}.vr-notify-item.unread{background:linear-gradient(135deg,#f0fff7,#fff);border-color:#c9f2db}.vr-notify-open{min-width:0;color:inherit;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:13px;text-decoration:none;display:grid}.vr-notify-icon{background:#f0fdf4;border-radius:18px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.vr-notify-content{gap:4px;min-width:0;display:grid}.vr-notify-title-row{align-items:center;gap:8px;min-width:0;display:flex}.vr-notify-title-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.vr-notify-title-row em{color:#fff;background:var(--green);border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:900}.vr-notify-body{color:#334155;line-height:1.4}.vr-notify-meta{color:var(--muted);font-size:12px}.vr-notify-item-actions{align-items:center;gap:6px;padding-right:12px;display:flex}.vr-notify-item-actions form{margin:0}.vr-notify-item-actions button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:0;border-radius:12px;width:34px;height:34px;font-size:17px;font-weight:900}.vr-notify-item-actions button:hover{background:#e2e8f0}.vr-notify-empty{text-align:center;color:var(--muted);padding:50px 18px}.vr-notify-empty div{font-size:46px}.vr-notify-empty h3{color:var(--text);margin:10px 0 6px}.vr-notify-pager{padding:2px 4px}.vr-icon-btn.has-badge,.vr-header-right .vr-notify-header-link{position:relative}.vr-header-right .vr-notify-header-link{text-decoration:none}.vr-notify-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:900;display:grid;position:absolute;top:-5px;right:-5px}.vr-side-menu .vr-side-unread{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:11px;display:inline-grid}@media (width<=900px){.vr-notify-page{grid-template-columns:1fr}.vr-notify-sidebar{position:static}.vr-notify-hero{align-items:flex-start}.vr-notify-counter{border-radius:24px;width:76px;height:76px}.vr-notify-counter strong{font-size:26px}.vr-notify-item{grid-template-columns:1fr}.vr-notify-item-actions{justify-content:flex-end;padding:0 13px 13px}.vr-notify-open{grid-template-columns:46px minmax(0,1fr)}.vr-notify-icon{border-radius:16px;width:46px;height:46px;font-size:22px}}body.vr-page-notifications .vr-notify-page{margin-top:96px!important}body.vr-page-notifications .vr-notify-sidebar{top:96px!important}body.vr-page-notifications .vr-notify-main{min-width:0!important}@media (width<=900px){body.vr-page-notifications .vr-notify-page{margin-top:86px!important;padding-left:12px!important;padding-right:12px!important}body.vr-page-notifications .vr-notify-sidebar{top:auto!important}}.vr-page-stories{background:#f2f4f7}.vr-stories-page{grid-template-columns:330px minmax(0,1fr);gap:18px;max-width:1240px;margin:92px auto 44px;padding:0 18px;display:grid}.vr-stories-sidebar{align-self:start;padding:18px;position:sticky;top:92px}.vr-stories-side-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.vr-stories-side-head>span{background:linear-gradient(135deg,#e9fff4,#eef4ff);border-radius:20px;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.vr-stories-side-head p{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 3px;font-size:12px;font-weight:900}.vr-stories-side-head h1{letter-spacing:-.04em;margin:0;font-size:28px}.vr-story-create-big{background:linear-gradient(135deg,var(--green),#20a464);color:#fff;border-radius:22px;gap:5px;padding:18px;text-decoration:none;display:grid;box-shadow:0 20px 42px #2fb56f38}.vr-story-create-big strong{font-size:18px}.vr-story-create-big span{opacity:.92;font-size:13px;line-height:1.4}.vr-stories-stat-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.vr-stories-stat-row div{background:#f1f5f9;border-radius:18px;padding:12px}.vr-stories-stat-row strong{font-size:24px;display:block}.vr-stories-stat-row span{color:var(--muted);font-size:12px;font-weight:800}.vr-story-flash,.vr-story-errors{color:var(--green);background:#ecfdf3;border-radius:16px;margin-top:14px;padding:12px 14px;font-weight:800}.vr-story-errors{color:#be123c;background:#fff1f2}.vr-story-errors p{margin:0 0 4px}.vr-stories-main{gap:16px;min-width:0;display:grid}.vr-stories-hero{background:linear-gradient(135deg,#fff,#effff6);justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.vr-story-kicker{color:var(--green);background:#fff;border:1px solid #c9f2db;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.vr-stories-hero h2{letter-spacing:-.045em;margin:10px 0 6px;font-size:34px}.vr-stories-hero p{color:var(--muted);margin:0;line-height:1.55}.vr-stories-hero>a{background:var(--green);color:#fff;white-space:nowrap;border-radius:18px;padding:14px 18px;font-weight:900;text-decoration:none}.vr-story-section{padding:16px}.vr-story-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.vr-story-section-head h3{margin:0;font-size:20px}.vr-story-section-head span,.vr-story-section-head a{color:var(--muted);font-size:13px;font-weight:800;text-decoration:none}.vr-story-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.vr-story-tile{color:#fff;isolation:isolate;background:#0f172a;border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:244px;padding:13px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #0f172a1f}.vr-story-tile:before{content:"";z-index:-1;background:linear-gradient(#0f172a1a,#0f172aad);position:absolute;inset:0}.vr-story-tile img,.vr-story-tile video{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.vr-story-tile strong{text-shadow:0 2px 10px #00000059;font-size:15px;line-height:1.2}.vr-story-tile em{opacity:.9;margin-top:2px;font-size:12px;font-style:normal}.vr-story-avatar{border:3px solid var(--green);width:42px;height:42px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:12px;left:12px;overflow:hidden}.vr-story-avatar img{object-fit:cover;width:100%;height:100%;position:static}.vr-story-text-bg{text-align:center;z-index:-2;justify-content:center;align-items:center;padding:70px 16px 20px;font-size:24px;font-weight:950;line-height:1.12;display:flex;position:absolute;inset:0}.bg-green{background:linear-gradient(135deg,#24ba6d,#0f8a4d)!important}.bg-blue{background:linear-gradient(135deg,#38bdf8,#2563eb)!important}.bg-purple{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important}.bg-sunset{background:linear-gradient(135deg,#fb7185,#f97316)!important}.bg-dark{background:linear-gradient(135deg,#0f172a,#334155)!important}.bg-light{color:#0f172a!important;background:linear-gradient(135deg,#fff,#dcfce7)!important}.vr-story-empty{text-align:center;color:var(--muted);padding:44px 18px}.vr-story-empty div{font-size:46px}.vr-story-empty h3{color:var(--text);margin:10px 0 6px}.vr-story-empty.small{padding:18px}.vr-my-story-list{gap:8px;display:grid}.vr-my-story-item{border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.vr-my-story-item>a{min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.vr-my-story-thumb{width:52px;height:52px;color:var(--green);background:#eef2f7;border-radius:16px;flex:none;place-items:center;font-weight:900;display:grid;overflow:hidden}.vr-my-story-thumb img{object-fit:cover;width:100%;height:100%}.vr-my-story-item strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.vr-my-story-item small{color:var(--muted);font-size:12px;display:block}.vr-my-story-item button{color:#334155;cursor:pointer;background:#eef2f7;border:0;border-radius:12px;padding:9px 12px;font-weight:800}.vr-story-create-page{grid-template-columns:minmax(0,1fr) 360px;gap:18px;max-width:1120px;margin:92px auto 44px;padding:0 18px;display:grid}.vr-story-create-panel{padding:22px}.vr-story-create-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.vr-story-create-head>span{background:var(--green-soft);border-radius:22px;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.vr-story-create-head p{color:var(--green);margin:0;font-weight:900}.vr-story-create-head h1{letter-spacing:-.045em;margin:2px 0;font-size:34px}.vr-story-create-head small{color:var(--muted)}.vr-story-form{gap:14px;display:grid}.vr-story-form label{gap:7px;font-weight:900;display:grid}.vr-story-form label>span{font-size:14px}.vr-story-form input,.vr-story-form textarea,.vr-story-form select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:16px;padding:13px 14px}.vr-story-form small{color:var(--muted);font-weight:600}.vr-story-form-actions{justify-content:flex-end;gap:10px;display:flex}.vr-story-form-actions a,.vr-story-form-actions button{border:0;border-radius:16px;padding:13px 18px;font-weight:900;text-decoration:none}.vr-story-form-actions a{color:#334155;background:#eef2f7}.vr-story-form-actions button{background:var(--green);color:#fff;cursor:pointer}.vr-story-preview{align-self:start;padding:18px;position:sticky;top:92px}.vr-story-preview-phone{color:#fff;background:linear-gradient(135deg,#0f172a,#20a464);border-radius:34px;flex-direction:column;height:560px;padding:20px;display:flex;box-shadow:0 24px 54px #0f172a2e}.vr-story-preview-top{background:#ffffffb3;border-radius:999px;height:5px;margin-bottom:18px}.vr-story-preview-body{margin-top:auto}.vr-story-preview-body strong{font-size:14px}.vr-story-preview-body h2{margin:10px 0;font-size:34px;line-height:1.02}.vr-story-preview-body p{opacity:.88;line-height:1.45}.vr-story-recent{gap:8px;margin-top:16px;display:grid}.vr-story-recent h3{margin:0 0 4px}.vr-story-recent a{color:inherit;background:#f8fafc;border-radius:14px;gap:3px;padding:10px;text-decoration:none;display:grid}.vr-story-recent span{color:var(--green);font-size:11px;font-weight:900}.vr-page-story-view{background:#0b1220}.vr-story-view-page{min-height:calc(100vh - 72px);padding:92px 18px 30px}.vr-story-view-shell{grid-template-columns:minmax(0,500px) 280px;justify-content:center;gap:18px;max-width:1120px;margin:0 auto;display:grid;position:relative}.vr-story-close{color:#fff;z-index:5;background:#ffffff24;border-radius:50%;place-items:center;width:42px;height:42px;font-size:30px;text-decoration:none;display:grid;position:fixed;top:88px;left:24px}.vr-story-nav{color:#fff;z-index:4;background:#ffffff24;border-radius:50%;place-items:center;width:46px;height:46px;font-size:42px;text-decoration:none;display:grid;position:absolute;top:48%}.vr-story-nav.prev{left:-58px}.vr-story-nav.next{right:302px}.vr-story-view-card{color:#fff;border-radius:34px;flex-direction:column;min-height:720px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000004d}.vr-story-view-card header{z-index:2;justify-content:space-between;align-items:center;gap:10px;display:flex}.vr-story-view-user{color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.vr-story-view-user span{width:42px;height:42px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid;overflow:hidden}.vr-story-view-user img{object-fit:cover;width:100%;height:100%}.vr-story-view-card small{opacity:.85}.vr-story-view-media{z-index:0;place-items:center;display:grid;position:absolute;inset:0}.vr-story-view-media:after{content:"";background:linear-gradient(#00000061,#00000014,#0000008c);position:absolute;inset:0}.vr-story-view-media img,.vr-story-view-media video{object-fit:cover;width:100%;height:100%}.vr-story-view-text-only{text-align:center;z-index:1;padding:40px;font-size:38px;font-weight:950;line-height:1.1}.vr-story-view-card h1,.vr-story-view-card p,.vr-story-view-card em{z-index:2;text-shadow:0 2px 18px #0000004d;position:relative}.vr-story-view-card h1{margin:auto 0 8px;font-size:38px;line-height:1.04}.vr-story-view-card p{margin:auto 0 0;font-size:18px;line-height:1.4}.vr-story-view-card h1+p{margin:0}.vr-story-view-card em{margin-top:12px;font-style:normal;font-weight:800}.vr-story-view-info{background:#fff;align-self:start;padding:18px;position:sticky;top:92px}.vr-story-view-info h2{margin:0 0 14px}.vr-story-view-info div{background:#f8fafc;border-radius:16px;margin-bottom:9px;padding:12px}.vr-story-view-info strong{font-size:22px;display:block}.vr-story-view-info span{color:var(--muted);font-size:12px;font-weight:800}.vr-story-view-info form{margin-top:8px}.vr-story-view-info button{color:#334155;cursor:pointer;background:#eef2f7;border:0;border-radius:14px;width:100%;padding:12px;font-weight:900}.vr-story-view-info button.danger{color:#be123c;background:#fff1f2}.vr-story-row{gap:12px;padding:2px 0 4px;display:flex;overflow-x:auto}.vr-home-story-card{color:#fff;background:#0f172a;border-radius:20px;flex-direction:column;justify-content:flex-end;min-width:128px;height:184px;padding:10px;text-decoration:none;display:flex;position:relative;overflow:hidden}.vr-home-story-card.create{color:var(--green);text-align:center;background:linear-gradient(135deg,#e9fff4,#fff);border:2px dashed #b8ebcf;justify-content:center;align-items:center;font-weight:900}.vr-home-story-card img,.vr-home-story-card video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.vr-home-story-card:after{content:"";z-index:1;background:linear-gradient(#0000,#0f172ab3);position:absolute;inset:0}.vr-home-story-card.create:after{display:none}.vr-home-story-card strong,.vr-home-story-card span{z-index:2;position:relative}.vr-home-story-card span{opacity:.9;font-size:12px}@media (width<=980px){.vr-stories-page,.vr-story-create-page,.vr-story-view-shell{grid-template-columns:1fr}.vr-stories-sidebar,.vr-story-preview,.vr-story-view-info{position:static}.vr-story-view-shell{max-width:560px}.vr-story-nav.next{right:-58px}.vr-story-create-page{margin-top:86px}.vr-story-preview-phone{height:460px}}@media (width<=720px){.vr-stories-page{margin-top:82px}.vr-stories-hero{align-items:flex-start}.vr-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-story-tile{min-height:220px}.vr-story-view-page{padding-top:84px}.vr-story-view-card{min-height:610px}.vr-story-view-card h1,.vr-story-view-text-only{font-size:30px}.vr-story-nav{display:none}.vr-story-close{top:82px;left:14px}}.vr-page-photos{background:#f2f4f7}.vr-photos-page{grid-template-columns:330px minmax(0,1fr);gap:18px;max-width:1280px;margin:92px auto 44px;padding:0 18px;display:grid}.vr-photos-sidebar{align-self:start;padding:18px;position:sticky;top:92px}.vr-photos-side-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.vr-photos-side-head>span{background:linear-gradient(135deg,#e9fff4,#eef4ff);border-radius:20px;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.vr-photos-side-head p{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 3px;font-size:12px;font-weight:900}.vr-photos-side-head h1{letter-spacing:-.04em;margin:0;font-size:28px}.vr-photo-create-big{background:linear-gradient(135deg,var(--green),#20a464);color:#fff;border-radius:22px;gap:5px;padding:18px;text-decoration:none;display:grid;box-shadow:0 20px 42px #2fb56f38}.vr-photo-create-big strong{font-size:18px}.vr-photo-create-big span{opacity:.92;font-size:13px;line-height:1.4}.vr-photo-stat-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.vr-photo-stat-row div{background:#f1f5f9;border-radius:18px;padding:12px}.vr-photo-stat-row strong{font-size:24px;display:block}.vr-photo-stat-row span{color:var(--muted);font-size:12px;font-weight:800}.vr-photo-tabs{gap:8px;margin-top:16px;display:grid}.vr-photo-tabs a{color:var(--text);background:#f8fafc;border-radius:16px;justify-content:space-between;padding:12px 14px;font-weight:900;text-decoration:none;display:flex}.vr-photo-tabs a.active{background:var(--green-soft);color:var(--green)}.vr-photo-flash,.vr-photo-errors{color:var(--green);background:#ecfdf3;border-radius:16px;margin-top:14px;padding:12px 14px;font-weight:800}.vr-photo-errors{color:#be123c;background:#fff1f2}.vr-photo-errors p{margin:0 0 4px}.vr-photo-errors.compact{margin-top:10px}.vr-photos-main{gap:16px;min-width:0;display:grid}.vr-photos-hero{background:linear-gradient(135deg,#fff,#effff6);justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.vr-photo-kicker{color:var(--green);background:#fff;border:1px solid #c9f2db;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.vr-photos-hero h2{letter-spacing:-.045em;margin:10px 0 6px;font-size:34px}.vr-photos-hero p{color:var(--muted);margin:0;line-height:1.55}.vr-photos-hero>a{background:var(--green);color:#fff;white-space:nowrap;border-radius:18px;padding:14px 18px;font-weight:900;text-decoration:none}.vr-photo-search{gap:10px;padding:14px;display:flex}.vr-photo-search input{border:1px solid var(--line);font:inherit;background:#fff;border-radius:16px;flex:1;padding:13px 14px}.vr-photo-search button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:16px;padding:0 18px;font-weight:900}.vr-photo-section{padding:18px}.vr-photo-section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.vr-photo-section-head h3{margin:0;font-size:22px}.vr-photo-section-head span,.vr-photo-section-head a{color:var(--green);font-weight:900;text-decoration:none}.vr-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.vr-album-card{color:inherit;border:1px solid var(--line);background:#fff;border-radius:22px;text-decoration:none;transition:all .16s;display:grid;overflow:hidden}.vr-album-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px #0f172a14}.vr-album-cover{background:linear-gradient(135deg,#e9fff4,#f8fafc);place-items:center;height:190px;display:grid;position:relative;overflow:hidden}.vr-album-cover img{object-fit:cover;width:100%;height:100%}.vr-album-cover b{color:var(--green);font-size:20px}.vr-album-cover em{color:#fff;background:#0f172ab8;border-radius:999px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:900;position:absolute;bottom:10px;right:10px}.vr-album-info{padding:13px;display:block}.vr-album-info strong{font-size:17px;line-height:1.25;display:block}.vr-album-info small{color:var(--muted);margin-top:4px;font-weight:800;display:block}.vr-album-info p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.45}.vr-photo-masonry{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.vr-photo-tile{color:#fff;background:#eef2f7;border-radius:18px;height:190px;text-decoration:none;display:block;position:relative;overflow:hidden}.vr-photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.vr-photo-tile:after{content:"";background:linear-gradient(#0000,#0f172ab8);position:absolute;inset:0}.vr-photo-tile span{z-index:2;position:absolute;bottom:10px;left:10px;right:10px}.vr-photo-tile strong,.vr-photo-tile small{display:block}.vr-photo-tile small{opacity:.9}.vr-photo-empty{text-align:center;color:var(--muted);padding:44px 18px}.vr-photo-empty div{font-size:46px}.vr-photo-empty h3{color:var(--text);margin:10px 0 6px}.vr-photo-empty.small{padding:18px}.vr-photo-create-page{grid-template-columns:minmax(0,1fr) 360px;gap:18px;max-width:1120px;margin:92px auto 44px;padding:0 18px;display:grid}.vr-photo-create-panel{padding:22px}.vr-photo-create-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.vr-photo-create-head>span{background:var(--green-soft);border-radius:22px;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.vr-photo-create-head p{color:var(--green);margin:0;font-weight:900}.vr-photo-create-head h1{letter-spacing:-.045em;margin:2px 0;font-size:34px}.vr-photo-create-head small{color:var(--muted)}.vr-photo-form{gap:14px;display:grid}.vr-photo-form label{gap:7px;font-weight:900;display:grid}.vr-photo-form label>span{font-size:14px}.vr-photo-form input,.vr-photo-form textarea,.vr-photo-form select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:16px;padding:13px 14px}.vr-photo-form small{color:var(--muted);font-weight:600}.vr-photo-form-actions{justify-content:flex-end;gap:10px;display:flex}.vr-photo-form-actions a,.vr-photo-form-actions button{border:0;border-radius:16px;padding:13px 18px;font-weight:900;text-decoration:none}.vr-photo-form-actions a{color:#334155;background:#eef2f7}.vr-photo-form-actions button{background:var(--green);color:#fff;cursor:pointer}.vr-photo-create-preview{align-self:start;padding:18px;position:sticky;top:92px}.vr-photo-preview-box{color:#fff;background:linear-gradient(135deg,#0f172a,#20a464);border-radius:28px;flex-direction:column;justify-content:flex-end;min-height:420px;padding:26px;display:flex}.vr-photo-preview-box span{font-size:52px}.vr-photo-preview-box h2{margin:14px 0 8px;font-size:34px;line-height:1.05}.vr-photo-preview-box p{opacity:.9;line-height:1.5}.vr-album-show-page{grid-template-columns:minmax(0,1fr) 300px;gap:18px;max-width:1280px;margin:92px auto 44px;padding:0 18px;display:grid}.vr-album-show-main{gap:16px;min-width:0;display:grid}.vr-album-hero{grid-template-columns:340px minmax(0,1fr);gap:18px;padding:18px;display:grid}.vr-album-hero-cover{height:260px;color:var(--green);background:linear-gradient(135deg,#e9fff4,#f8fafc);border-radius:26px;place-items:center;font-size:54px;display:grid;overflow:hidden}.vr-album-hero-cover img{object-fit:cover;width:100%;height:100%}.vr-album-hero-info{align-self:center}.vr-album-hero-info>a{color:var(--green);font-weight:900;text-decoration:none}.vr-album-hero-info h1{letter-spacing:-.045em;margin:12px 0 8px;font-size:40px;line-height:1.05}.vr-album-hero-info p{color:var(--muted);line-height:1.55}.vr-album-hero-info div{flex-wrap:wrap;gap:8px;display:flex}.vr-album-hero-info span{color:#64748b;background:#f1f5f9;border-radius:999px;padding:8px 11px;font-weight:900}.vr-album-upload{padding:18px}.vr-album-upload h3{margin:0 0 12px}.vr-album-upload form{align-items:center;gap:10px;display:flex}.vr-album-upload input{border:1px solid var(--line);background:#fff;border-radius:16px;flex:1;padding:12px}.vr-album-upload button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:16px;padding:13px 18px;font-weight:900}.vr-album-photo-grid{columns:3 240px;column-gap:12px}.vr-album-photo-item{break-inside:avoid;border:1px solid var(--line);background:#fff;border-radius:20px;margin:0 0 12px;overflow:hidden}.vr-album-photo-item img{width:100%;display:block}.vr-album-photo-item p{color:var(--muted);margin:10px 12px;line-height:1.45}.vr-album-photo-actions{border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}.vr-album-photo-actions form{flex:1}.vr-album-photo-actions button{color:#334155;cursor:pointer;background:#eef2f7;border:0;border-radius:12px;width:100%;padding:10px;font-weight:900}.vr-album-photo-actions button.danger{color:#be123c;background:#fff1f2}.vr-album-show-side{align-self:start;padding:18px;position:sticky;top:92px}.vr-album-show-side h3{margin:0 0 12px}.vr-album-show-side div{background:#f8fafc;border-radius:16px;margin-bottom:9px;padding:12px}.vr-album-show-side strong{font-size:22px;display:block}.vr-album-show-side span{color:var(--muted);font-size:12px;font-weight:800}.vr-album-show-side button{color:#be123c;cursor:pointer;background:#fff1f2;border:0;border-radius:14px;width:100%;margin-top:8px;padding:12px;font-weight:900}@media (width<=1040px){.vr-photos-page,.vr-photo-create-page,.vr-album-show-page{grid-template-columns:1fr}.vr-photos-sidebar,.vr-photo-create-preview,.vr-album-show-side{position:static}.vr-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-photo-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.vr-photos-page,.vr-photo-create-page,.vr-album-show-page{margin-top:84px;padding:0 12px}.vr-photos-hero{flex-direction:column;align-items:flex-start}.vr-album-grid,.vr-photo-masonry{grid-template-columns:1fr 1fr}.vr-album-hero{grid-template-columns:1fr}.vr-album-hero-info h1{font-size:32px}.vr-album-upload form,.vr-photo-search{display:grid}.vr-photo-tile,.vr-album-cover{height:165px}}@media (width<=520px){.vr-album-grid,.vr-photo-masonry{grid-template-columns:1fr}.vr-album-photo-grid{columns:1}.vr-photo-stat-row{grid-template-columns:1fr}}.vr-photo-stat-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vr-photo-stat-row-3 div{min-width:0}.vr-photo-stat-row-3 strong{font-size:21px}.vr-photo-stat-row-3 span{font-size:11px}.vr-photo-section-head>div{min-width:0}.vr-photo-section-sub{color:var(--muted);margin:4px 0 0;font-weight:700;line-height:1.4}.vr-post-photo-masonry{grid-template-columns:repeat(5,minmax(0,1fr))}.vr-post-photo-tile{height:180px}.vr-photo-source-badge{z-index:2;color:#fff;background:#2fb56feb;border-radius:999px;padding:6px 9px;font-size:11px;font-style:normal;font-weight:900;position:absolute;top:10px;right:10px;box-shadow:0 10px 22px #0f172a29}@media (width<=1100px){.vr-post-photo-masonry{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=860px){.vr-photo-stat-row-3{grid-template-columns:1fr}.vr-post-photo-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-post-photo-tile{height:170px}}@media (width<=560px){.vr-post-photo-masonry{grid-template-columns:1fr}.vr-post-photo-tile{height:260px}}.vr-page-videos{background:#f3f6fa}.vr-videos-page{grid-template-columns:330px minmax(0,1fr);gap:24px;max-width:1540px;margin:96px auto 40px;padding:0 34px;display:grid}.vr-videos-sidebar{border-radius:26px;align-self:start;padding:22px;position:sticky;top:92px}.vr-videos-side-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.vr-videos-side-head>span{background:#e9fff4;border-radius:18px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.vr-videos-side-head p{color:#22aa65;margin:0;font-weight:900}.vr-videos-side-head h1{color:#111827;margin:0;font-size:34px;line-height:1}.vr-video-tabs{gap:10px;display:grid}.vr-video-tabs a{color:#172033;background:#f4f7fb;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;font-weight:900;text-decoration:none;display:flex}.vr-video-tabs a.active{color:#16a45b;background:#e4faee}.vr-video-tabs b{color:#64748b;background:#fff;border-radius:999px;place-items:center;min-width:34px;height:34px;display:grid}.vr-video-upload-card{color:#fff;background:linear-gradient(135deg,#2fbd77,#21a662);border-radius:22px;margin-top:18px;padding:18px;text-decoration:none;display:block;box-shadow:0 18px 40px #2fbd773d}.vr-video-upload-card strong{margin-bottom:6px;font-size:18px;display:block}.vr-video-upload-card span{opacity:.92;font-weight:700;line-height:1.45;display:block}.vr-video-note{background:#f2fff7;border:1px solid #d9efe3;border-radius:20px;margin-top:18px;padding:16px}.vr-video-note strong{color:#159957}.vr-video-note p{color:#64748b;margin:6px 0 0;font-weight:700;line-height:1.45}.vr-videos-main{gap:20px;min-width:0;display:grid}.vr-videos-hero{background:linear-gradient(135deg,#fff,#edfff5);border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:28px 32px;display:flex}.vr-video-kicker{color:#18a65c;background:#f4fff8;border:1px solid #bceccc;border-radius:999px;padding:7px 13px;font-weight:900;display:inline-flex}.vr-videos-hero h2{color:#111827;letter-spacing:-1.2px;margin:16px 0 8px;font-size:42px;line-height:1.05}.vr-videos-hero p{color:#667085;max-width:720px;margin:0;font-size:18px;font-weight:700;line-height:1.55}.vr-videos-hero a,.vr-featured-info a,.vr-video-empty a{color:#fff;white-space:nowrap;background:#2fbd77;border-radius:18px;justify-content:center;align-items:center;padding:14px 18px;font-weight:900;text-decoration:none;display:inline-flex}.vr-video-search{border-radius:22px;gap:12px;padding:14px;display:flex}.vr-video-search input{color:#172033;background:#f4f7fb;border:0;border-radius:16px;flex:1;min-width:0;padding:15px 18px;font-size:16px;font-weight:700}.vr-video-search button{color:#fff;cursor:pointer;background:#14213d;border:0;border-radius:16px;padding:0 24px;font-weight:900}.vr-video-featured{border-radius:28px;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:20px;padding:18px;display:grid}.vr-featured-player{background:#0f172a;border-radius:24px;place-items:center;min-height:390px;display:grid;overflow:hidden}.vr-featured-player video{object-fit:contain;background:#050816;width:100%;height:100%;max-height:520px}.vr-featured-player.vertical video{aspect-ratio:9/16;width:auto;max-width:100%}.vr-featured-info{flex-direction:column;justify-content:center;padding:10px 12px;display:flex}.vr-featured-info span{color:#17a75f;font-weight:900}.vr-featured-info h3{color:#111827;margin:10px 0;font-size:28px;line-height:1.18}.vr-featured-info p{color:#667085;margin:0 0 18px;font-weight:800}.vr-video-section{border-radius:28px;padding:18px}.vr-video-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.vr-video-section-head h3{color:#111827;margin:0;font-size:24px}.vr-video-section-head p{color:#667085;margin:4px 0 0;font-weight:800}.vr-video-section-head a{color:#17a75f;font-weight:900;text-decoration:none}.vr-video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vr-video-card{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:22px;text-decoration:none;transition:all .16s;display:block;overflow:hidden}.vr-video-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px #0f172a1a}.vr-video-thumb{background:#0f172a;height:185px;display:block;position:relative;overflow:hidden}.vr-video-card.is-short .vr-video-thumb{background:linear-gradient(135deg,#111827,#0f172a)}.vr-video-thumb video{object-fit:cover;width:100%;height:100%}.vr-video-card.is-short .vr-video-thumb video{object-fit:contain}.vr-video-thumb:after{content:"▶";color:#111827;background:#ffffffeb;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;position:absolute;bottom:12px;left:12px}.vr-video-thumb em{color:#fff;background:#0f172ac2;border-radius:999px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:900;position:absolute;top:10px;right:10px}.vr-video-meta{padding:13px 14px;display:block}.vr-video-meta strong{font-size:15px;line-height:1.35;display:block}.vr-video-meta small{color:#667085;margin-top:6px;font-weight:800;display:block}.vr-video-empty{text-align:center;background:#f8fafc;border:2px dashed #dbe4ef;border-radius:24px;padding:54px 20px}.vr-video-empty div{font-size:48px}.vr-video-empty h3{margin:12px 0 4px}.vr-video-empty p{color:#667085;font-weight:700}.vr-video-show-page{grid-template-columns:minmax(0,1fr) 360px;gap:22px;max-width:1540px;margin:96px auto 44px;padding:0 34px;display:grid}.vr-video-view-card{border-radius:28px;padding:18px}.vr-video-view-player{background:#050816;border-radius:24px;place-items:center;min-height:560px;display:grid;overflow:hidden}.vr-video-view-player video{object-fit:contain;background:#050816;width:100%;height:100%;max-height:720px}.vr-video-view-player.vertical video{aspect-ratio:9/16;width:auto;max-width:100%}.vr-video-view-info{padding:18px 6px 4px}.vr-back-link{color:#16a45b;font-weight:900;text-decoration:none}.vr-video-view-info h1{color:#111827;margin:12px 0 14px;font-size:30px;line-height:1.22}.vr-video-owner{align-items:center;gap:12px;display:flex}.vr-video-owner img{object-fit:cover;border-radius:999px;width:48px;height:48px}.vr-video-owner a{color:#111827;text-decoration:none}.vr-video-owner span{color:#667085;margin-top:2px;font-weight:800;display:block}.vr-video-desc{color:#26344d;background:#f6f8fb;border-radius:20px;margin-top:18px;padding:18px;font-weight:700;line-height:1.55}.vr-video-more{border-radius:26px;align-self:start;padding:16px;position:sticky;top:92px}.vr-video-section-head.compact h3{font-size:22px}.vr-video-more-list{gap:12px;display:grid}.vr-video-more-item{color:#111827;background:#f8fafc;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:112px minmax(0,1fr);gap:4px 10px;padding:8px;text-decoration:none;display:grid}.vr-video-more-item span{background:#0f172a;border-radius:12px;grid-row:span 2;height:70px;overflow:hidden}.vr-video-more-item video{object-fit:cover;width:100%;height:100%}.vr-video-more-item b{align-self:end;font-size:14px;line-height:1.25}.vr-video-more-item small,.vr-video-muted{color:#667085;font-weight:800}@media (width<=1160px){.vr-videos-page,.vr-video-show-page{grid-template-columns:1fr}.vr-videos-sidebar,.vr-video-more{position:static}.vr-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vr-video-featured{grid-template-columns:1fr}}@media (width<=780px){.vr-videos-page,.vr-video-show-page{margin-top:84px;padding:0 14px}.vr-videos-hero{display:block}.vr-videos-hero h2{font-size:32px}.vr-videos-hero a{margin-top:18px}.vr-video-search{display:grid}.vr-video-search button{height:48px}.vr-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-video-thumb{height:160px}.vr-video-view-player{min-height:420px}.vr-video-more-item{grid-template-columns:100px minmax(0,1fr)}}@media (width<=520px){.vr-video-grid{grid-template-columns:1fr}.vr-video-thumb{height:240px}.vr-videos-side-head h1{font-size:30px}.vr-video-view-info h1{font-size:24px}}.vr-page-saved{background:#f3f6fa}.vr-saved-page{grid-template-columns:330px minmax(0,1fr);gap:24px;max-width:1540px;margin:96px auto 44px;padding:0 34px;display:grid}.vr-saved-sidebar{border-radius:26px;align-self:start;padding:22px;position:sticky;top:92px}.vr-saved-side-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.vr-saved-side-head>span{background:#e9fff4;border-radius:18px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.vr-saved-side-head p{color:#22aa65;margin:0;font-weight:900}.vr-saved-side-head h1{color:#111827;margin:0;font-size:34px;line-height:1}.vr-saved-tabs{gap:10px;display:grid}.vr-saved-tabs a{color:#172033;background:#f4f7fb;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;font-weight:900;text-decoration:none;display:flex}.vr-saved-tabs a.active{color:#16a45b;background:#e4faee}.vr-saved-tabs b{color:#64748b;background:#fff;border-radius:999px;place-items:center;min-width:34px;height:34px;display:grid}.vr-saved-note{background:#f2fff7;border:1px solid #d9efe3;border-radius:20px;margin-top:18px;padding:16px}.vr-saved-note strong{color:#159957}.vr-saved-note p{color:#64748b;margin:6px 0 0;font-weight:700;line-height:1.45}.vr-saved-main{gap:18px;min-width:0;display:grid}.vr-saved-hero{background:linear-gradient(135deg,#fff,#edfff5);border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:28px 32px;display:flex}.vr-saved-hero span{color:#18a65c;background:#f4fff8;border:1px solid #bceccc;border-radius:999px;padding:7px 13px;font-weight:900;display:inline-flex}.vr-saved-hero h2{color:#111827;letter-spacing:-1.2px;margin:16px 0 8px;font-size:42px;line-height:1.05}.vr-saved-hero p{color:#667085;max-width:760px;margin:0;font-size:18px;font-weight:700;line-height:1.55}.vr-saved-hero a,.vr-saved-empty a{color:#fff;white-space:nowrap;background:#2fbd77;border-radius:18px;justify-content:center;align-items:center;padding:14px 18px;font-weight:900;text-decoration:none;display:inline-flex}.vr-saved-search{border-radius:22px;gap:12px;padding:14px;display:flex}.vr-saved-search input{color:#172033;background:#f4f7fb;border:0;border-radius:16px;flex:1;min-width:0;padding:15px 18px;font-size:16px;font-weight:700}.vr-saved-search button{color:#fff;cursor:pointer;background:#14213d;border:0;border-radius:16px;padding:0 24px;font-weight:900}.vr-saved-feed{gap:16px;display:grid}.vr-saved-item-wrap{gap:10px;display:grid}.vr-saved-item-meta{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.vr-saved-item-meta strong{color:#111827;display:block}.vr-saved-item-meta span{color:#667085;margin-top:2px;font-size:13px;font-weight:800;display:block}.vr-saved-item-meta form{margin:0}.vr-saved-item-meta button{color:#475569;cursor:pointer;background:#eef2f7;border:0;border-radius:999px;padding:9px 13px;font-weight:900}.vr-saved-item-meta button:hover{color:#b42318;background:#ffe8e8}.vr-saved-empty{text-align:center;border-radius:28px;padding:58px 20px}.vr-saved-empty div{font-size:54px}.vr-saved-empty h3{color:#111827;margin:12px 0 6px;font-size:26px}.vr-saved-empty p{color:#667085;max-width:520px;margin:0 auto 20px;font-weight:700;line-height:1.5}.vr-saved-pagination{margin-top:6px}.vr-saved-pagination nav{justify-content:center;display:flex}@media (width<=1080px){.vr-saved-page{grid-template-columns:1fr}.vr-saved-sidebar{position:static}.vr-saved-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=780px){.vr-saved-page{margin-top:84px;padding:0 14px}.vr-saved-hero{display:block}.vr-saved-hero h2{font-size:32px}.vr-saved-hero a{margin-top:18px}.vr-saved-search{display:grid}.vr-saved-search button{height:48px}.vr-saved-tabs{grid-template-columns:1fr}}.vr-page-friends{background:#f3f6fa}.vr-friends-page{grid-template-columns:330px minmax(0,1fr);gap:24px;max-width:1540px;margin:96px auto 44px;padding:0 34px;display:grid}.vr-friends-sidebar{border-radius:26px;align-self:start;padding:22px;position:sticky;top:92px}.vr-friends-side-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.vr-friends-side-head>span{background:#e9fff4;border-radius:18px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.vr-friends-side-head p{color:#22aa65;margin:0;font-weight:900}.vr-friends-side-head h1{color:#111827;margin:0;font-size:34px;line-height:1}.vr-friends-tabs{gap:10px;display:grid}.vr-friends-tabs a{color:#172033;background:#f4f7fb;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;font-weight:900;text-decoration:none;display:flex}.vr-friends-tabs a.active{color:#16a45b;background:#e4faee}.vr-friends-tabs b{color:#64748b;background:#fff;border-radius:999px;place-items:center;min-width:34px;height:34px;display:grid}.vr-friends-note{background:#f2fff7;border:1px solid #d9efe3;border-radius:20px;margin-top:18px;padding:16px}.vr-friends-note strong{color:#159957}.vr-friends-note p{color:#64748b;margin:6px 0 0;font-weight:700;line-height:1.45}.vr-friends-main{gap:18px;min-width:0;display:grid}.vr-friends-hero{background:linear-gradient(135deg,#fff,#edfff5);border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:28px 32px;display:flex}.vr-friends-hero span{color:#18a65c;background:#f4fff8;border:1px solid #bceccc;border-radius:999px;padding:7px 13px;font-weight:900;display:inline-flex}.vr-friends-hero h2{color:#111827;letter-spacing:-1.2px;margin:16px 0 8px;font-size:42px;line-height:1.05}.vr-friends-hero p{color:#667085;max-width:760px;margin:0;font-size:18px;font-weight:700;line-height:1.55}.vr-friends-hero a{color:#fff;white-space:nowrap;background:#2fbd77;border-radius:18px;justify-content:center;align-items:center;padding:14px 18px;font-weight:900;text-decoration:none;display:inline-flex}.vr-friends-flash{color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:18px;padding:14px 16px;font-weight:900}.vr-friends-search{border-radius:22px;gap:12px;padding:14px;display:flex}.vr-friends-search input{color:#172033;background:#f4f7fb;border:0;border-radius:16px;flex:1;min-width:0;padding:15px 18px;font-size:16px;font-weight:700}.vr-friends-search button{color:#fff;cursor:pointer;background:#14213d;border:0;border-radius:16px;padding:0 24px;font-weight:900}.vr-friends-section{border-radius:28px;padding:22px}.vr-friends-section.compact{padding:18px}.vr-friends-section-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}.vr-friends-section-head p{color:#16a45b;margin:0 0 4px;font-weight:900}.vr-friends-section-head h3{color:#111827;margin:0;font-size:26px}.vr-friends-section-head a,.vr-friends-section-head span{color:#667085;font-weight:900;text-decoration:none}.vr-friends-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.vr-friends-grid.slim{grid-template-columns:repeat(4,minmax(0,1fr))}.vr-friend-card{background:#fff;border-radius:24px;min-width:0;padding:0;overflow:hidden}.vr-friend-avatar{background:#eef2f7;height:190px;display:block;overflow:hidden}.vr-friend-avatar img{object-fit:cover;width:100%;height:100%;display:block}.vr-friend-info{min-height:108px;padding:14px 14px 8px}.vr-friend-name{color:#111827;align-items:center;gap:6px;font-size:18px;font-weight:950;line-height:1.25;text-decoration:none;display:inline-flex}.vr-friend-name span{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;display:inline-grid}.vr-friend-info p{color:#64748b;margin:4px 0;font-weight:800}.vr-friend-info small{color:#667085;font-weight:700;line-height:1.35;display:block}.vr-friend-actions{gap:8px;padding:0 14px 14px;display:grid}.vr-friend-actions form{margin:0}.vr-friend-btn{cursor:pointer;text-align:center;border:0;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:42px;font-weight:950;text-decoration:none;display:flex}.vr-friend-btn.primary{color:#fff;background:#2fbd77}.vr-friend-btn.ghost{color:#475569;background:#eef2f7}.vr-friend-btn.soft{color:#159957;background:#f2fff7;border:1px solid #d9efe3}.vr-friend-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.vr-friends-empty{text-align:center;padding:54px 20px}.vr-friends-empty div{font-size:56px}.vr-friends-empty h3{color:#111827;margin:12px 0 6px;font-size:26px}.vr-friends-empty p{color:#667085;max-width:520px;margin:0 auto;font-weight:700;line-height:1.5}@media (width<=1280px){.vr-friends-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1080px){.vr-friends-page{grid-template-columns:1fr}.vr-friends-sidebar{position:static}.vr-friends-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.vr-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.vr-friends-page{margin-top:84px;padding:0 14px}.vr-friends-hero{display:block}.vr-friends-hero h2{font-size:32px}.vr-friends-hero a{margin-top:18px}.vr-friends-search{display:grid}.vr-friends-search button{height:48px}.vr-friends-tabs,.vr-friends-grid,.vr-friends-grid.slim{grid-template-columns:1fr}.vr-friend-avatar{height:230px}}.vr-page-settings{background:#f3f6fa}.vr-settings-page{grid-template-columns:330px minmax(0,1fr);gap:24px;max-width:1480px;margin:96px auto 44px;padding:0 34px;display:grid}.vr-settings-sidebar{border-radius:28px;align-self:start;padding:0;position:sticky;top:92px;overflow:hidden}.vr-settings-user{text-align:center;padding:92px 20px 20px;position:relative}.vr-settings-user .cover{background:linear-gradient(135deg,#18b66a,#14213d) 50%/cover;height:112px;position:absolute;top:0;left:0;right:0}.vr-settings-user img{object-fit:cover;background:#fff;border:5px solid #fff;border-radius:50%;width:104px;height:104px;position:relative;box-shadow:0 10px 30px #0f172a2e}.vr-settings-user h1{color:#111827;margin:10px 0 2px;font-size:25px;line-height:1.1}.vr-settings-user p{color:#64748b;margin:0;font-weight:800}.vr-settings-tabs{gap:9px;padding:14px 18px 18px;display:grid}.vr-settings-tabs a{color:#172033;background:#f4f7fb;border-radius:18px;align-items:center;gap:10px;padding:14px 15px;font-weight:950;text-decoration:none;display:flex}.vr-settings-tabs a.active{color:#16a45b;background:#e4faee}.vr-settings-tabs span{font-size:20px}.vr-settings-note{background:#f2fff7;border:1px solid #d9efe3;border-radius:20px;margin:0 18px 20px;padding:16px}.vr-settings-note strong{color:#159957}.vr-settings-note p{color:#64748b;margin:6px 0 0;font-weight:700;line-height:1.45}.vr-settings-main{gap:18px;min-width:0;display:grid}.vr-settings-hero{background:linear-gradient(135deg,#fff,#edfff5);border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:28px 32px;display:flex}.vr-settings-hero span{color:#18a65c;background:#f4fff8;border:1px solid #bceccc;border-radius:999px;padding:7px 13px;font-weight:900;display:inline-flex}.vr-settings-hero h2{color:#111827;letter-spacing:-1.1px;margin:15px 0 8px;font-size:40px;line-height:1.05}.vr-settings-hero p{color:#667085;max-width:760px;margin:0;font-size:17px;font-weight:700;line-height:1.55}.vr-settings-hero a{color:#fff;white-space:nowrap;background:#2fbd77;border-radius:18px;justify-content:center;align-items:center;padding:14px 18px;font-weight:950;text-decoration:none;display:inline-flex}.vr-settings-flash,.vr-settings-error{border-radius:18px;padding:14px 16px;font-weight:900}.vr-settings-flash{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.vr-settings-error{color:#be123c;background:#fff1f3;border:1px solid #fecdd3}.vr-settings-card{border-radius:28px;padding:24px}.vr-settings-card-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}.vr-settings-card-head p{color:#16a45b;margin:0 0 4px;font-weight:950}.vr-settings-card-head h3{color:#111827;margin:0;font-size:28px}.vr-settings-grid{gap:16px;display:grid}.vr-settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-settings-grid label{color:#334155;gap:8px;font-weight:950;display:grid}.vr-settings-grid .wide{grid-column:1/-1}.vr-settings-grid input,.vr-settings-grid select,.vr-settings-grid textarea{box-sizing:border-box;color:#111827;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:15px;font-weight:700}.vr-settings-grid textarea{resize:vertical;line-height:1.5}.vr-settings-grid input:focus,.vr-settings-grid select:focus,.vr-settings-grid textarea:focus{background:#fff;border-color:#2fbd77;box-shadow:0 0 0 4px #2fbd771f}.vr-settings-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:14px;margin-top:18px;padding:14px;display:flex}.vr-settings-preview img{object-fit:cover;border-radius:50%;width:64px;height:64px}.vr-settings-preview strong{color:#111827;display:block}.vr-settings-preview p{color:#64748b;margin:4px 0 0;font-weight:700}.vr-settings-switches{gap:12px;margin-top:6px;display:grid}.vr-settings-switches label{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;align-items:flex-start;gap:12px;padding:15px 16px;font-weight:850;line-height:1.4;display:flex}.vr-settings-switches input{accent-color:#22c55e;width:18px;height:18px;margin-top:1px}.vr-settings-warn{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;margin-top:18px;padding:15px 16px;font-weight:800;line-height:1.45}.vr-settings-warn.soft{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.vr-settings-submit{color:#fff;cursor:pointer;background:#2fbd77;border:0;border-radius:16px;margin-top:20px;padding:14px 22px;font-weight:950;box-shadow:0 10px 24px #2fbd7738}.vr-settings-submit.danger{background:#14213d;box-shadow:0 10px 24px #14213d2e}.vr-settings-submit:hover{filter:brightness(.98);transform:translateY(-1px)}@media (width<=1080px){.vr-settings-page{grid-template-columns:1fr}.vr-settings-sidebar{position:static}.vr-settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.vr-settings-tabs a{justify-content:center}}@media (width<=780px){.vr-settings-page{margin-top:84px;padding:0 14px}.vr-settings-hero{display:block}.vr-settings-hero h2{font-size:31px}.vr-settings-hero a{margin-top:18px}.vr-settings-grid.two,.vr-settings-tabs{grid-template-columns:1fr}.vr-settings-card{padding:18px}.vr-settings-card-head h3{font-size:24px}}.vr-page-settings .vr-settings-page{grid-template-columns:300px minmax(0,1fr);gap:22px;max-width:1360px;margin-top:98px}.vr-page-settings .vr-settings-sidebar{border-radius:24px}.vr-page-settings .vr-settings-user{padding:82px 18px 18px}.vr-page-settings .vr-settings-user .cover{height:104px}.vr-page-settings .vr-settings-user img{width:92px;height:92px}.vr-page-settings .vr-settings-user h1{font-size:23px}.vr-page-settings .vr-settings-user p{color:#7a8799;word-break:break-word;font-size:14px}.vr-page-settings .vr-settings-tabs a{border-radius:16px;padding:13px 14px}.vr-page-settings .vr-settings-note{border-radius:18px}.vr-page-settings .vr-settings-hero{border-radius:24px;min-height:auto;padding:24px 28px}.vr-page-settings .vr-settings-hero h2{letter-spacing:-.8px;max-width:790px;font-size:34px;line-height:1.08}.vr-page-settings .vr-settings-hero p{max-width:760px;font-size:16px}.vr-page-settings .vr-settings-hero a{border-radius:16px;padding:13px 17px}.vr-page-settings .vr-settings-card{border-radius:24px;padding:22px 24px}.vr-page-settings .vr-settings-card-head{margin-bottom:16px}.vr-page-settings .vr-settings-card-head h3{letter-spacing:-.2px;font-size:25px}.vr-page-settings .vr-settings-grid{gap:15px}.vr-page-settings .vr-settings-grid input,.vr-page-settings .vr-settings-grid select,.vr-page-settings .vr-settings-grid textarea{background:#fbfcfe;border-radius:14px;padding:13px 15px}.vr-page-settings .vr-settings-preview{background:#fbfcfe;border-radius:18px}.vr-settings-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.vr-upload-item{min-width:0}.vr-upload-title{color:#334155;margin:0 0 8px;font-weight:950}.vr-settings-grid label.vr-file-picker{cursor:pointer;color:#172033;background:linear-gradient(#fff,#f8fbff);border:1px dashed #b7c7db;border-radius:18px;align-items:center;gap:12px;min-height:82px;padding:14px;font-weight:900;transition:all .18s;display:flex}.vr-settings-grid label.vr-file-picker:hover{background:#f3fff8;border-color:#2fbd77;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a0f}.vr-file-icon{background:#eafaf1;border-radius:16px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:23px;display:inline-flex}.vr-file-text{flex:1;gap:4px;min-width:0;display:grid}.vr-file-text strong{color:#111827;font-size:15px}.vr-file-text small{color:#7a8799;font-size:13px;font-weight:800;line-height:1.35}.vr-file-picker em{white-space:nowrap;color:#fff;background:#172033;border-radius:999px;padding:9px 12px;font-size:13px;font-style:normal;font-weight:950}.vr-file-input{opacity:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.vr-file-name{color:#7a8799;white-space:nowrap;text-overflow:ellipsis;margin:8px 2px 0;font-size:13px;font-weight:800;overflow:hidden}.vr-page-settings .vr-settings-submit{border-radius:15px;padding:13px 20px}.vr-page-settings .vr-settings-switches label{background:#fbfcfe;border-radius:16px}@media (width<=1180px){.vr-page-settings .vr-settings-page{grid-template-columns:280px minmax(0,1fr);padding:0 22px}.vr-page-settings .vr-settings-hero h2{font-size:30px}.vr-settings-upload-grid{grid-template-columns:1fr}}@media (width<=900px){.vr-page-settings .vr-settings-page{grid-template-columns:1fr}.vr-page-settings .vr-settings-sidebar{position:static}.vr-page-settings .vr-settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.vr-page-settings .vr-settings-page{margin-top:86px;padding:0 14px}.vr-page-settings .vr-settings-card{padding:18px}.vr-page-settings .vr-settings-hero{padding:20px}.vr-page-settings .vr-settings-hero h2{font-size:28px}.vr-page-settings .vr-settings-tabs{grid-template-columns:1fr}.vr-settings-grid label.vr-file-picker{flex-wrap:wrap;align-items:flex-start}.vr-file-picker em{text-align:center;width:100%}}.vr-page-safety{background:#f2f4f7}.safety-shell{grid-template-columns:340px minmax(0,1fr);gap:24px;max-width:1440px;margin:0 auto;padding:92px 28px 32px;display:grid}.safety-side{border-radius:28px;align-self:start;padding:22px;position:sticky;top:86px}.safety-profile{text-align:left}.safety-icon{background:linear-gradient(135deg,#dcfce7,#fff);border-radius:22px;place-items:center;width:64px;height:64px;margin-bottom:14px;font-size:32px;display:grid}.safety-profile h1{letter-spacing:-.04em;margin:0;font-size:31px}.safety-profile p{color:#64748b;line-height:1.5}.safety-nav{gap:8px;margin:20px 0;display:grid}.safety-nav a{background:#f3f7fb;border-radius:16px;padding:13px 14px;font-weight:850}.safety-nav a:hover{color:#179657;background:#e8f8ef}.safety-stats{gap:10px;display:grid}.safety-stats div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;justify-content:space-between;align-items:center;padding:14px;display:flex}.safety-stats strong{color:#21a866;font-size:26px}.safety-stats span{color:#64748b;font-weight:800}.safety-main{gap:20px;min-width:0;display:grid}.safety-hero{background:linear-gradient(135deg,#fff,#ecfdf5);border-radius:30px;justify-content:space-between;align-items:center;gap:22px;padding:28px;display:flex}.safety-pill{color:#159957;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:8px 13px;font-weight:950;display:inline-flex}.safety-hero h2{letter-spacing:-.045em;margin:14px 0 10px;font-size:38px;line-height:1.05}.safety-hero p{color:#64748b;max-width:720px;font-size:17px;line-height:1.55}.safety-action{color:#fff;white-space:nowrap;background:#2fb56f;border-radius:18px;padding:16px 22px;font-weight:950}.safety-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.safety-card{border-radius:26px;padding:22px}.safety-card h3{margin:0 0 8px;font-size:23px}.safety-form{gap:14px;margin-top:18px;display:grid}.safety-form.compact{grid-template-columns:1fr 1fr auto;align-items:end}.safety-form label{gap:7px;font-weight:850;display:grid}.safety-form input,.safety-form select,.safety-form textarea,.safety-search input{background:#f8fafc;border:1px solid #dfe5ee;border-radius:16px;outline:0;width:100%;padding:13px 14px}.safety-form textarea{resize:vertical}.safety-search{gap:10px;margin:16px 0;display:flex}.safety-search input{flex:1}.safety-user-list{gap:10px;margin-top:14px;display:grid}.safety-user-row{background:#fff;border:1px solid #e5e7eb;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.safety-user-row.blocked{background:#f8fafc}.safety-user-row img{object-fit:cover;border-radius:50%;width:48px;height:48px}.safety-user-row div{flex:1;min-width:0}.safety-user-row strong{display:block}.safety-user-row span{color:#64748b;font-size:13px;display:block}.safety-empty{color:#64748b;text-align:center;background:#f8fafc;border-radius:18px;padding:22px;font-weight:800}.safety-report-row{border:1px solid #e5e7eb;border-radius:18px;justify-content:space-between;gap:14px;margin-top:10px;padding:14px;display:flex}.safety-report-row p{color:#475569;margin:6px 0}.safety-report-row small{color:#64748b}.safety-status{background:#eef2f7;border-radius:999px;height:max-content;padding:7px 10px;font-size:12px;font-weight:950}.safety-status.open,.safety-status.reviewing{color:#92400e;background:#fef3c7}.safety-status.resolved{color:#166534;background:#dcfce7}.safety-status.rejected{color:#991b1b;background:#fee2e2}.safety-report-page{max-width:780px;margin:0 auto;padding:100px 22px 34px}.safety-report-box{border-radius:30px;padding:28px}.safety-report-box h1{letter-spacing:-.045em;margin:14px 0 10px;font-size:38px;line-height:1.08}.back-link{color:#21a866;margin-bottom:18px;font-weight:900;display:inline-flex}.target-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;margin:18px 0;padding:16px}.target-box strong,.target-box span{display:block}.target-box span{color:#64748b;margin-top:4px}.target-box.warning{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.danger{color:#991b1b!important;background:#fee2e2!important}.safety-shell button,.safety-report-page button{font-weight:950}.safety-shell button.primary,.safety-report-page button.primary{color:#fff;background:#2fb56f}@media (width<=1100px){.safety-shell{grid-template-columns:1fr;padding:82px 16px 22px}.safety-side{position:relative;top:0}.safety-grid,.safety-form.compact{grid-template-columns:1fr}.safety-hero{display:block}.safety-action{margin-top:12px;display:inline-flex}.safety-hero h2,.safety-report-box h1{font-size:30px}}.vr-page-admin-moderation{background:#f2f4f7}.admin-mod-shell{max-width:1480px;margin:0 auto;padding:112px 28px 60px}.admin-mod-hero{background:linear-gradient(135deg,#fff,#effdf6);border-radius:30px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:34px 38px;display:flex;box-shadow:0 22px 60px #0f172a14}.admin-mod-hero.compact{align-items:flex-start}.admin-mod-pill{color:#16a45a;background:#f2fff8;border:1px solid #b8efd0;border-radius:999px;align-items:center;margin-bottom:12px;padding:8px 14px;font-weight:900;display:inline-flex}.admin-mod-hero h1{color:#111827;margin:0 0 10px;font-size:44px;line-height:1.05}.admin-mod-hero p{color:#64748b;max-width:760px;margin:0;font-size:18px;line-height:1.6}.admin-mod-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-mod-actions a,.admin-mod-hero .primary,.admin-mod-hero .secondary{border-radius:18px;justify-content:center;align-items:center;padding:14px 20px;font-weight:900;text-decoration:none;display:inline-flex}.admin-mod-hero .primary,.report-action-form .primary{color:#fff;background:#29bd72;border:0}.admin-mod-hero .secondary{color:#1f2937;background:#eef2f7}.admin-mod-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.admin-mod-stats .card{border-radius:24px;padding:24px}.admin-mod-stats strong{color:#111827;font-size:38px;display:block}.admin-mod-stats span{color:#64748b;font-weight:800}.admin-mod-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.admin-mod-card{border-radius:28px;padding:24px}.admin-mod-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-mod-card-head h2{margin:0;font-size:24px}.admin-mod-card-head a{color:#16a45a;font-weight:900;text-decoration:none}.admin-report-mini,.admin-post-mini{background:#fff;border:1px solid #e5e7eb;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:grid}.admin-post-mini{grid-template-columns:1fr auto auto}.admin-report-mini strong,.admin-post-mini strong{color:#111827}.admin-report-mini p,.admin-post-mini p{color:#64748b;margin:5px 0}.admin-report-mini small{color:#94a3b8}.admin-post-mini button,.report-action-form button,.admin-mod-filter button{color:#fff;cursor:pointer;background:#22c55e;border:0;border-radius:14px;padding:11px 16px;font-weight:900}.admin-post-mini button.danger{color:#b91c1c;background:#fee2e2}.status{color:#475569;background:#eef2f7;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.status.open{color:#ea580c;background:#fff7ed}.status.reviewing{color:#2563eb;background:#eff6ff}.status.resolved{color:#16a34a;background:#dcfce7}.status.rejected{color:#dc2626;background:#fee2e2}.admin-report-counts{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-report-counts a{color:#475569;background:#f1f5f9;border-radius:999px;gap:8px;padding:10px 14px;font-weight:900;text-decoration:none;display:flex}.admin-report-counts a.active{color:#15803d;background:#dcfce7}.back-link{color:#64748b;margin-bottom:10px;font-weight:900;text-decoration:none;display:inline-flex}.admin-mod-filter{border-radius:24px;margin-bottom:18px;padding:18px 20px}.admin-mod-filter form{grid-template-columns:170px 170px 1fr 1.2fr auto;align-items:end;gap:12px;display:grid}.admin-mod-filter label,.report-action-form label{color:#334155;flex-direction:column;gap:7px;font-weight:900;display:flex}.admin-mod-filter input,.admin-mod-filter select,.report-action-form select,.report-action-form textarea{font:inherit;color:#0f172a;background:#f8fafc;border:1px solid #dbe3ec;border-radius:14px;padding:12px 13px}.admin-report-list{flex-direction:column;gap:16px;display:flex}.admin-report-card{border-radius:28px;grid-template-columns:1fr 360px;gap:22px;padding:22px;display:grid}.report-title-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.report-title-row h2{color:#111827;margin:0;font-size:24px}.report-main>p{color:#475569;font-size:16px;line-height:1.6}.report-meta{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.report-meta span{color:#64748b;background:#f1f5f9;border-radius:999px;padding:8px 12px;font-weight:800}.target-preview{color:#334155;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:14px}.target-preview p{margin:0 0 7px}.target-preview.warning{color:#9a3412;background:#fff7ed}.report-action-form{border-left:1px solid #e5e7eb;flex-direction:column;gap:13px;padding-left:20px;display:flex}.admin-mod-empty{color:#64748b;text-align:center;background:#f8fafc;border-radius:18px;padding:18px;font-weight:800}.admin-mod-empty.big{padding:34px}.pagination-wrap{margin-top:10px}.pagination-wrap nav{justify-content:center;display:flex}@media (width<=1100px){.admin-mod-shell{padding:96px 16px 40px}.admin-mod-hero,.admin-report-card{grid-template-columns:1fr;display:grid}.admin-mod-grid,.admin-mod-stats,.admin-mod-filter form{grid-template-columns:1fr 1fr}.report-action-form{border-top:1px solid #e5e7eb;border-left:0;padding-top:18px;padding-left:0}}@media (width<=720px){.admin-mod-stats,.admin-mod-grid,.admin-mod-filter form{grid-template-columns:1fr}.admin-mod-hero h1{font-size:34px}.admin-mod-hero{padding:24px}.admin-report-counts{justify-content:flex-start}.admin-post-mini{grid-template-columns:1fr}}@media (width>=1101px){.vr-page-home .vr-layout,.vr-layout.vr-layout-p03{height:calc(100vh - 64px)!important;overflow:hidden!important}.vr-page-home .vr-left-col,.vr-page-home .vr-right-col,.vr-layout-p03 .vr-left-col,.vr-layout-p03 .vr-right-col{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2fb56f6b transparent;align-self:start!important;height:calc(100vh - 100px)!important;max-height:calc(100vh - 100px)!important;padding-bottom:22px!important;position:sticky!important;top:82px!important;overflow:hidden auto!important}.vr-page-home .vr-left-col::-webkit-scrollbar{width:8px}.vr-page-home .vr-right-col::-webkit-scrollbar{width:8px}.vr-layout-p03 .vr-left-col::-webkit-scrollbar{width:8px}.vr-layout-p03 .vr-right-col::-webkit-scrollbar{width:8px}.vr-page-home .vr-left-col::-webkit-scrollbar-track{background:0 0}.vr-page-home .vr-right-col::-webkit-scrollbar-track{background:0 0}.vr-layout-p03 .vr-left-col::-webkit-scrollbar-track{background:0 0}.vr-layout-p03 .vr-right-col::-webkit-scrollbar-track{background:0 0}.vr-page-home .vr-left-col::-webkit-scrollbar-thumb{background:#2fb56f59;border-radius:999px}.vr-page-home .vr-right-col::-webkit-scrollbar-thumb{background:#2fb56f59;border-radius:999px}.vr-layout-p03 .vr-left-col::-webkit-scrollbar-thumb{background:#2fb56f59;border-radius:999px}.vr-layout-p03 .vr-right-col::-webkit-scrollbar-thumb{background:#2fb56f59;border-radius:999px}.vr-page-home .vr-left-col:hover::-webkit-scrollbar-thumb{background:#2fb56f9e}.vr-page-home .vr-right-col:hover::-webkit-scrollbar-thumb{background:#2fb56f9e}.vr-layout-p03 .vr-left-col:hover::-webkit-scrollbar-thumb{background:#2fb56f9e}.vr-layout-p03 .vr-right-col:hover::-webkit-scrollbar-thumb{background:#2fb56f9e}.vr-side-menu{padding-bottom:46px!important}.vr-right-col .side-card:last-child{margin-bottom:42px!important}.vr-page-home .vr-feed-col,.vr-layout-p03 .vr-feed-col{overscroll-behavior:contain;height:calc(100vh - 100px)!important;max-height:calc(100vh - 100px)!important;overflow:hidden auto!important}}@media (width<=1100px){.vr-page-home .vr-layout,.vr-layout.vr-layout-p03{height:auto!important;overflow:visible!important}}.vr-page-pages{background:#f0f3f7}.vr-pages-shell{grid-template-columns:340px minmax(0,1fr);gap:24px;max-width:1720px;margin:92px auto 40px;padding:0 24px;display:grid}.vr-pages-sidebar{border-radius:28px;align-self:start;padding:24px;position:sticky;top:92px}.vr-pages-sidebar h1{color:#111827;margin:0 0 10px;font-size:34px}.vr-pages-sidebar p{color:#64748b;margin:0 0 18px;font-size:16px;line-height:1.55}.vr-pages-tabs{gap:10px;margin:22px 0;display:grid}.vr-pages-tabs a{color:#1f2937;background:#f3f6fa;border-radius:18px;justify-content:space-between;align-items:center;padding:16px 18px;font-weight:800;text-decoration:none;display:flex}.vr-pages-tabs a.active{color:#16a34a;background:#dcfce7}.vr-pages-tabs span{color:#64748b;background:#fff;border-radius:999px;padding:4px 10px}.vr-pages-mini{border-top:1px solid #e5e7eb;gap:10px;padding-top:18px;display:grid}.vr-pages-mini strong{color:#0f172a;font-size:15px}.vr-pages-mini a{color:#16a34a;font-weight:800;text-decoration:none}.vr-pages-main{min-width:0}.vr-pages-hero{background:linear-gradient(120deg,#fff,#effef5);border-radius:30px;justify-content:space-between;align-items:center;gap:22px;padding:26px 32px;display:flex}.vr-pages-hero .eyebrow,.vr-pages-form-card .eyebrow{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;margin-bottom:12px;padding:8px 14px;font-weight:900;display:inline-flex}.vr-pages-hero h2{color:#111827;margin:0 0 10px;font-size:42px;line-height:1.05}.vr-pages-hero p{color:#64748b;max-width:760px;margin:0;font-size:18px}.vr-pages-search{gap:10px;min-width:420px;display:flex}.vr-pages-search input{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex:1;padding:15px 18px;font-size:16px}.vr-pages-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.vr-page-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;overflow:hidden;box-shadow:0 14px 36px #0f172a0f}.vr-page-card-cover{background:linear-gradient(135deg,#dcfce7,#e0f2fe) 50%/cover;height:145px;text-decoration:none;display:block;position:relative}.vr-page-avatar{background:#fff;border-radius:26px;width:86px;height:86px;padding:5px;position:absolute;bottom:-34px;left:18px;box-shadow:0 10px 28px #0000001f}.vr-page-avatar img{object-fit:cover;border-radius:22px;width:100%;height:100%}.vr-page-card-body{gap:8px;padding:46px 18px 18px;display:grid}.vr-page-title{color:#111827;font-size:22px;font-weight:950;line-height:1.1;text-decoration:none}.vr-page-card-body p{color:#64748b;margin:0;font-weight:700}.vr-page-card-body small{color:#64748b;line-height:1.45}.vr-page-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.vr-page-actions form,.vr-page-show-actions form{margin:0;display:inline}.vr-pages-form-shell{max-width:1120px;margin:92px auto 40px;padding:0 24px}.vr-pages-form-card{border-radius:32px;padding:30px}.vr-pages-form-card h1{color:#111827;margin:0 0 8px;font-size:42px;line-height:1.05}.vr-pages-form-card p{color:#64748b;margin:0 0 24px;font-size:18px}.vr-page-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.vr-page-form-grid label{color:#111827;gap:8px;font-weight:900;display:grid}.vr-page-form-grid .full{grid-column:1/-1}.vr-page-form-grid input,.vr-page-form-grid textarea,.vr-page-form-grid select{box-sizing:border-box;background:#f8fafc;border:1px solid #dbe3ee;border-radius:18px;width:100%;padding:15px 16px;font-size:16px}.vr-file-soft{background:#f0fdf4;border:1px dashed #86efac;border-radius:18px;padding:14px}.vr-file-soft input{background:#fff}.vr-file-soft span{color:#64748b;font-size:14px;font-weight:700}.vr-form-actions{gap:12px;margin-top:18px;display:flex}.vr-page-show-shell{max-width:1320px;margin:92px auto 42px;padding:0 24px}.vr-page-show-card{border-radius:32px;padding:0;overflow:hidden}.vr-page-show-cover{background:linear-gradient(135deg,#dcfce7,#dbeafe) 50%/cover;height:310px}.vr-page-show-head{align-items:end;gap:18px;margin-top:-58px;padding:0 28px 28px;display:flex}.vr-page-show-avatar{object-fit:cover;background:#fff;border:6px solid #fff;border-radius:34px;width:128px;height:128px;box-shadow:0 14px 32px #00000024}.vr-page-show-head h1{color:#111827;margin:0 0 8px;font-size:44px;line-height:1}.vr-page-show-head p{color:#64748b;margin:0 0 5px;font-weight:800}.vr-page-show-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.vr-page-show-grid{grid-template-columns:420px 1fr;gap:20px;margin-top:20px;display:grid}.vr-page-show-grid .card{border-radius:28px;padding:24px}.vr-page-show-grid h2{color:#111827;margin:0 0 12px;font-size:26px}.vr-empty-state{text-align:center;border-radius:28px;margin-top:22px;padding:34px}.btn.wide{justify-content:center;width:100%}@media (width<=1100px){.vr-pages-shell,.vr-page-show-grid{grid-template-columns:1fr}.vr-pages-sidebar{position:static}.vr-pages-hero{display:grid}.vr-pages-search{min-width:0}.vr-pages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.vr-pages-grid,.vr-page-form-grid{grid-template-columns:1fr}.vr-pages-shell,.vr-pages-form-shell,.vr-page-show-shell{margin-top:82px;padding:0 14px}.vr-pages-hero h2,.vr-pages-form-card h1{font-size:32px}.vr-page-show-head{align-items:flex-start;display:grid}.vr-page-show-actions{margin-left:0}.vr-page-show-cover{height:220px}}.vr-page-pages .vr-page-show-card{overflow:hidden}.vr-page-pages .vr-page-show-cover{background-position:50%;background-size:cover;height:300px}.vr-page-pages .vr-page-show-head{background:#fff;grid-template-columns:150px minmax(0,1fr) auto;align-items:start!important;gap:20px!important;margin-top:0!important;padding:0 28px 30px!important;display:grid!important}.vr-page-pages .vr-page-show-avatar{z-index:2;flex:none;width:128px;height:128px;margin-top:-64px;position:relative}.vr-page-pages .vr-page-show-head>div:not(.vr-page-show-actions){min-width:0;padding-top:26px}.vr-page-pages .vr-page-show-head h1{overflow-wrap:anywhere;margin:0 0 8px!important;line-height:1.05!important}.vr-page-pages .vr-page-show-actions{place-self:start end;align-items:center;gap:10px;padding-top:32px;display:flex;margin-left:0!important}@media (width<=900px){.vr-page-pages .vr-page-show-head{grid-template-columns:120px 1fr;padding:0 20px 24px!important}.vr-page-pages .vr-page-show-avatar{border-radius:28px;width:104px;height:104px;margin-top:-52px}.vr-page-pages .vr-page-show-actions{grid-column:1/-1;justify-self:start;padding-top:0}}@media (width<=640px){.vr-page-pages .vr-page-show-cover{height:220px}.vr-page-pages .vr-page-show-head{grid-template-columns:1fr;gap:8px!important}.vr-page-pages .vr-page-show-avatar{margin-top:-54px}.vr-page-pages .vr-page-show-head>div:not(.vr-page-show-actions){padding-top:0}.vr-page-pages .vr-page-show-head h1{font-size:34px}}html,body{overflow-x:hidden!important}body.vr-page-profile,body.vr-page-pages{background:#f0f2f5!important}body.vr-page-profile .vr-profile-page,body.vr-page-profile .profile-page-p04{width:min(1320px,100% - 48px)!important;max-width:1320px!important;margin:78px auto 0!important}body.vr-page-profile .vr-profile-hero-card{background:#fff!important;border-radius:0 0 18px 18px!important;padding:0!important;overflow:visible!important;box-shadow:0 1px 2px #0f172a14!important}body.vr-page-profile .vr-profile-cover{background-position:50%!important;background-size:cover!important;border-radius:0 0 12px 12px!important;height:360px!important;box-shadow:inset 0 -42px 50px #00000014!important}body.vr-page-profile .vr-cover-edit,body.vr-page-profile .cover-edit{color:#111827!important;background:#fff!important;border-radius:10px!important;padding:11px 15px!important;font-weight:800!important;bottom:18px!important;right:26px!important;box-shadow:0 4px 18px #0f172a29!important}body.vr-page-profile .vr-profile-identity-row{background:#fff!important;border-bottom:1px solid #e5e7eb!important;grid-template-columns:188px minmax(0,1fr) auto!important;align-items:end!important;gap:22px!important;padding:0 32px 18px!important;display:grid!important}body.vr-page-profile .vr-profile-avatar-wrap{z-index:5!important;margin-top:-86px!important}body.vr-page-profile .vr-profile-avatar{object-fit:cover!important;border:6px solid #fff!important;border-radius:50%!important;width:168px!important;height:168px!important;box-shadow:0 4px 16px #0f172a2e!important}body.vr-page-profile .vr-avatar-edit,body.vr-page-profile .avatar-edit{background:#e5e7eb!important;border:4px solid #fff!important;border-radius:50%!important;width:38px!important;height:38px!important;bottom:12px!important;right:10px!important}body.vr-page-profile .vr-profile-title-block{min-width:0!important;padding-top:28px!important}body.vr-page-profile .vr-profile-title-block h1{letter-spacing:-.8px!important;color:#111827!important;overflow-wrap:anywhere!important;margin:0 0 8px!important;font-size:38px!important;line-height:1.03!important}body.vr-page-profile .vr-profile-counts{color:#65676b!important;flex-wrap:wrap!important;gap:8px 14px!important;font-size:16px!important;font-weight:700!important;display:flex!important}body.vr-page-profile .vr-profile-counts span{white-space:nowrap!important}body.vr-page-profile .vr-profile-actions{justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding-bottom:8px!important;display:flex!important}body.vr-page-profile .vr-profile-actions .vr-btn,body.vr-page-profile .vr-profile-actions .btn{border-radius:10px!important;justify-content:center!important;align-items:center!important;height:44px!important;padding:0 18px!important;font-weight:900!important;display:inline-flex!important}body.vr-page-profile .vr-profile-tabs{background:#fff!important;border-top:0!important;align-items:center!important;gap:8px!important;height:64px!important;padding:0 32px!important;display:flex!important;overflow-x:auto!important}body.vr-page-profile .vr-profile-tabs a,body.vr-page-profile .vr-profile-tabs button{color:#65676b!important;white-space:nowrap!important;background:0 0!important;border-bottom:3px solid #0000!important;border-radius:0!important;align-items:center!important;height:62px!important;padding:0 18px!important;font-size:16px!important;font-weight:900!important;text-decoration:none!important;display:inline-flex!important}body.vr-page-profile .vr-profile-tabs a.active{color:#16a34a!important;border-bottom-color:#16a34a!important}body.vr-page-profile .vr-more-btn{background:#e5e7eb!important;border:0!important;border-radius:10px!important;height:42px!important;margin-left:auto!important}body.vr-page-profile .vr-profile-content,body.vr-page-profile .profile-content-p04{grid-template-columns:420px minmax(0,1fr)!important;gap:18px!important;width:min(1320px,100% - 48px)!important;max-width:1320px!important;margin:18px auto 48px!important;display:grid!important}body.vr-page-profile .profile-info-stack{align-self:start!important;gap:16px!important;display:grid!important;position:sticky!important;top:88px!important}body.vr-page-profile .profile-info.card,body.vr-page-profile .profile-feed .card{border:1px solid #e5e7eb!important;border-radius:14px!important;box-shadow:0 1px 2px #0f172a14!important}body.vr-page-profile .profile-info h3{margin-bottom:12px!important;font-size:24px!important}body.vr-page-show-social .vr-page-show-shell,body.vr-page-pages .vr-page-show-shell{width:min(1320px,100% - 48px)!important;max-width:1320px!important;margin:78px auto 44px!important;padding:0!important}body.vr-page-show-social .vr-page-show-card,body.vr-page-pages .vr-page-show-card{background:#fff!important;border-radius:0 0 18px 18px!important;padding:0!important;overflow:visible!important;box-shadow:0 1px 2px #0f172a14!important}body.vr-page-show-social .vr-page-show-cover,body.vr-page-pages .vr-page-show-cover{background-position:50%!important;background-size:cover!important;border-radius:0 0 12px 12px!important;height:360px!important;position:relative!important;box-shadow:inset 0 -42px 50px #00000014!important}.vr-page-cover-edit-vr{color:#111827!important;background:#fff!important;border-radius:10px!important;padding:11px 15px!important;font-weight:900!important;text-decoration:none!important;position:absolute!important;bottom:18px!important;right:26px!important;box-shadow:0 4px 18px #0f172a29!important}body.vr-page-show-social .vr-page-show-head,body.vr-page-pages .vr-page-show-head{background:#fff!important;border-bottom:1px solid #e5e7eb!important;grid-template-columns:188px minmax(0,1fr) auto!important;align-items:end!important;gap:22px!important;margin-top:0!important;padding:0 32px 18px!important;display:grid!important}body.vr-page-show-social .vr-page-show-avatar,body.vr-page-pages .vr-page-show-avatar{object-fit:cover!important;z-index:3!important;background:#fff!important;border:6px solid #fff!important;border-radius:50%!important;width:168px!important;height:168px!important;margin-top:-86px!important;position:relative!important;box-shadow:0 4px 16px #0f172a2e!important}body.vr-page-show-social .vr-social-page-title-block,body.vr-page-show-social .vr-page-show-head>div:not(.vr-page-show-actions),body.vr-page-pages .vr-page-show-head>div:not(.vr-page-show-actions){min-width:0!important;padding-top:28px!important}body.vr-page-show-social .vr-page-show-head h1,body.vr-page-pages .vr-page-show-head h1{letter-spacing:-.8px!important;color:#111827!important;overflow-wrap:anywhere!important;margin:0 0 8px!important;font-size:38px!important;line-height:1.03!important}body.vr-page-show-social .vr-page-show-head p,body.vr-page-pages .vr-page-show-head p,body.vr-page-show-social .vr-page-show-head span,body.vr-page-pages .vr-page-show-head span{color:#65676b!important;font-size:16px!important;font-weight:800!important}body.vr-page-show-social .vr-page-show-actions,body.vr-page-pages .vr-page-show-actions{flex-wrap:wrap!important;place-self:end!important;gap:10px!important;margin-left:0!important;padding:0 0 8px!important;display:flex!important}body.vr-page-show-social .vr-page-show-actions .btn,body.vr-page-pages .vr-page-show-actions .btn,body.vr-page-show-social .vr-page-show-actions button,body.vr-page-pages .vr-page-show-actions button{border-radius:10px!important;justify-content:center!important;align-items:center!important;height:44px!important;padding:0 18px!important;font-weight:900!important;display:inline-flex!important}.vr-page-show-tabs,.vr-social-tabs{background:#fff!important;align-items:center!important;gap:8px!important;height:64px!important;padding:0 32px!important;display:flex!important;overflow-x:auto!important}.vr-page-show-tabs a,.vr-social-tabs a,.vr-page-more-vr{color:#65676b!important;white-space:nowrap!important;background:0 0!important;border:0!important;border-bottom:3px solid #0000!important;border-radius:0!important;align-items:center!important;height:62px!important;padding:0 18px!important;font-size:16px!important;font-weight:900!important;text-decoration:none!important;display:inline-flex!important}.vr-page-show-tabs a.active,.vr-social-tabs a.active{color:#16a34a!important;border-bottom-color:#16a34a!important}.vr-page-more-vr{background:#e5e7eb!important;border-radius:10px!important;height:42px!important;margin-left:auto!important}body.vr-page-show-social .vr-page-show-grid,body.vr-page-pages .vr-page-show-grid{grid-template-columns:420px minmax(0,1fr)!important;gap:18px!important;width:min(1320px,100%)!important;max-width:1320px!important;margin:18px auto 0!important;display:grid!important}body.vr-page-show-social .vr-page-show-grid .card,body.vr-page-pages .vr-page-show-grid .card{border:1px solid #e5e7eb!important;border-radius:14px!important;padding:24px!important;box-shadow:0 1px 2px #0f172a14!important}body.vr-page-show-social .vr-page-show-grid h2,body.vr-page-pages .vr-page-show-grid h2{margin:0 0 12px!important;font-size:24px!important}.vr-page-composer-placeholder{background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:14px!important;padding:18px!important}@media (width<=1100px){body.vr-page-profile .vr-profile-page,body.vr-page-profile .profile-page-p04,body.vr-page-profile .vr-profile-content,body.vr-page-profile .profile-content-p04,body.vr-page-show-social .vr-page-show-shell,body.vr-page-pages .vr-page-show-shell{width:calc(100% - 28px)!important}body.vr-page-profile .vr-profile-identity-row,body.vr-page-show-social .vr-page-show-head,body.vr-page-pages .vr-page-show-head{grid-template-columns:150px minmax(0,1fr)!important}body.vr-page-profile .vr-profile-actions,body.vr-page-show-social .vr-page-show-actions,body.vr-page-pages .vr-page-show-actions{grid-column:1/-1!important;justify-self:start!important;padding-bottom:0!important}body.vr-page-profile .vr-profile-avatar,body.vr-page-show-social .vr-page-show-avatar,body.vr-page-pages .vr-page-show-avatar{width:136px!important;height:136px!important;margin-top:-68px!important}body.vr-page-profile .vr-profile-content,body.vr-page-profile .profile-content-p04,body.vr-page-show-social .vr-page-show-grid,body.vr-page-pages .vr-page-show-grid{grid-template-columns:1fr!important}body.vr-page-profile .profile-info-stack{position:static!important}}@media (width<=640px){body.vr-page-profile .vr-profile-cover,body.vr-page-show-social .vr-page-show-cover,body.vr-page-pages .vr-page-show-cover{height:240px!important}body.vr-page-profile .vr-profile-identity-row,body.vr-page-show-social .vr-page-show-head,body.vr-page-pages .vr-page-show-head{grid-template-columns:98px minmax(0,1fr)!important;gap:12px!important;padding:0 16px 16px!important}body.vr-page-profile .vr-profile-avatar,body.vr-page-show-social .vr-page-show-avatar,body.vr-page-pages .vr-page-show-avatar{border-width:4px!important;width:92px!important;height:92px!important;margin-top:-46px!important}body.vr-page-profile .vr-profile-title-block,body.vr-page-show-social .vr-page-show-head>div:not(.vr-page-show-actions),body.vr-page-pages .vr-page-show-head>div:not(.vr-page-show-actions){padding-top:14px!important}body.vr-page-profile .vr-profile-title-block h1,body.vr-page-show-social .vr-page-show-head h1,body.vr-page-pages .vr-page-show-head h1{font-size:27px!important}.vr-page-cover-edit-vr,body.vr-page-profile .vr-cover-edit,body.vr-page-profile .cover-edit{padding:9px 11px!important;font-size:13px!important;bottom:12px!important;right:12px!important}body.vr-page-profile .vr-profile-tabs,.vr-page-show-tabs,.vr-social-tabs{padding:0 12px!important}}body.vr-page-profile,body.vr-page-pages,body.vr-page-show-social{background:#f0f2f5!important}body.vr-page-profile main,body.vr-page-pages main,body.vr-page-show-social main,body.vr-page-profile .vr-main,body.vr-page-pages .vr-main,body.vr-page-show-social .vr-main,body.vr-page-profile .main-content,body.vr-page-pages .main-content,body.vr-page-show-social .main-content,body.vr-page-profile .page-content,body.vr-page-pages .page-content,body.vr-page-show-social .page-content{margin-top:0!important;padding-top:0!important}body.vr-page-profile .vr-profile-page,body.vr-page-profile .profile-page,body.vr-page-profile .profile-page-p04,body.vr-page-show-social .vr-page-show-shell,body.vr-page-pages .vr-page-show-shell,body.vr-page-show-social .vr-social-page-shell,body.vr-page-pages .vr-social-page-shell{width:min(1320px,100% - 48px)!important;max-width:1320px!important;margin:0 auto!important;padding-top:0!important;transform:none!important}body.vr-page-profile .vr-profile-hero-card,body.vr-page-profile .profile-cover,body.vr-page-show-social .vr-page-show-card,body.vr-page-pages .vr-page-show-card,body.vr-page-show-social .vr-social-page-header,body.vr-page-pages .vr-social-page-header{border-radius:0 0 16px 16px!important;margin-top:0!important;padding-top:0!important;overflow:visible!important}body.vr-page-profile .vr-profile-cover,body.vr-page-profile .profile-cover .cover,body.vr-page-profile .cover,body.vr-page-show-social .vr-page-show-cover,body.vr-page-pages .vr-page-show-cover,body.vr-page-show-social .vr-social-cover,body.vr-page-pages .vr-social-cover{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:0 0 12px 12px!important;height:360px!important;min-height:360px!important;max-height:360px!important;margin-top:0!important;overflow:hidden!important}body.vr-page-profile .vr-profile-identity-row,body.vr-page-show-social .vr-page-show-head,body.vr-page-pages .vr-page-show-head{background:#fff!important;align-items:end!important;margin-top:0!important;padding-top:0!important}body.vr-page-profile .vr-profile-avatar-wrap,body.vr-page-profile .profile-avatar-wrap,body.vr-page-show-social .vr-page-show-avatar,body.vr-page-pages .vr-page-show-avatar,body.vr-page-show-social .vr-social-page-avatar,body.vr-page-pages .vr-social-page-avatar{z-index:5!important;margin-top:-86px!important;position:relative!important}body.vr-page-profile .vr-profile-title-block,body.vr-page-show-social .vr-social-page-title-block,body.vr-page-show-social .vr-page-show-head>div:not(.vr-page-show-actions),body.vr-page-pages .vr-page-show-head>div:not(.vr-page-show-actions){padding-top:24px!important}body.vr-page-profile .vr-profile-content,body.vr-page-profile .profile-content,body.vr-page-profile .profile-content-p04,body.vr-page-show-social .vr-page-show-grid,body.vr-page-pages .vr-page-show-grid,body.vr-page-show-social .vr-social-page-grid,body.vr-page-pages .vr-social-page-grid{margin-top:18px!important}@media (width<=1100px){body.vr-page-profile .vr-profile-page,body.vr-page-profile .profile-page,body.vr-page-profile .profile-page-p04,body.vr-page-show-social .vr-page-show-shell,body.vr-page-pages .vr-page-show-shell,body.vr-page-show-social .vr-social-page-shell,body.vr-page-pages .vr-social-page-shell{width:calc(100% - 28px)!important}body.vr-page-profile .vr-profile-cover,body.vr-page-profile .profile-cover .cover,body.vr-page-profile .cover,body.vr-page-show-social .vr-page-show-cover,body.vr-page-pages .vr-page-show-cover,body.vr-page-show-social .vr-social-cover,body.vr-page-pages .vr-social-cover{height:310px!important;min-height:310px!important;max-height:310px!important}}@media (width<=640px){body.vr-page-profile .vr-profile-page,body.vr-page-profile .profile-page,body.vr-page-profile .profile-page-p04,body.vr-page-show-social .vr-page-show-shell,body.vr-page-pages .vr-page-show-shell,body.vr-page-show-social .vr-social-page-shell,body.vr-page-pages .vr-social-page-shell{width:100%!important}body.vr-page-profile .vr-profile-cover,body.vr-page-profile .profile-cover .cover,body.vr-page-profile .cover,body.vr-page-show-social .vr-page-show-cover,body.vr-page-pages .vr-page-show-cover,body.vr-page-show-social .vr-social-cover,body.vr-page-pages .vr-social-cover{border-radius:0!important;height:220px!important;min-height:220px!important;max-height:220px!important}body.vr-page-profile .vr-profile-avatar-wrap,body.vr-page-profile .profile-avatar-wrap,body.vr-page-show-social .vr-page-show-avatar,body.vr-page-pages .vr-page-show-avatar,body.vr-page-show-social .vr-social-page-avatar,body.vr-page-pages .vr-social-page-avatar{margin-top:-48px!important}}body.vr-page-pages .vr-page-show-shell,body.vr-page-show-social .vr-page-show-shell,body.vr-page-pages .vr-social-page-shell,body.vr-page-show-social .vr-social-page-shell{width:min(1320px,100% - 48px)!important;max-width:1320px!important;margin:0 auto 44px!important;padding-top:0!important;transform:none!important}body.vr-page-pages main,body.vr-page-show-social main,body.vr-page-pages .vr-main,body.vr-page-show-social .vr-main,body.vr-page-pages .main-content,body.vr-page-show-social .main-content,body.vr-page-pages .page-content,body.vr-page-show-social .page-content{margin-top:0!important;padding-top:0!important;transform:none!important}body.vr-page-pages .vr-page-show-card,body.vr-page-show-social .vr-page-show-card,body.vr-page-pages .vr-social-page-header,body.vr-page-show-social .vr-social-page-header{border-radius:0 0 18px 18px!important;margin-top:0!important;padding-top:0!important;overflow:visible!important;transform:none!important}body.vr-page-pages .vr-page-show-cover,body.vr-page-show-social .vr-page-show-cover,body.vr-page-pages .vr-social-cover,body.vr-page-show-social .vr-social-cover{background-position:top!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:0 0 12px 12px!important;height:360px!important;min-height:360px!important;max-height:360px!important;margin-top:0!important;overflow:hidden!important;transform:none!important}body.vr-page-pages .vr-page-show-head,body.vr-page-show-social .vr-page-show-head,body.vr-page-pages .vr-social-page-info-row,body.vr-page-show-social .vr-social-page-info-row{background:#fff!important;margin-top:0!important;padding-top:0!important;transform:none!important}body.vr-page-pages .vr-page-show-avatar,body.vr-page-show-social .vr-page-show-avatar,body.vr-page-pages .vr-social-page-avatar,body.vr-page-show-social .vr-social-page-avatar{z-index:5!important;margin-top:-86px!important;position:relative!important}body.vr-page-pages .vr-social-page-title-block,body.vr-page-show-social .vr-social-page-title-block,body.vr-page-pages .vr-page-show-head>div:not(.vr-page-show-actions),body.vr-page-show-social .vr-page-show-head>div:not(.vr-page-show-actions){padding-top:28px!important}@media (width<=1100px){body.vr-page-pages .vr-page-show-shell,body.vr-page-show-social .vr-page-show-shell,body.vr-page-pages .vr-social-page-shell,body.vr-page-show-social .vr-social-page-shell{width:calc(100% - 28px)!important}body.vr-page-pages .vr-page-show-cover,body.vr-page-show-social .vr-page-show-cover,body.vr-page-pages .vr-social-cover,body.vr-page-show-social .vr-social-cover{background-position:top!important;height:310px!important;min-height:310px!important;max-height:310px!important}}@media (width<=640px){body.vr-page-pages .vr-page-show-shell,body.vr-page-show-social .vr-page-show-shell,body.vr-page-pages .vr-social-page-shell,body.vr-page-show-social .vr-social-page-shell{width:100%!important}body.vr-page-pages .vr-page-show-cover,body.vr-page-show-social .vr-page-show-cover,body.vr-page-pages .vr-social-cover,body.vr-page-show-social .vr-social-cover{background-position:top!important;border-radius:0!important;height:220px!important;min-height:220px!important;max-height:220px!important}body.vr-page-pages .vr-page-show-avatar,body.vr-page-show-social .vr-page-show-avatar,body.vr-page-pages .vr-social-page-avatar,body.vr-page-show-social .vr-social-page-avatar{margin-top:-48px!important}}.vr-post-page-badge{color:#16a34a!important;background:#dcfce7!important;border-radius:999px!important;align-items:center!important;gap:5px!important;margin-left:6px!important;padding:2px 8px!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important}.vr-page-post-list .post-card{margin:0!important}.vr-page-post-pagination{margin-top:16px!important}.post-edit-media-manager-p251{background:#fff!important;border:1px solid #dbe3ee!important;border-radius:18px!important;margin-top:12px!important;padding:12px!important}.post-edit-media-manager-head-p251{justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:12px!important;display:flex!important}.post-edit-media-manager-head-p251 strong{color:#0f172a!important;font-weight:1000!important}.post-edit-media-manager-head-p251 span{color:#64748b!important;text-align:right!important;font-size:13px!important;font-weight:800!important}.post-edit-media-list-p251{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:10px!important;display:grid!important}.post-edit-media-item-p251{cursor:pointer!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:16px!important;display:block!important;position:relative!important;overflow:hidden!important}.post-edit-media-item-p251.is-disabled{cursor:default!important;opacity:.78!important}.post-edit-media-thumb-p251{aspect-ratio:1!important;background:#020617!important;width:100%!important;display:block!important;overflow:hidden!important}.post-edit-media-thumb-p251 img,.post-edit-media-thumb-p251 video{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.post-edit-media-remove-p251{color:#334155!important;background:#fff!important;align-items:center!important;gap:8px!important;padding:9px 10px!important;font-size:13px!important;font-weight:900!important;display:flex!important}.post-edit-media-remove-p251 input{accent-color:#dc2626!important;width:16px!important;height:16px!important}.post-edit-media-item-p251:has(input:checked){border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444424!important}.post-edit-media-item-p251:has(input:checked) .post-edit-media-remove-p251{color:#b91c1c!important;background:#fef2f2!important}.post-edit-media-note-p251{display:block!important}@media (width<=640px){.post-edit-media-manager-head-p251{display:block!important}.post-edit-media-manager-head-p251 span{text-align:left!important;margin-top:4px!important;display:block!important}.post-edit-media-list-p251{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.shared-post-p25,.shared-post-p03,.post-shared-preview,.shared-post-card,.vroof-shared-post-card{box-sizing:border-box!important;float:none!important;clear:both!important;color:#0f172a!important;background:#f8fafc!important;border:1px solid #dbe3ee!important;border-radius:18px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;margin:14px 0!important;padding:16px 18px!important;text-decoration:none!important;display:block!important;position:relative!important;overflow:hidden!important;transform:none!important}.shared-post-p25 *,.shared-post-p03 *,.post-shared-preview *,.shared-post-card *,.vroof-shared-post-card *{box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;position:static!important;transform:none!important}.shared-post-p25 span,.shared-post-p03 span,.post-shared-preview span,.shared-post-card span,.vroof-shared-post-card span{background:0 0!important;border:0!important;margin:0 0 8px!important;padding:0!important;display:block!important}.shared-post-p25 strong,.shared-post-p03 strong,.post-shared-preview strong,.shared-post-card strong,.vroof-shared-post-card strong{background:0 0!important;border:0!important;margin:0!important;padding:0!important;line-height:1.32!important;display:block!important}.shared-post-p25 small,.shared-post-p03 small,.post-shared-preview small,.shared-post-card small,.vroof-shared-post-card small{width:auto!important;box-shadow:none!important;background:#eef2f7!important;border-radius:999px!important;margin:10px 0 0!important;padding:6px 10px!important;display:inline-flex!important;position:static!important}.shared-post-p254{color:#0f172a!important;background:#f8fafc!important;border:1px solid #dbe3ee!important;border-radius:18px!important;width:100%!important;max-width:100%!important;margin:14px 0!important;padding:16px!important;text-decoration:none!important;display:block!important;overflow:hidden!important}.shared-post-p254 .shared-post-link-p254{color:inherit!important;text-decoration:none!important;display:block!important}.shared-post-p254 .shared-post-link-p254:hover .shared-post-content-p254{text-decoration:underline!important;text-decoration-thickness:2px!important}.shared-post-p254 span{color:#64748b!important;margin-bottom:8px!important;font-weight:900!important;display:block!important}.shared-post-content-p254{color:#0f172a!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:clamp(18px,2.2vw,28px)!important;font-weight:950!important;line-height:1.35!important;display:block!important}.shared-post-media-p254{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important;display:grid!important;position:relative!important}.shared-post-media-p254.media-count-1{grid-template-columns:1fr!important}.shared-post-media-p254 img,.shared-post-media-p254 video{object-fit:contain!important;cursor:zoom-in!important;background:#e5e7eb!important;border-radius:14px!important;width:100%!important;height:auto!important;max-height:380px!important}.shared-post-media-p254.media-count-2 img,.shared-post-media-p254.media-count-2 video,.shared-post-media-p254.media-count-3 img,.shared-post-media-p254.media-count-3 video,.shared-post-media-p254.media-count-4 img,.shared-post-media-p254.media-count-4 video{aspect-ratio:1!important;object-fit:cover!important;height:100%!important;max-height:240px!important}.shared-post-more-p254{color:#fff!important;background:#0f172adb!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:48px!important;height:40px!important;font-weight:1000!important;text-decoration:none!important;display:inline-flex!important;position:absolute!important;bottom:10px!important;right:10px!important}.vr-post-show-page-p254{min-height:100vh!important}@media (width<=720px){.shared-post-media-p254{grid-template-columns:1fr!important}.shared-post-media-p254 img,.shared-post-media-p254 video{aspect-ratio:auto!important;object-fit:contain!important;max-height:320px!important}}.vr-creator-dashboard-body{background:#f1f5f9!important}.vr-creator-dashboard-p255{--p255-green:#22c55e;--p255-blue:#16a34a;--p255-text:#0f172a;--p255-muted:#64748b;--p255-border:#e2e8f0;width:100%!important;max-width:none!important;padding:calc(var(--vroof-header-height,74px) + 18px) 24px 36px!important;color:var(--p255-text)!important;grid-template-columns:minmax(260px,330px) minmax(0,1fr)!important;gap:28px!important;margin:0 auto!important;display:grid!important}.vr-creator-sidebar-p255,.vr-creator-status-card-p255,.vr-creator-section-p255,.vr-creator-tools-p255,.vr-creator-top-p255{border:1px solid var(--p255-border)!important;background:#fff!important;border-radius:24px!important;box-shadow:0 18px 48px #0f172a14!important}.vr-creator-sidebar-p255{top:calc(var(--vroof-header-height,74px) + 18px)!important;height:calc(100vh - var(--vroof-header-height,74px) - 36px)!important;flex-direction:column!important;gap:22px!important;padding:22px!important;display:flex!important;position:sticky!important;overflow-y:auto!important}.vr-creator-brand-p255{align-items:center!important;gap:14px!important;display:flex!important}.vr-creator-brand-icon-p255{color:#064e3b!important;background:linear-gradient(135deg,#dcfce7,#22c55e)!important;border-radius:18px!important;place-items:center!important;width:56px!important;height:56px!important;font-size:30px!important;font-weight:1000!important;display:grid!important}.vr-creator-brand-p255 strong,.vr-creator-me-p255 strong{font-size:22px!important;font-weight:1000!important;display:block!important}.vr-creator-brand-p255 span,.vr-creator-me-p255 span,.vr-creator-section-head-p255 p,.vr-creator-top-p255 p,.vr-creator-profile-status-p255 p,.vr-creator-content-item-p255 span,.vr-creator-empty-p255 p{color:var(--p255-muted)!important;font-weight:700!important}.vr-creator-nav-p255{gap:10px!important;display:grid!important}.vr-creator-nav-p255 a,.vr-creator-tools-p255 a,.vr-creator-top-actions-p255 a,.vr-creator-content-item-p255 a,.vr-creator-empty-p255 a,.vr-creator-create-p255{color:var(--p255-text)!important;font-weight:950!important;text-decoration:none!important}.vr-creator-nav-p255 a{background:#fff!important;border-radius:16px!important;align-items:center!important;gap:14px!important;padding:15px 16px!important;display:flex!important}.vr-creator-nav-p255 a:hover,.vr-creator-nav-p255 a.active{background:#ecfdf5!important}.vr-creator-nav-p255 a.active span{background:var(--p255-blue)!important;color:#fff!important}.vr-creator-nav-p255 span{background:#e2e8f0!important;border-radius:999px!important;place-items:center!important;width:36px!important;height:36px!important;display:grid!important}.vr-creator-me-p255{border-top:1px solid var(--p255-border)!important;align-items:center!important;gap:12px!important;margin-top:auto!important;padding-top:18px!important;display:flex!important}.vr-creator-me-p255 img,.vr-creator-profile-status-p255 img{object-fit:cover!important;border-radius:999px!important;width:58px!important;height:58px!important}.vr-creator-create-p255{text-align:center!important;color:#fff!important;background:var(--p255-green)!important;border-radius:16px!important;padding:15px 18px!important;display:block!important}.vr-creator-main-p255{gap:22px!important;min-width:0!important;display:grid!important}.vr-creator-top-p255{background:linear-gradient(135deg,#fff,#ecfdf5)!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;padding:28px!important;display:flex!important}.vr-creator-kicker-p255{color:#16a34a!important;background:#dcfce7!important;border:1px solid #bbf7d0!important;border-radius:999px!important;padding:8px 16px!important;font-weight:1000!important;display:inline-flex!important}.vr-creator-top-p255 h1{letter-spacing:-.04em!important;margin:12px 0 8px!important;font-size:clamp(34px,4vw,58px)!important;line-height:.98!important}.vr-creator-top-actions-p255{flex-wrap:wrap!important;justify-content:flex-end!important;gap:12px!important;display:flex!important}.vr-creator-top-actions-p255 a,.vr-creator-section-head-p255 a,.vr-creator-content-item-p255 a,.vr-creator-empty-p255 a{background:#eef2f7!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;padding:13px 18px!important;display:inline-flex!important}.vr-creator-top-actions-p255 a:first-child,.vr-creator-section-head-p255 a,.vr-creator-empty-p255 a{background:var(--p255-green)!important;color:#fff!important}.vr-creator-status-card-p255,.vr-creator-section-p255{padding:24px!important}.vr-creator-profile-status-p255{align-items:center!important;gap:16px!important;display:flex!important}.vr-creator-profile-status-p255 h2,.vr-creator-section-head-p255 h2{letter-spacing:-.03em!important;margin:0!important;font-size:30px!important}.vr-creator-progress-p255{background:#e2e8f0!important;border-radius:999px!important;height:12px!important;margin-top:18px!important;overflow:hidden!important}.vr-creator-progress-p255 span{border-radius:inherit!important;background:linear-gradient(90deg,#22c55e,#16a34a)!important;height:100%!important;display:block!important}.vr-creator-section-head-p255{justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:20px!important;display:flex!important}.vr-creator-section-head-p255>span{white-space:nowrap!important;background:#eef2f7!important;border-radius:12px!important;padding:12px 16px!important;font-weight:950!important}.vr-creator-stats-p255{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;display:grid!important}.vr-creator-stats-p255 article{border:1px solid var(--p255-border)!important;background:#fff!important;border-radius:18px!important;padding:18px!important}.vr-creator-stats-p255 article.active{border-color:var(--p255-blue)!important;box-shadow:inset 0 0 0 1px var(--p255-blue)!important}.vr-creator-stats-p255 span{font-size:22px!important}.vr-creator-stats-p255 strong{letter-spacing:-.03em!important;margin-top:8px!important;font-size:28px!important;display:block!important}.vr-creator-stats-p255 small{color:var(--p255-muted)!important;font-weight:850!important}.vr-creator-chart-p255{border:1px solid var(--p255-border)!important;background:linear-gradient(#fff,#ecfdf5)!important;border-radius:18px!important;align-items:end!important;gap:8px!important;height:240px!important;margin-top:24px!important;padding:18px!important;display:flex!important}.vr-creator-chart-p255 i{background:linear-gradient(#22c55e,#bbf7d0)!important;border-radius:999px 999px 0 0!important;flex:1!important;min-width:5px!important}.vr-creator-content-list-p255{gap:12px!important;display:grid!important}.vr-creator-content-item-p255{border:1px solid var(--p255-border)!important;background:#fff!important;border-radius:18px!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:18px!important;display:flex!important}.vr-creator-content-item-p255 strong,.vr-creator-content-item-p255 span{display:block!important}.vr-creator-content-item-p255 a{white-space:nowrap!important}.vr-creator-empty-p255{background:#f8fafc!important;border:1px dashed #cbd5e1!important;border-radius:18px!important;padding:26px!important}.vr-creator-tools-p255{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:18px!important;display:grid!important}.vr-creator-tools-p255 a{border:1px solid var(--p255-border)!important;background:#f8fafc!important;border-radius:16px!important;padding:16px!important}@media (width<=1100px){.vr-creator-dashboard-p255{grid-template-columns:1fr!important;padding-left:14px!important;padding-right:14px!important}.vr-creator-sidebar-p255{height:auto!important;position:static!important}.vr-creator-top-p255,.vr-creator-section-head-p255{flex-direction:column!important;align-items:flex-start!important}.vr-creator-stats-p255,.vr-creator-tools-p255{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=640px){.vr-creator-dashboard-p255{padding-top:calc(var(--vroof-header-height,74px) + 12px)!important}.vr-creator-stats-p255,.vr-creator-tools-p255{grid-template-columns:1fr!important}.vr-creator-chart-p255{height:170px!important}.vr-creator-content-item-p255{flex-direction:column!important;align-items:flex-start!important}}body.vr-page-profile .vr-profile-avatar,body.vr-page-profile .profile-avatar-wrap .profile-avatar{aspect-ratio:1!important;object-fit:cover!important;object-position:center!important;flex:none!important;display:block!important}body.vr-page-profile .vr-profile-composer-p2562{background:#fff!important;border-radius:14px!important;margin-bottom:16px!important;padding:12px 16px 10px!important}body.vr-page-profile .vr-profile-composer-entry-p2562{align-items:center!important;gap:10px!important;display:flex!important}body.vr-page-profile .vr-profile-composer-avatar-p2562{aspect-ratio:1!important;object-fit:cover!important;object-position:center!important;background:#e5e7eb!important;border-radius:50%!important;flex:none!important;width:42px!important;min-width:42px!important;height:42px!important;display:block!important}body.vr-page-profile .vr-profile-composer-trigger-p2562{color:#65676b!important;text-align:left!important;background:#f0f2f5!important;border:0!important;border-radius:999px!important;flex:auto!important;min-width:0!important;min-height:42px!important;padding:10px 16px!important;font-size:17px!important;font-weight:750!important;line-height:1.25!important}body.vr-page-profile .vr-profile-composer-trigger-p2562:hover,body.vr-page-profile .vr-profile-composer-actions-p2562 button:hover{color:#15834f!important;background:#e9f8ef!important}body.vr-page-profile .vr-profile-composer-actions-p2562{border-top:1px solid #e5e7eb!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-top:10px!important;padding-top:8px!important;display:grid!important}body.vr-page-profile .vr-profile-composer-actions-p2562 button{color:#475467!important;white-space:nowrap!important;background:#fff!important;border:0!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-width:0!important;min-height:42px!important;font-size:15px!important;font-weight:900!important;display:inline-flex!important}body.vr-profile-composer-modal-open{overflow:hidden!important}body.vr-page-profile .vr-profile-composer-modal-p2562[hidden]{display:none!important}body.vr-page-profile .vr-profile-composer-modal-p2562{z-index:2400!important;background:#0f172a94!important;justify-content:center!important;align-items:center!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important}body.vr-page-profile .vr-profile-composer-dialog-p2562{background:#fff!important;border-radius:18px!important;width:min(560px,100vw - 32px)!important;max-height:calc(100vh - 48px)!important;overflow:auto!important;box-shadow:0 28px 90px #0f172a47!important}body.vr-page-profile .vr-profile-composer-modal-head-p2562{z-index:1!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;justify-content:center!important;align-items:center!important;min-height:58px!important;padding:12px 58px!important;display:flex!important;position:sticky!important;top:0!important}body.vr-page-profile .vr-profile-composer-modal-head-p2562 h2{color:#111827!important;margin:0!important;font-size:21px!important;font-weight:950!important}body.vr-page-profile .vr-profile-composer-close-p2562{color:#111827!important;background:#eef2f7!important;border:0!important;border-radius:50%!important;place-items:center!important;width:38px!important;height:38px!important;font-size:28px!important;line-height:1!important;display:grid!important;position:absolute!important;top:10px!important;right:14px!important}body.vr-page-profile .vr-profile-composer-close-p2562:hover{background:#e5e7eb!important}body.vr-page-profile .vr-profile-composer-form-p2562{padding:16px!important}body.vr-page-profile .vr-profile-composer-author-p2562{align-items:center!important;gap:10px!important;margin-bottom:12px!important;display:flex!important}body.vr-page-profile .vr-profile-composer-author-p2562 strong,body.vr-page-profile .vr-profile-composer-author-p2562 span{display:block!important}body.vr-page-profile .vr-profile-composer-author-p2562 strong{color:#111827!important;font-size:16px!important;font-weight:950!important}body.vr-page-profile .vr-profile-composer-author-p2562 span{color:#667085!important;font-size:13px!important;font-weight:800!important}body.vr-page-profile .vr-profile-composer-form-p2562 textarea{resize:vertical!important;color:#111827!important;width:100%!important;min-height:150px!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;outline:none!important;padding:8px 0 14px!important;font-size:23px!important;line-height:1.35!important}body.vr-page-profile .vr-profile-composer-form-p2562 textarea::placeholder{color:#65676b!important}body.vr-page-profile .vr-profile-composer-options-p2562{border-top:1px solid #eef2f7!important;grid-template-columns:150px 1fr 1fr!important;gap:9px!important;margin-top:0!important;padding-top:12px!important}body.vr-page-profile .vr-profile-composer-submit-row-p2562{align-items:center!important;gap:10px!important;margin-top:14px!important}body.vr-page-profile .vr-profile-composer-submit-row-p2562 .media-preview{min-width:0!important}body.vr-page-profile .vr-profile-composer-submit-row-p2562 .btn.primary{color:#fff!important;background:#16a34a!important;border-radius:12px!important;min-width:96px!important;margin-left:auto!important;font-weight:950!important}@media (width<=640px){body.vr-page-profile .vr-profile-composer-actions-p2562{grid-template-columns:1fr!important}body.vr-page-profile .vr-profile-composer-actions-p2562 button{justify-content:flex-start!important;padding-left:12px!important}body.vr-page-profile .vr-profile-composer-modal-p2562{align-items:flex-start!important;padding:12px!important}body.vr-page-profile .vr-profile-composer-dialog-p2562{width:100%!important;max-height:calc(100vh - 24px)!important}body.vr-page-profile .vr-profile-composer-options-p2562{grid-template-columns:1fr!important}body.vr-page-profile .vr-profile-composer-submit-row-p2562{flex-direction:column!important;align-items:stretch!important}body.vr-page-profile .vr-profile-composer-submit-row-p2562 .btn.primary{width:100%!important}}.post-card .post-head img.avatar,.post-card .comment img.avatar,.post-card .comment-form img.avatar,.vr-global-composer-avatar-p2563,.vr-profile-composer-avatar-p2562,.vr-page-post-composer-head img{aspect-ratio:1!important;object-fit:cover!important;object-position:center!important;background:#e5e7eb!important;border-radius:50%!important;flex:none!important;width:42px!important;min-width:42px!important;height:42px!important;display:block!important}.post-card .comment img.avatar.small,.post-card .comment-form img.avatar.small{width:30px!important;min-width:30px!important;height:30px!important}.vr-group-post-avatar-v244 img,.vr-group-comment-v244>img,.vr-group-comment-form-v244>img{aspect-ratio:1!important;object-fit:cover!important;object-position:center!important;background:#eef2f7!important;border-radius:50%!important;flex:none!important;width:48px!important;min-width:48px!important;height:48px!important;display:block!important}.vr-group-comment-form-v244>img{width:36px!important;min-width:36px!important;height:36px!important}.vr-global-composer-p2563,body.vr-page-profile .vr-profile-composer-p2562{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:14px!important;margin:0 0 16px!important;padding:12px 16px 10px!important;box-shadow:0 1px 2px #0f172a14!important}.vr-global-composer-entry-p2563,body.vr-page-profile .vr-profile-composer-entry-p2562{align-items:center!important;gap:10px!important;display:flex!important}.vr-global-composer-trigger-p2563,body.vr-page-profile .vr-profile-composer-trigger-p2562{color:#65676b!important;text-align:left!important;background:#f0f2f5!important;border:0!important;border-radius:999px!important;flex:auto!important;min-width:0!important;min-height:42px!important;padding:10px 16px!important;font-size:17px!important;font-weight:750!important;line-height:1.25!important}.vr-global-composer-trigger-p2563:hover,.vr-global-composer-actions-p2563 button:hover,body.vr-page-profile .vr-profile-composer-trigger-p2562:hover,body.vr-page-profile .vr-profile-composer-actions-p2562 button:hover{color:#15834f!important;background:#e9f8ef!important}.vr-global-composer-actions-p2563,body.vr-page-profile .vr-profile-composer-actions-p2562{border-top:1px solid #e5e7eb!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-top:10px!important;padding-top:8px!important;display:grid!important}.vr-global-composer-actions-p2563 button,body.vr-page-profile .vr-profile-composer-actions-p2562 button{color:#475467!important;white-space:nowrap!important;background:#fff!important;border:0!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-width:0!important;min-height:42px!important;font-size:15px!important;font-weight:900!important;display:inline-flex!important}body.vr-composer-modal-open-p2563{overflow:hidden!important}.vr-composer-modal-p2563[hidden],.vr-profile-composer-modal-p2562[hidden]{display:none!important}.vr-composer-modal-p2563,.vr-profile-composer-modal-p2562{z-index:2500!important;background:#0f172a94!important;justify-content:center!important;align-items:center!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important}.vr-composer-dialog-p2563,.vr-profile-composer-dialog-p2562{background:#fff!important;border-radius:18px!important;width:min(560px,100vw - 32px)!important;max-height:calc(100vh - 48px)!important;overflow:auto!important;box-shadow:0 28px 90px #0f172a47!important}.vr-composer-modal-head-p2563,.vr-profile-composer-modal-head-p2562{z-index:1!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;justify-content:center!important;align-items:center!important;min-height:58px!important;padding:12px 58px!important;display:flex!important;position:sticky!important;top:0!important}.vr-composer-modal-head-p2563 h2,.vr-profile-composer-modal-head-p2562 h2{color:#111827!important;margin:0!important;font-size:21px!important;font-weight:950!important}.vr-composer-close-p2563,.vr-profile-composer-close-p2562{color:#111827!important;background:#eef2f7!important;border:0!important;border-radius:50%!important;place-items:center!important;width:38px!important;height:38px!important;font-size:28px!important;line-height:1!important;display:grid!important;position:absolute!important;top:10px!important;right:14px!important}.vr-composer-close-p2563:hover,.vr-profile-composer-close-p2562:hover{background:#e5e7eb!important}.vr-global-composer-form-p2563,.vr-profile-composer-form-p2562{padding:16px!important}.vr-global-composer-author-p2563,.vr-profile-composer-author-p2562{align-items:center!important;gap:10px!important;margin-bottom:12px!important;display:flex!important}.vr-global-composer-author-p2563 strong,.vr-global-composer-author-p2563 span,.vr-profile-composer-author-p2562 strong,.vr-profile-composer-author-p2562 span{display:block!important}.vr-global-composer-author-p2563 strong,.vr-profile-composer-author-p2562 strong{color:#111827!important;font-size:16px!important;font-weight:950!important}.vr-global-composer-author-p2563 span,.vr-profile-composer-author-p2562 span{color:#667085!important;font-size:13px!important;font-weight:800!important}.vr-global-composer-form-p2563 textarea,.vr-profile-composer-form-p2562 textarea{resize:vertical!important;color:#111827!important;width:100%!important;min-height:150px!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;outline:none!important;padding:8px 0 14px!important;font-size:23px!important;line-height:1.35!important}.vr-global-composer-form-p2563 textarea::placeholder,.vr-profile-composer-form-p2562 textarea::placeholder{color:#65676b!important}.vr-global-composer-options-p2563,.vr-profile-composer-options-p2562{border-top:1px solid #eef2f7!important;grid-template-columns:150px 1fr 1fr!important;gap:9px!important;margin-top:0!important;padding-top:12px!important}.vr-global-composer-submit-row-p2563,.vr-profile-composer-submit-row-p2562{align-items:center!important;gap:10px!important;margin-top:14px!important}.vr-global-composer-submit-row-p2563 .media-preview,.vr-profile-composer-submit-row-p2562 .media-preview{min-width:0!important}.vr-global-composer-submit-row-p2563 input[type=file]{display:none!important}.vr-global-composer-submit-row-p2563 .btn.primary,.vr-global-composer-submit-row-p2563 .vr-gx-primary,.vr-profile-composer-submit-row-p2562 .btn.primary{color:#fff!important;background:#16a34a!important;border-radius:12px!important;min-width:96px!important;margin-left:auto!important;font-weight:950!important}@media (width<=640px){.vr-global-composer-actions-p2563,body.vr-page-profile .vr-profile-composer-actions-p2562{grid-template-columns:1fr!important}.vr-global-composer-actions-p2563 button,body.vr-page-profile .vr-profile-composer-actions-p2562 button{justify-content:flex-start!important;padding-left:12px!important}.vr-composer-modal-p2563,.vr-profile-composer-modal-p2562{align-items:flex-start!important;padding:12px!important}.vr-composer-dialog-p2563,.vr-profile-composer-dialog-p2562{width:100%!important;max-height:calc(100vh - 24px)!important}.vr-global-composer-options-p2563,.vr-profile-composer-options-p2562{grid-template-columns:1fr!important}.vr-global-composer-submit-row-p2563,.vr-profile-composer-submit-row-p2562{flex-direction:column!important;align-items:stretch!important}.vr-global-composer-submit-row-p2563 .btn.primary,.vr-global-composer-submit-row-p2563 .vr-gx-primary,.vr-profile-composer-submit-row-p2562 .btn.primary{width:100%!important}}.vr-header-dropdown-wrap-p2564{align-items:center;display:inline-flex;position:relative}.vr-header-dropdown-trigger-p2564{place-items:center;display:inline-grid;position:relative}.vr-header-dropdown-trigger-p2564.is-active-p2564{color:var(--green)!important;background:#e9f8ef!important}.vr-header-badge-p2564{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:950;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.vr-header-dropdown-panel-p2564{z-index:160;background:#fff;border:1px solid #e2e8f0f2;border-radius:24px;width:min(430px,100vw - 24px);max-height:min(74vh,680px);padding:18px;position:absolute;top:calc(100% + 14px);right:0;overflow:auto;box-shadow:0 24px 70px #0f172a33}.vr-header-dropdown-panel-p2564[hidden]{display:none!important}.vr-dropdown-head-p2564{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.vr-dropdown-head-p2564 h2{letter-spacing:0;color:#0f172a;margin:0;font-size:30px;line-height:1.05}.vr-dropdown-head-p2564 a,.vr-dropdown-head-p2564 span{color:#64748b;background:#f1f5f9;border-radius:999px;place-items:center;width:36px;height:36px;font-weight:950;text-decoration:none;display:grid}.vr-dropdown-head-p2564 a:hover{color:var(--green);background:#e9f8ef}.vr-dropdown-search-p2564{color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;gap:8px;height:44px;margin-bottom:14px;padding:0 14px;display:flex}.vr-dropdown-search-p2564 input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.vr-dropdown-tabs-p2564{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.vr-dropdown-tabs-p2564 span{color:#0f172a;border-radius:999px;padding:10px 14px;font-weight:900}.vr-dropdown-tabs-p2564 span.active{color:var(--green);background:#e9f8ef}.vr-dropdown-list-p2564{gap:4px;display:grid}.vr-dropdown-row-p2564{color:#0f172a;border-radius:16px;grid-template-columns:56px minmax(0,1fr) 12px;align-items:center;gap:12px;min-width:0;padding:10px 6px;text-decoration:none;display:grid;position:relative}.vr-dropdown-row-p2564:hover{background:#f8fafc}.vr-dropdown-avatar-p2564,.vr-dropdown-icon-avatar-p2564{border-radius:50%;flex:none;width:56px;height:56px}.vr-dropdown-avatar-p2564{object-fit:cover;object-position:center;background:#eef2f7;display:block}.vr-dropdown-icon-avatar-p2564{color:var(--green);background:#e9f8ef;place-items:center;font-size:24px;display:grid}.vr-dropdown-row-main-p2564{gap:3px;min-width:0;display:grid}.vr-dropdown-row-top-p2564{align-items:center;gap:8px;min-width:0;display:flex}.vr-dropdown-row-top-p2564 strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950;overflow:hidden}.vr-dropdown-row-top-p2564 small{color:#64748b;flex:none;font-size:12px;font-weight:800}.vr-dropdown-preview-p2564{text-overflow:ellipsis;white-space:nowrap;color:#64748b;line-height:1.35;overflow:hidden}.vr-dropdown-unread-dot-p2564{background:var(--green);border-radius:50%;width:11px;height:11px;display:block}.vr-dropdown-empty-p2564{text-align:center;color:#64748b;gap:8px;padding:22px 10px;display:grid}.vr-dropdown-empty-p2564 strong{color:#0f172a;font-size:16px}.vr-dropdown-empty-p2564 a,.vr-dropdown-footer-p2564{color:var(--green);font-weight:950;text-decoration:none}.vr-dropdown-footer-p2564{text-align:center;border-top:1px solid #eef2f7;margin:14px -18px -18px;padding:14px 18px;display:block}.vr-dropdown-footer-p2564:hover{background:#f8fafc}.vr-home-chat-card-p2564{overflow:hidden}.vr-home-chat-list-p2564{gap:4px;margin-top:8px;display:grid}.vr-home-chat-row-p2564{color:#0f172a;grid-template-columns:42px minmax(0,1fr) 10px;align-items:center;gap:10px;padding:8px 0;text-decoration:none;display:grid;position:relative}.vr-home-chat-row-p2564 img{object-fit:cover;object-position:center;background:#eef2f7;border-radius:50%;flex:none;width:42px;height:42px}.vr-home-chat-row-p2564 span{gap:2px;min-width:0;display:grid}.vr-home-chat-row-p2564 strong,.vr-home-chat-row-p2564 small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vr-home-chat-row-p2564 strong{font-weight:950}.vr-home-chat-row-p2564 small{color:#64748b;font-size:12px;font-weight:800}.vr-home-chat-row-p2564 i{background:var(--green);border-radius:50%;width:9px;height:9px}.vr-home-chat-empty-p2564{color:#64748b;padding:12px 0 4px;line-height:1.45}.vr-home-chat-empty-p2564 strong{color:#0f172a;display:block}.vr-home-chat-empty-p2564 p{margin:5px 0 10px}.vr-home-chat-empty-p2564 a{min-height:38px;color:var(--green);background:#e9f8ef;border-radius:999px;justify-content:center;align-items:center;padding:9px 12px;font-weight:950;text-decoration:none;display:inline-flex}@media (width<=760px){.vr-header-dropdown-panel-p2564{border-radius:20px;width:auto;max-height:calc(100vh - 90px);padding:16px;position:fixed;top:72px;left:12px;right:12px}.vr-dropdown-footer-p2564{margin:12px -16px -16px;padding:13px 16px}.vr-dropdown-head-p2564 h2{font-size:26px}}.vr-story-row-p2565{scroll-snap-type:x proximity;gap:14px!important;margin:0 0 18px!important;padding:2px 0 8px!important}.vr-story-row-p2565::-webkit-scrollbar{height:8px}.vr-story-row-p2565::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.vr-story-create-card-p2565,.vr-story-card-p2565,.vr-story-empty-card-p2565{scroll-snap-align:start;border:0;border-radius:18px;flex:0 0 128px;width:128px;height:190px;position:relative;overflow:hidden;box-shadow:0 10px 28px #0f172a24}.vr-story-create-card-p2565{color:#0f172a;text-align:center;background:#fff;grid-template-rows:112px auto auto;padding:0 0 14px;display:grid}.vr-story-create-media-p2565{background:#e9f8ef;display:block;position:relative;overflow:hidden}.vr-story-create-media-p2565 img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.vr-story-create-plus-p2565{z-index:2;background:var(--green);color:#fff;border:5px solid #fff;border-radius:50%;justify-self:center;place-items:center;width:54px;height:54px;margin-top:-27px;font-size:36px;font-weight:500;line-height:1;display:grid;position:relative}.vr-story-create-card-p2565 strong,.vr-story-create-card-p2565 small{z-index:2;position:relative}.vr-story-create-card-p2565 strong{margin-top:5px;font-size:16px;font-weight:950}.vr-story-create-card-p2565 small{color:#64748b;font-weight:800}.vr-story-card-p2565{color:#fff;text-align:left;background:#0f172a;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:12px;display:flex}.vr-story-card-p2565:after{content:"";z-index:1;background:linear-gradient(#0f172a0f,#0f172a2e 42%,#0f172ac2);position:absolute;inset:0}.vr-story-card-p2565:hover,.vr-story-create-card-p2565:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0f172a2e}.vr-story-card-p2565>img,.vr-story-card-p2565>video{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.vr-story-avatar-p2565{z-index:3;background:#fff;border:4px solid #0f7bff;border-radius:50%;width:46px;height:46px;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 2px #fffc}.vr-story-avatar-p2565 img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.vr-story-card-p2565 strong,.vr-story-card-p2565 small,.vr-story-text-bg-p2565{z-index:2;position:relative}.vr-story-card-p2565 strong{text-shadow:0 2px 12px #00000073;font-size:15px;font-weight:950;line-height:1.12}.vr-story-card-p2565 small{color:#ffffffdb;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 10px #00000059;max-width:100%;font-size:12px;font-weight:850;overflow:hidden}.vr-story-text-bg-p2565{text-align:center;place-items:center;padding:64px 14px 40px;font-size:20px;font-weight:950;line-height:1.12;display:grid;position:absolute;inset:0}.vr-story-empty-card-p2565{color:#0f172a;box-shadow:none;background:linear-gradient(135deg,#e9fff4,#fff);border:1px dashed #b8ebcf;flex-direction:column;justify-content:flex-end;gap:6px;padding:14px;display:flex}.vr-story-empty-card-p2565 strong{font-size:16px;font-weight:950}.vr-story-empty-card-p2565 span{color:#64748b;font-size:12px;font-weight:800;line-height:1.35}.vr-story-create-modal-p2565,.vr-story-view-modal-p2565{z-index:240;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.vr-story-create-modal-p2565[hidden],.vr-story-view-modal-p2565[hidden]{display:none!important}body.vr-story-modal-open-p2565{overflow:hidden}.vr-story-create-dialog-p2565{background:#fff;border-radius:22px;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 28px 90px #0f172a52}.vr-story-modal-head-p2565{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.vr-story-modal-head-p2565 h2{color:#0f172a;margin:0;font-size:24px}.vr-story-modal-head-p2565 button,.vr-story-view-close-p2565{color:#0f172a;background:#f1f5f9;border-radius:50%;place-items:center;width:38px;height:38px;font-size:28px;line-height:1;display:grid}.vr-story-create-form-p2565{gap:13px;padding:18px 20px 20px;display:grid}.vr-story-create-form-p2565 label{color:#334155;gap:7px;font-weight:950;display:grid}.vr-story-create-form-p2565 label>span{font-size:14px}.vr-story-create-form-p2565 input,.vr-story-create-form-p2565 textarea,.vr-story-create-form-p2565 select{color:#0f172a;width:100%;font:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:12px 13px}.vr-story-create-form-p2565 textarea{resize:vertical}.vr-story-create-form-p2565 small{color:#64748b;font-weight:750}.vr-story-submit-p2565{background:var(--green);color:#fff;border-radius:16px;min-height:46px;font-weight:950}.vr-story-view-dialog-p2565{color:#fff;background:#0f172a;border-radius:28px;width:min(430px,100%);height:min(760px,100vh - 36px);position:relative;overflow:hidden;box-shadow:0 32px 100px #00000061}.vr-story-view-close-p2565{z-index:5;color:#fff;background:#ffffff2e;position:absolute;top:12px;right:12px}.vr-story-view-stage-p2565{place-items:center;display:grid;position:absolute;inset:0}.vr-story-view-stage-p2565:after{content:"";pointer-events:none;background:linear-gradient(#00000073,#0000000d 46%,#000000ad);position:absolute;inset:0}.vr-story-view-stage-p2565 img,.vr-story-view-stage-p2565 video{object-fit:cover;object-position:center;width:100%;height:100%}.vr-story-view-text-p2565{text-align:center;place-items:center;width:100%;height:100%;padding:54px 28px;font-size:34px;font-weight:950;line-height:1.08;display:grid}.vr-story-view-info-p2565{z-index:4;align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:16px;right:58px}.vr-story-view-info-p2565 img{border:3px solid var(--green);object-fit:cover;object-position:center;background:#fff;border-radius:50%;flex:none;width:44px;height:44px}.vr-story-view-info-p2565 strong{text-shadow:0 2px 12px #00000073;font-weight:950;display:block}.vr-story-view-info-p2565 span{color:#ffffffdb;font-size:12px;font-weight:800;display:block}.vr-story-view-caption-p2565{z-index:4;color:#fff;text-shadow:0 2px 14px #00000080;font-size:17px;font-weight:850;line-height:1.35;position:absolute;bottom:20px;left:18px;right:18px}@media (width<=640px){.vr-story-create-card-p2565,.vr-story-card-p2565,.vr-story-empty-card-p2565{flex-basis:116px;width:116px;height:174px}.vr-story-create-media-p2565{height:102px}.vr-story-view-dialog-p2565{border-radius:22px;height:min(690px,100vh - 24px)}.vr-story-create-modal-p2565,.vr-story-view-modal-p2565{padding:12px}}.vr-story-viewer-p2566,.vr-story-route-viewer-p2566{z-index:340;color:#fff;background:#000;grid-template-columns:minmax(300px,360px) minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.vr-story-viewer-p2566[hidden]{display:none!important}body.vr-story-fullscreen-open-p2566{overflow:hidden}body.vr-page-story-view{background:#000!important}.vr-story-viewer-sidebar-p2566{color:#111827;background:#fff;border-right:1px solid #0f172a1f;min-width:0;height:100vh;padding:14px 12px 24px;overflow-y:auto}.vr-story-viewer-sidebar-top-p2566{align-items:center;gap:12px;min-height:52px;margin-bottom:16px;display:flex}.vr-story-viewer-sidebar-top-p2566 button,.vr-story-route-close-p2566{color:#111827;background:#eef2f7;border-radius:50%;place-items:center;width:46px;height:46px;font-size:34px;line-height:1;text-decoration:none;display:grid}.vr-story-viewer-sidebar-top-p2566>a:not(.vr-story-route-close-p2566){background:var(--green);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:0;font-weight:950;text-decoration:none;display:grid}.vr-story-viewer-sidebar-top-p2566>a:not(.vr-story-route-close-p2566):first-letter{font-size:0}.vr-story-viewer-sidebar-top-p2566>a:not(.vr-story-route-close-p2566):after{content:"V";font-size:28px}.vr-story-viewer-sidebar-p2566 h2{color:#0f172a;margin:0 0 14px;font-size:32px;line-height:1.05}.vr-story-viewer-links-p2566{color:#64748b;align-items:center;gap:7px;margin:0 0 26px;font-weight:850;display:flex}.vr-story-viewer-links-p2566 a{color:#1478e8;text-decoration:none}.vr-story-viewer-own-p2566,.vr-story-viewer-list-p2566{gap:10px;margin-top:20px;display:grid}.vr-story-viewer-own-p2566 h3,.vr-story-viewer-list-p2566 h3{color:#0f172a;margin:0 0 6px;font-size:19px}.vr-story-viewer-own-p2566 button,.vr-story-viewer-create-link-p2566{color:#111827;text-align:left;background:#fff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:2px 12px;width:100%;padding:10px 8px;text-decoration:none;display:grid}.vr-story-viewer-own-p2566 button:hover,.vr-story-viewer-create-link-p2566:hover,.vr-story-viewer-list-p2566 button:hover,.vr-story-viewer-list-p2566 a:hover,.vr-story-viewer-list-p2566 .active{background:#eef2f7}.vr-story-viewer-own-p2566 button>span,.vr-story-viewer-create-link-p2566>span{color:#1478e8;background:#f1f5f9;border-radius:50%;grid-row:1/span 2;place-items:center;width:64px;height:64px;font-size:34px;font-weight:500;line-height:1;display:grid}.vr-story-viewer-own-p2566 strong,.vr-story-viewer-create-link-p2566 strong{align-self:end;font-size:16px;font-weight:950}.vr-story-viewer-own-p2566 small,.vr-story-viewer-create-link-p2566 small{color:#6b7280;align-self:start;font-size:13px;font-weight:750}.vr-story-viewer-list-p2566 button,.vr-story-viewer-list-p2566 a{color:#111827;text-align:left;background:0 0;border-radius:14px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:80px;padding:8px;text-decoration:none;display:grid}.vr-story-viewer-list-p2566 img{object-fit:cover;object-position:center;background:#fff;border:3px solid #1478e8;border-radius:50%;width:64px;height:64px}.vr-story-viewer-list-p2566 span{min-width:0}.vr-story-viewer-list-p2566 strong,.vr-story-viewer-list-p2566 small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vr-story-viewer-list-p2566 strong{color:#111827;font-size:16px;font-weight:950}.vr-story-viewer-list-p2566 small,.vr-story-viewer-empty-p2566{color:#6b7280;font-size:13px;font-weight:800}.vr-story-viewer-main-p2566,.vr-story-route-main-p2566{background:#000;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:76px minmax(260px,470px) 76px;justify-content:center;align-items:center;gap:22px;min-width:0;height:100vh;padding:18px 28px 20px;display:grid;position:relative}.vr-story-viewer-frame-p2566{aspect-ratio:9/16;isolation:isolate;background:#101014;border-radius:14px;grid-column:2;width:min(470px,100vw - 96px);height:min(90vh,820px);position:relative;overflow:hidden;box-shadow:0 28px 90px #000000a6}.vr-story-viewer-progress-p2566{z-index:6;background:#ffffff3d;border-radius:999px;height:4px;position:absolute;top:12px;left:18px;right:18px;overflow:hidden}.vr-story-viewer-progress-p2566 span{border-radius:inherit;background:#ffffffeb;width:30%;height:100%;display:block}.vr-story-viewer-frame-p2566 header{z-index:6;color:#fff;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;position:absolute;top:26px;left:18px;right:18px}.vr-story-viewer-frame-p2566 header img{object-fit:cover;object-position:center;background:#fff;border:2px solid #ffffffb3;border-radius:50%;width:44px;height:44px}.vr-story-viewer-frame-p2566 header strong,.vr-story-viewer-frame-p2566 header span{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 12px #0000008c;display:block;overflow:hidden}.vr-story-viewer-frame-p2566 header strong{font-size:15px;font-weight:950}.vr-story-viewer-frame-p2566 header span{color:#ffffffe0;font-size:12px;font-weight:800}.vr-story-viewer-frame-p2566 header button{color:#fff;background:#ffffff24;border-radius:50%;width:38px;height:38px;font-size:18px;font-weight:950}.vr-story-viewer-stage-p2566{background:#050505;place-items:center;display:grid;position:absolute;inset:0}.vr-story-viewer-stage-p2566:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000008f,#00000014 45%,#0000009e);position:absolute;inset:0}.vr-story-viewer-stage-p2566 img,.vr-story-viewer-stage-p2566 video{z-index:0;object-fit:contain;object-position:center;background:#000;width:100%;height:100%;position:relative}.vr-story-viewer-text-p2566{text-align:center;color:#fff;place-items:center;width:100%;height:100%;padding:92px 34px 72px;font-size:36px;font-weight:950;line-height:1.08;display:grid}.vr-story-viewer-caption-p2566{z-index:7;color:#fff;text-align:center;text-shadow:0 2px 14px #000000b3;gap:5px;display:grid;position:absolute;bottom:26px;left:22px;right:22px}.vr-story-viewer-caption-p2566[hidden]{display:none!important}.vr-story-viewer-caption-p2566 strong{font-size:24px;line-height:1.12}.vr-story-viewer-caption-p2566 span,.vr-story-viewer-caption-p2566 em{font-size:16px;font-style:normal;font-weight:850}.vr-story-viewer-nav-p2566{color:#111827;z-index:5;background:#ffffffb3;border-radius:50%;place-self:center;place-items:center;width:58px;height:58px;font-size:48px;line-height:1;text-decoration:none;display:grid}.vr-story-viewer-nav-p2566.prev{grid-column:1}.vr-story-viewer-nav-p2566.next{grid-column:3}.vr-story-viewer-nav-p2566:hover{background:#ffffffe0}.vr-story-viewer-nav-p2566.disabled{opacity:.25;pointer-events:none}.vr-story-viewer-mobile-close-p2566{z-index:7;color:#fff;background:#ffffff29;border-radius:50%;place-items:center;width:46px;height:46px;font-size:34px;line-height:1;text-decoration:none;display:none;position:fixed;top:14px;right:14px}.vr-story-viewer-reply-p2566{grid-column:1/-1;justify-content:center;justify-self:center;align-items:center;gap:12px;min-width:min(720px,100%);padding-top:6px;display:flex}.vr-story-viewer-reply-p2566>span{color:#ffffffeb;border:2px solid #ffffffd1;border-radius:999px;align-items:center;width:min(410px,52vw);min-height:46px;padding:0 18px;font-weight:850;display:flex}.vr-story-viewer-reply-p2566 button{background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:28px;display:grid}@media (width<=980px){.vr-story-viewer-p2566,.vr-story-route-viewer-p2566{grid-template-columns:1fr}.vr-story-viewer-sidebar-p2566{display:none}.vr-story-viewer-main-p2566,.vr-story-route-main-p2566{grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;padding:12px}.vr-story-viewer-frame-p2566{border-radius:12px;width:min(430px,100vw - 90px);height:min(88vh,760px)}.vr-story-viewer-mobile-close-p2566{display:grid}.vr-story-viewer-nav-p2566{width:46px;height:46px;font-size:40px}}@media (width<=640px){.vr-story-viewer-main-p2566,.vr-story-route-main-p2566{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;padding:10px}.vr-story-viewer-frame-p2566{grid-column:1;justify-self:center;width:100%;max-width:430px;height:min(86vh,100vh - 94px)}.vr-story-viewer-nav-p2566{color:#fff;background:#ffffff2e;position:fixed;top:50%;transform:translateY(-50%)}.vr-story-viewer-nav-p2566.prev{left:10px}.vr-story-viewer-nav-p2566.next{right:10px}.vr-story-viewer-reply-p2566{gap:8px;width:100%}.vr-story-viewer-reply-p2566>span{flex:1;width:auto;min-width:0}.vr-story-viewer-reply-p2566 button{width:38px;height:38px;font-size:24px}}:root{--vr-main-green:#087a28;--vr-main-green-2:#0b8f35;--vr-main-green-soft:#eef8f1;--vr-main-bg:#f7faf8;--vr-main-card:#fff;--vr-main-text:#162217;--vr-main-muted:#68756d;--vr-main-line:#e5eee7;--vr-main-shadow:0 18px 48px #142d1b14;--vr-main-shadow-soft:0 10px 28px #142d1b0e}.card,.side-card,.post-card,.vr-global-composer-p2563,.vr-profile-composer-p2562,.vr-gx-info-card,.vr-gx-feed-card{border-color:var(--vr-main-line)!important;box-shadow:var(--vr-main-shadow-soft)!important;background:var(--vr-main-card)!important;border-radius:24px!important}.vr-header{-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#ffffffeb!important;border-bottom:1px solid #e5eee7eb!important;height:74px!important;min-height:74px!important;padding-inline:clamp(16px,2.6vw,34px)!important;box-shadow:0 8px 28px #142d1b0f!important}.vr-logo{flex-direction:row!important;align-items:center!important;gap:0!important}.vr-logo-word{color:var(--vr-main-green)!important;letter-spacing:-.02em!important;font-size:32px!important;font-weight:950!important}.vr-logo-tag{display:none!important}.vr-search{border:1px solid var(--vr-main-line)!important;background:#ffffffdb!important;min-width:min(36vw,560px)!important;height:46px!important;box-shadow:inset 0 0 0 1px #ffffffb8,0 8px 18px #142d1b0a!important}.vr-header-center a,.vr-icon-btn,.vr-header-create-btn{border:1px solid #0000!important;transition:background .16s,color .16s,transform .16s,box-shadow .16s!important}.vr-header-center a.active,.vr-header-center a:hover,.vr-icon-btn:hover{background:var(--vr-main-green-soft)!important;color:var(--vr-main-green)!important}.vr-header-create-btn{background:linear-gradient(180deg, var(--vr-main-green-2), var(--vr-main-green))!important;color:#fff!important;border-radius:999px!important;place-items:center!important;width:42px!important;height:42px!important;font-size:28px!important;font-weight:850!important;line-height:1!important;text-decoration:none!important;display:inline-grid!important;box-shadow:0 13px 24px #087a283d!important}.vr-header-create-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px #087a2847!important}.vr-user-pill{border:1px solid var(--vr-main-line)!important;box-shadow:var(--vr-main-shadow-soft)!important;background:#fff!important}.vr-user-pill img,.avatar,.post-card .avatar,.vr-global-composer-avatar-p2563,.vr-profile-composer-avatar-p2562,.vr-dropdown-avatar-p2564,.vr-home-chat-row-p2564 img,.vr-story-avatar-p2565 img,.vr-profile-avatar,.vr-page-show-avatar,.vr-social-page-avatar{object-fit:cover!important;object-position:center!important;aspect-ratio:1!important}.vr-page-home .vr-layout,.vr-layout.vr-layout-p03{background:var(--vr-main-bg)!important;grid-template-columns:minmax(240px,280px) minmax(640px,1fr) minmax(300px,360px)!important;gap:24px!important;max-width:1680px!important;padding:22px 28px 36px!important}.vr-page-home .vr-left-col,.vr-page-home .vr-right-col,.vr-layout-p03 .vr-left-col,.vr-layout-p03 .vr-right-col{scrollbar-width:thin;top:96px!important}.vr-side-menu{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:8px 6px!important}.vr-side-menu a{color:#263329!important;border-radius:14px!important;min-height:50px!important}.vr-side-menu a:hover,.vr-side-menu a.active{color:var(--vr-main-green)!important;background:#eaf4ec!important}.vr-global-composer-p2563,.vr-profile-composer-p2562,.vr-gx-post-box{padding:18px!important}.vr-global-composer-entry-p2563,.vr-profile-composer-entry-p2562{gap:14px!important}.vr-global-composer-trigger-p2563,.vr-profile-composer-trigger-p2562{color:#77827a!important;text-align:left!important;background:linear-gradient(#fafdfa,#f2f6f3)!important;border-radius:18px!important;min-height:56px!important;padding-inline:20px!important}.vr-global-composer-actions-p2563,.vr-profile-composer-actions-p2562{border-top:1px solid var(--vr-main-line)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding-top:14px!important;display:grid!important}.vr-global-composer-actions-p2563 button,.vr-profile-composer-actions-p2562 button{color:#263329!important;background:#fff!important;border-radius:14px!important;min-height:42px!important;font-weight:850!important}.vr-global-composer-actions-p2563 button:hover,.vr-profile-composer-actions-p2562 button:hover{background:var(--vr-main-green-soft)!important;color:var(--vr-main-green)!important}.vr-story-row-p2565{border:1px solid var(--vr-main-line)!important;box-shadow:var(--vr-main-shadow-soft)!important;background:#fff!important;border-radius:24px!important;padding:14px!important}.vr-story-card-p2565,.vr-story-create-card-p2565{border-radius:18px!important;min-width:150px!important;height:220px!important;box-shadow:0 12px 28px #142d1b1a!important}.post-card{margin-bottom:18px!important;padding:18px!important}.post-head{align-items:center!important}.post-author strong a{color:var(--vr-main-text)!important}.post-body{color:#17231a!important;font-size:17px!important;line-height:1.58!important}.post-media-grid{border-radius:18px!important;gap:8px!important}.post-media-grid img,.post-media-grid video{object-fit:cover!important;max-height:620px!important}.reaction-summary{border-bottom-color:var(--vr-main-line)!important;color:var(--vr-main-muted)!important}.post-actions{border-bottom-color:var(--vr-main-line)!important;gap:8px!important}.post-actions button{color:#33443a!important;border-radius:14px!important;min-height:42px!important;font-weight:800!important}.post-actions button.active,.post-actions button:hover{background:var(--vr-main-green-soft)!important;color:var(--vr-main-green)!important}.vr-profile-page.profile-page-p04,.profile-page-p04{width:min(1500px,100% - 48px)!important;max-width:1500px!important;margin-top:28px!important}body.vr-page-profile .vr-profile-hero-card{border-radius:28px!important;overflow:hidden!important}body.vr-page-profile .vr-profile-cover{background-position:50%!important;background-size:cover!important;height:430px!important;min-height:430px!important}body.vr-page-profile .vr-profile-identity-row{gap:24px!important;padding:0 32px 24px!important}body.vr-page-profile .vr-profile-avatar{border:7px solid #fff!important;width:170px!important;height:170px!important;box-shadow:0 18px 38px #142d1b2e!important}body.vr-page-profile .vr-profile-avatar-wrap{margin-top:-76px!important}body.vr-page-profile .vr-profile-tabs,.vr-module-tabs,.vr-page-show-tabs{border-top:1px solid var(--vr-main-line)!important;background:#fff!important;align-items:center!important;gap:10px!important;min-height:66px!important;padding-inline:28px!important;display:flex!important;overflow-x:auto!important}body.vr-page-profile .vr-profile-tabs a,body.vr-page-profile .vr-profile-tabs button,.vr-module-tabs a,.vr-page-show-tabs a,.vr-page-show-tabs button{white-space:nowrap!important;color:#526158!important;background:0 0!important;border-radius:999px!important;align-items:center!important;min-height:48px!important;display:inline-flex!important}body.vr-page-profile .vr-profile-tabs a.active,body.vr-page-profile .vr-profile-tabs a:hover,.vr-module-tabs a.active,.vr-module-tabs a:hover,.vr-page-show-tabs a.active,.vr-page-show-tabs a:hover{color:var(--vr-main-green)!important;background:var(--vr-main-green-soft)!important;border-bottom-color:#0000!important}body.vr-page-profile .vr-profile-content{grid-template-columns:minmax(300px,390px) minmax(0,1fr)!important;gap:24px!important}.vr-btn.primary,.btn.primary,.vr-gx-primary,button.primary{background:linear-gradient(180deg, var(--vr-main-green-2), var(--vr-main-green))!important;color:#fff!important;box-shadow:0 14px 30px #087a282e!important}.vr-btn,.btn,.vr-gx-secondary{border-radius:999px!important;font-weight:850!important}.vr-profile-more-action,.vr-gx-more-action,.vr-page-more-action,.vr-more-btn,.vr-page-more-vr{min-width:46px!important;padding-inline:14px!important}.vr-gx-page.single.wide{max-width:1580px!important}.vr-gx-detail-hero{color:#fff!important;background:#17331e!important;border-radius:28px!important;align-items:flex-end!important;min-height:430px!important;display:flex!important;position:relative!important;overflow:hidden!important}.vr-gx-detail-cover{filter:saturate(1.05)contrast(1.02)!important;background-position:50%!important;background-size:cover!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.vr-gx-detail-cover:after{content:"";background:linear-gradient(90deg,#09220fc2,#09220f3d 52%,#09220f29);position:absolute;inset:0}.vr-gx-detail-cover>span{z-index:1;position:relative}.vr-gx-detail-body{z-index:2!important;align-items:flex-end!important;width:100%!important;padding:42px 48px!important;position:relative!important}.vr-gx-detail-body h1,.vr-gx-detail-body p,.vr-gx-detail-body .vr-gx-back{color:#fff!important}.vr-gx-detail-body p{opacity:.92!important;max-width:820px!important}.vr-gx-detail-body .vr-gx-meta.big span{color:#fff!important;background:#ffffff29!important;border:1px solid #ffffff3d!important}.vr-gx-detail-tabs,.vr-module-tabs{border:1px solid var(--vr-main-line)!important;box-shadow:var(--vr-main-shadow-soft)!important;border-radius:18px!important;margin:-8px 24px 24px!important}.vr-gx-detail-grid{gap:24px!important}body.vr-page-show-social .vr-page-final .vr-page-show-card,body.vr-page-pages .vr-page-final .vr-page-show-card{box-shadow:var(--vr-main-shadow)!important;border-radius:28px!important;overflow:hidden!important}body.vr-page-show-social .vr-page-final-cover,body.vr-page-pages .vr-page-final-cover{border-radius:28px 28px 0 0!important}body.vr-page-show-social .vr-page-final .vr-page-show-tabs,body.vr-page-pages .vr-page-final .vr-page-show-tabs{border-top:1px solid var(--vr-main-line)!important}.vr-mobile-bottom-nav{display:none}@media (width<=1180px){.vr-page-home .vr-layout,.vr-layout.vr-layout-p03{grid-template-columns:minmax(0,1fr)!important;padding-inline:16px!important}.vr-layout-p03 .vr-left-col,.vr-layout-p03 .vr-right-col{display:none!important}.vr-layout-p03 .vr-feed-col{width:min(760px,100%)!important;margin-inline:auto!important}}@media (width<=780px){body{padding-bottom:92px!important}.vr-header{grid-template-columns:auto 1fr!important;height:74px!important;padding-inline:18px!important}.vr-logo-word{font-size:34px!important}.vr-header-center,.vr-user-pill span,.vr-logout-form{display:none!important}.vr-header-left{display:contents!important}.vr-search{display:none!important}.vr-header-right{gap:10px!important}.vr-header-right .vr-icon-btn[data-popover=menu]{display:none!important}.vr-mobile-bottom-nav{z-index:2100;height:82px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--vr-main-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 38px #142d1b17}.vr-mobile-bottom-nav a{color:#263329;justify-items:center;gap:4px;font-size:12px;font-weight:850;text-decoration:none;display:grid}.vr-mobile-bottom-nav a span{place-items:center;width:30px;height:30px;font-size:23px;line-height:1;display:grid}.vr-mobile-bottom-nav a.active,.vr-mobile-bottom-nav a:hover{color:var(--vr-main-green)}.vr-mobile-bottom-nav a.create span{background:linear-gradient(180deg, var(--vr-main-green-2), var(--vr-main-green));color:#fff;border:6px solid #fff;border-radius:999px;width:62px;height:62px;margin-top:-32px;font-size:38px;box-shadow:0 16px 32px #087a283d}.vr-mobile-bottom-nav a.create strong{margin-top:-6px}.vr-story-card-p2565,.vr-story-create-card-p2565{min-width:156px!important;height:214px!important}.vr-global-composer-actions-p2563,.vr-profile-composer-actions-p2562{grid-template-columns:repeat(2,minmax(0,1fr))!important}.post-card{border-radius:22px!important}body.vr-page-profile .vr-profile-cover{height:280px!important;min-height:280px!important}body.vr-page-profile .vr-profile-avatar{width:112px!important;height:112px!important}body.vr-page-profile .vr-profile-avatar-wrap{margin-top:-54px!important}body.vr-page-profile .vr-profile-content{grid-template-columns:1fr!important}.vr-gx-detail-hero{min-height:340px!important}.vr-gx-detail-body{gap:18px!important;padding:28px 22px!important;display:grid!important}.vr-gx-detail-body h1{font-size:34px!important}.vr-gx-detail-tabs,.vr-module-tabs{margin:-6px 0 18px!important}}:root{--vroof-green:#087a28;--vroof-green-dark:#045f1e;--vroof-green-soft:#edf7ef;--vroof-bg:#f8faf8;--vroof-card:#fff;--vroof-border:#e5eee8;--vroof-text:#152216;--vroof-muted:#6b786f;--vroof-radius:22px;--vroof-shadow:0 18px 48px #142d1b13}.vroof-icon{flex:none;width:22px;height:22px}.vroof-shell{color:var(--vroof-text)}.vroof-header{background:#fffffff5!important}.vroof-sidebar,.vroof-right-panel,.vroof-card,.vroof-composer,.vroof-story-rail,.vroof-post-card,.vroof-profile-hero,.vroof-tabs,.vroof-action-button{box-sizing:border-box}.vr-header-center a .vroof-icon,.vr-icon-btn .vroof-icon,.vr-header-create-btn .vroof-icon{width:23px;height:23px}.vr-header-create-btn .vroof-icon{stroke-width:2.5px;width:25px;height:25px}.vr-user-pill .vroof-icon{color:#53645a;width:16px;height:16px}.vr-search .vroof-icon,.vr-dropdown-search-p2564 .vroof-icon{color:#69776d;width:20px;height:20px}.vr-page-home .vr-layout,.vr-layout.vr-layout-p03{grid-template-columns:260px minmax(680px,1fr) 360px!important;align-items:start!important;gap:22px!important;max-width:1640px!important;height:auto!important;min-height:calc(100vh - 74px)!important}.vr-layout-p03 .vr-feed-col{gap:16px!important;height:auto!important;padding-right:0!important;display:grid!important;overflow:visible!important}.vr-page-home .vr-left-col,.vr-page-home .vr-right-col,.vr-layout-p03 .vr-left-col,.vr-layout-p03 .vr-right-col{height:auto!important;max-height:calc(100vh - 104px)!important;overflow-y:auto!important}.vroof-sidebar{gap:18px;display:grid}.vr-side-menu a{gap:14px!important;min-height:48px!important;padding:11px 12px!important;font-weight:850!important}.vr-side-menu a .vroof-icon{color:#2d3b31;width:21px;height:21px}.vr-side-menu a.active,.vr-side-menu a:hover{background:var(--vroof-green-soft)!important;color:var(--vroof-green)!important}.vr-side-menu a.active .vroof-icon,.vr-side-menu a:hover .vroof-icon{color:var(--vroof-green)}.vroof-sidebar-promo{border:1px solid var(--vroof-border);box-shadow:var(--vroof-shadow);background:linear-gradient(#fff,#f3faf5);border-radius:22px;padding:16px}.vroof-sidebar-promo-art{background:radial-gradient(circle at 70% 24%,#087a282e,#0000 24%),linear-gradient(135deg,#e7f4ea,#fff 54%,#dceee2);border-radius:18px;height:118px;margin-bottom:14px}.vroof-sidebar-promo strong{color:var(--vroof-green);margin-bottom:7px;font-size:17px;display:block}.vroof-sidebar-promo p,.vroof-sidebar-footer{color:var(--vroof-muted);line-height:1.55}.vroof-sidebar-promo a{background:var(--vroof-green);color:#fff;border-radius:13px;justify-content:center;align-items:center;min-height:40px;margin-top:12px;padding:0 14px;font-weight:900;text-decoration:none;display:inline-flex}.vroof-sidebar-footer{padding:0 12px 18px;font-size:13px}.vr-global-composer-p2563,.vr-profile-composer-p2562{border-radius:20px!important;padding:16px 18px!important}.vr-global-composer-actions-p2563,.vr-profile-composer-actions-p2562{grid-template-columns:repeat(4,minmax(0,1fr)) 92px!important;align-items:center!important}.vr-global-composer-actions-p2563 button,.vr-profile-composer-actions-p2562 button{gap:8px!important}.vr-global-composer-actions-p2563 button .vroof-icon,.vr-profile-composer-actions-p2562 button .vroof-icon{width:21px;height:21px;color:var(--vroof-green)}.vr-composer-inline-submit-pv2{background:var(--vroof-green)!important;color:#fff!important;box-shadow:0 12px 26px #087a282e!important}.vr-story-row-p2565{margin-bottom:0!important}.vr-story-card-p2565,.vr-story-create-card-p2565{min-width:144px!important;height:208px!important}.vr-right-col{gap:16px;display:grid}.vr-right-col .side-card{margin-bottom:0!important}.vr-trend-list-pv2{gap:10px;display:grid}.vr-trend-list-pv2 a,.vr-group-mini-pv2,.vr-event-mini-pv2,.vr-admin-mini-pv2{color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-decoration:none;display:grid}.vr-trend-list-pv2 a span,.vr-group-mini-pv2>span,.vr-event-mini-pv2 time,.vr-admin-mini-pv2>span{background:var(--vroof-green-soft);width:42px;height:42px;color:var(--vroof-green);border-radius:14px;place-items:center;font-weight:950;display:grid}.vr-trend-list-pv2 a small,.vr-group-mini-pv2 p,.vr-event-mini-pv2 p,.vr-admin-mini-pv2 small{color:var(--vroof-muted);margin:3px 0 0}.vr-group-mini-pv2 a,.vr-directions-link-pv2{border:1px solid var(--vroof-border);min-height:36px;color:var(--vroof-green);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0 12px;font-weight:900;text-decoration:none;display:inline-flex}.vr-empty-soft-pv2,.vr-rating-empty-pv2{color:var(--vroof-muted);background:#fbfdfb;border:1px dashed #d7e6db;border-radius:16px;padding:16px;line-height:1.5}.post-actions-pv2{position:relative;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:8px!important;display:grid!important}.post-actions-pv2 form{min-width:0}.post-actions-pv2 button,.post-actions-pv2 summary,.vr-post-action-link-pv2{color:#2d3b31;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-weight:850;text-decoration:none;list-style:none;display:inline-flex}.post-actions-pv2 button .vroof-icon,.post-actions-pv2 summary .vroof-icon,.vr-post-action-link-pv2 .vroof-icon{width:20px;height:20px}.post-actions-pv2 button:hover,.post-actions-pv2 button.active,.post-actions-pv2 summary:hover,.post-actions-pv2 summary.active,.vr-post-action-link-pv2:hover{background:var(--vroof-green-soft)!important;color:var(--vroof-green)!important}.vr-reaction-picker-pv2{position:relative}.vr-reaction-picker-panel-pv2{border:1px solid var(--vroof-border);box-shadow:var(--vroof-shadow);z-index:15;background:#fff;border-radius:999px;gap:6px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0}.vr-reaction-picker-pv2:not([open]) .vr-reaction-picker-panel-pv2{display:none}.vr-reaction-picker-panel-pv2 form button{min-width:42px;width:auto!important;padding:0 10px!important}.vr-reaction-picker-panel-pv2 form button span{display:none}.vr-profile-bio-line{color:#eaf7ee;max-width:640px;margin:7px 0 0;font-weight:750}.vr-profile-meta-line-pv2{color:#ffffffeb;flex-wrap:wrap;gap:14px;margin-top:12px;font-weight:800;display:flex}.vr-profile-meta-line-pv2 span,.vr-profile-meta-line-pv2 .vroof-icon{align-items:center;gap:6px;display:inline-flex}body.vr-page-profile .vr-profile-hero-card{background:#102716!important;position:relative!important}body.vr-page-profile .vr-profile-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#071f0db8,#071f0d38 52%,#071f0d14);position:absolute;inset:0}body.vr-page-profile .vr-profile-cover{position:relative;height:380px!important;min-height:380px!important}body.vr-page-profile .vr-profile-identity-row{z-index:3;position:relative;border-bottom:0!important;margin-top:-132px!important}body.vr-page-profile .vr-profile-title-block h1,body.vr-page-profile .vr-profile-counts,body.vr-page-profile .vr-profile-counts strong{color:#fff!important}body.vr-page-profile .vr-profile-content{align-items:start;grid-template-columns:minmax(280px,330px) minmax(0,1fr) minmax(280px,330px)!important}.profile-right-stack,.vr-profile-right-pv2,.vr-gx-right-stack-pv2,.vr-social-page-right-pv2{align-self:start;gap:18px;display:grid}.vr-badge-row-pv2{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.vr-badge-row-pv2 span{border:1px solid var(--vroof-border);text-align:center;background:#fbfdfb;border-radius:16px;min-width:0;padding:12px 10px}.vr-badge-row-pv2 .vroof-icon{color:var(--vroof-green);margin:0 auto 8px}.vr-badge-row-pv2 strong,.vr-badge-row-pv2 small{display:block}.vr-badge-row-pv2 small,.vr-profile-contribution-pv2 span{color:var(--vroof-muted)}.vr-profile-contribution-pv2{gap:10px;display:grid}.vr-profile-contribution-pv2 p{border-bottom:1px solid var(--vroof-border);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 0;display:flex}.vr-gx-hero-copy-pv2{align-items:end;gap:24px;min-width:0;display:flex}.vr-gx-hero-avatar-pv2{width:158px;height:158px;color:var(--vroof-green);background:linear-gradient(135deg,#dff5e5,#fff) 50%/cover;border:7px solid #fffffff2;border-radius:50%;flex:none;place-items:center;font-size:52px;font-weight:950;display:grid;box-shadow:0 20px 44px #0003}.vr-gx-detail-cover>span .vroof-icon{width:96px;height:96px;color:var(--vroof-green)}.vr-gx-detail-grid.vr-group-posts-layout-v244{align-items:start;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(260px,330px)!important}.vr-gx-detail-grid.vr-group-posts-layout-v244>.vr-gx-info-card{grid-column:1}.vr-gx-detail-grid.vr-group-posts-layout-v244>.vr-group-feed-v244{grid-column:2}.vr-gx-detail-grid.vr-group-posts-layout-v244>.vr-gx-right-stack-pv2{grid-column:3}.vr-topic-pills-pv2{flex-wrap:wrap;gap:8px;display:flex}.vr-topic-pills-pv2 a{background:var(--vroof-green-soft);color:var(--vroof-green);border-radius:999px;padding:8px 11px;font-weight:900;text-decoration:none}body.vr-page-show-social .vr-page-final .vr-page-show-grid,body.vr-page-pages .vr-page-final .vr-page-show-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(280px,340px)!important;align-items:start!important}.vr-social-intro-card,.vr-social-services-card-pv2,.vr-social-photos-card-pv2{grid-column:1}.vr-social-page-posts{grid-area:1/2/span 4}.vr-social-page-right-pv2{grid-area:1/3/span 4}.vr-page-stats-pv2{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.vr-page-stats-pv2 span{color:#4f5f55!important}.vr-page-stats-pv2 strong{color:var(--vroof-text)}.vr-event-grid-pv2{align-items:start;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(280px,340px)!important}.vr-event-grid-pv2>#event-info{grid-area:1/1/span 3}.vr-event-grid-pv2>#schedule,.vr-event-grid-pv2>#speakers,.vr-event-grid-pv2>#event-posts{grid-column:2}.vr-event-grid-pv2>.vr-gx-right-stack-pv2{grid-area:1/3/span 3}.vr-schedule-line-pv2{grid-template-columns:18px minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.vr-schedule-line-pv2>span{background:var(--vroof-green);width:12px;height:12px;box-shadow:0 0 0 5px var(--vroof-green-soft);border-radius:999px;margin-top:5px}.vr-schedule-line-pv2 time{color:var(--vroof-muted);font-weight:850}.vr-schedule-line-pv2 strong,.vr-schedule-line-pv2 p{margin:3px 0 0;display:block}.vr-event-attendee-count-pv2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.vr-event-attendee-count-pv2 span{border:1px solid var(--vroof-border);background:#fbfdfb;border-radius:16px;padding:14px}.vr-event-attendee-count-pv2 strong{color:var(--vroof-green);font-size:24px;display:block}@media (width<=1240px){.vr-page-home .vr-layout,.vr-layout.vr-layout-p03,body.vr-page-profile .vr-profile-content,.vr-gx-detail-grid.vr-group-posts-layout-v244,body.vr-page-show-social .vr-page-final .vr-page-show-grid,body.vr-page-pages .vr-page-final .vr-page-show-grid,.vr-event-grid-pv2{grid-template-columns:minmax(0,1fr)!important}.vr-social-intro-card,.vr-social-services-card-pv2,.vr-social-photos-card-pv2,.vr-social-page-posts,.vr-social-page-right-pv2,.vr-event-grid-pv2>#event-info,.vr-event-grid-pv2>#schedule,.vr-event-grid-pv2>#speakers,.vr-event-grid-pv2>#event-posts,.vr-event-grid-pv2>.vr-gx-right-stack-pv2,.vr-gx-detail-grid.vr-group-posts-layout-v244>.vr-gx-info-card,.vr-gx-detail-grid.vr-group-posts-layout-v244>.vr-group-feed-v244,.vr-gx-detail-grid.vr-group-posts-layout-v244>.vr-gx-right-stack-pv2{grid-area:auto/1!important}}@media (width<=780px){.vr-header{position:sticky!important;top:0!important}.vr-header-right .vr-header-dropdown-wrap-p2564:first-of-type{display:inline-flex!important}.vr-header-create-btn{display:none!important}.vr-story-row-p2565{border-radius:22px!important;padding:14px 12px!important}.vr-story-card-p2565,.vr-story-create-card-p2565{min-width:132px!important;height:170px!important}.vr-global-composer-actions-p2563,.vr-profile-composer-actions-p2562{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vr-composer-inline-submit-pv2{grid-column:1/-1}.post-actions-pv2{grid-template-columns:repeat(4,minmax(0,1fr))!important}.post-actions-pv2 button,.post-actions-pv2 summary,.vr-post-action-link-pv2{gap:5px;font-size:13px;padding-inline:6px!important}.post-actions-pv2 button .vroof-icon,.post-actions-pv2 summary .vroof-icon,.vr-post-action-link-pv2 .vroof-icon{width:19px;height:19px}body.vr-page-profile .vr-profile-cover{height:270px!important;min-height:270px!important}body.vr-page-profile .vr-profile-identity-row{margin-top:-82px!important}.vr-gx-hero-copy-pv2{gap:14px;display:grid}.vr-gx-hero-avatar-pv2{width:106px;height:106px;font-size:36px}.vr-mobile-bottom-nav a span .vroof-icon{width:25px;height:25px}.vr-mobile-bottom-nav a.create span .vroof-icon{stroke-width:2.5px;width:30px;height:30px}}:root{--vroof-green:#7ccf8a;--vroof-green-soft:#eef9f0;--vroof-green-pale:#f6fcf7;--vroof-green-deep:#3d9e5b;--vroof-bg:#f5f7f4;--vroof-card:#fff;--vroof-border:#e3ede5;--vroof-text:#233127;--vroof-muted:#748278;--vroof-radius:22px;--vroof-shadow:0 12px 30px #3d764812}body{background:var(--vroof-bg);color:var(--vroof-text)}.vroof-icon{stroke-width:1.9px;width:1.18em;height:1.18em}.vr-header.vroof-header{border-bottom:1px solid var(--vroof-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);gap:18px;height:78px;padding:0 26px;box-shadow:0 8px 30px #1a3a230a}.vr-header-left,.vr-header-right{gap:14px}.vr-logo-home-v1{align-items:center;gap:10px;display:flex}.vr-logo-mark{width:38px;height:38px;color:var(--vroof-green-deep);background:linear-gradient(#f3fff4,#e6f6ea);border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #dceede}.vr-logo-home-v1 .vr-logo-word{letter-spacing:-.02em;color:#2d4735;font-size:30px;font-weight:800}.vr-search{border:1px solid var(--vroof-border);background:#f5f8f5;gap:10px;min-width:320px;height:46px;padding:0 16px}.vr-search .vroof-icon{color:#90a195;font-size:18px}.vr-search input{color:#2c3d31;font-size:14px}.vr-header-center-home-v1{align-items:center;gap:6px}.vr-header-nav-link{color:#526458;border-radius:0;align-items:center;gap:9px;width:auto;min-width:auto;height:78px;padding:0 14px;font-size:14px;font-weight:600;display:flex;position:relative}.vr-header-nav-link .vroof-icon{color:#5b6d62;font-size:18px}.vr-header-nav-link span{white-space:nowrap}.vr-icon-btn{border:1px solid var(--vroof-border);color:#4c5f53;background:#f4f8f4;border-radius:14px;width:42px;height:42px}.vr-header-create-btn{background:var(--vroof-green);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 22px #5eb36d47}.vr-user-pill{border:1px solid var(--vroof-border);color:#2c3e31;background:#f7faf7;gap:10px;padding:6px 10px 6px 6px;font-weight:600}.vr-user-pill img,.avatar{border:2px solid #fff;box-shadow:0 4px 10px #2e5a3914}body.vr-page-home .vr-layout{grid-template-columns:280px minmax(0,820px) 340px;align-items:start;gap:24px;max-width:1540px;padding:22px 24px 28px}body.vr-page-home .vr-left-col,body.vr-page-home .vr-right-col{align-self:start;height:calc(100vh - 112px);padding-bottom:20px;position:sticky;top:94px;overflow:auto}body.vr-page-home .vr-feed-col{min-width:0;height:auto;padding-right:0;overflow:visible}.vr-side-profile-card{border:1px solid var(--vroof-border);box-shadow:var(--vroof-shadow);background:#fff;border-radius:20px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.vr-side-profile-card img{object-fit:cover;border-radius:16px;width:46px;height:46px}.vr-side-profile-card strong{color:#263629;font-size:15px;font-weight:700;display:block}.vr-side-profile-card small{color:var(--vroof-muted);margin-top:2px;font-size:12px;display:block}.vr-side-menu{border:1px solid var(--vroof-border);box-shadow:var(--vroof-shadow);background:#fff;border-radius:24px;padding:12px}.vr-side-menu a{color:#35483a;border-radius:16px;gap:14px;padding:11px 12px;font-size:14px;font-weight:500}.vr-side-menu a .vroof-icon{color:#57a56a;background:#f0f8f1;border:1px solid #dff0e3;border-radius:14px;flex:0 0 40px;width:40px;height:40px;padding:9px;font-size:20px}.vr-side-menu a:hover,.vr-side-menu a.active{background:var(--vroof-green-soft)}.vr-side-menu a.active{color:#24372a}.vr-side-menu a span{font-weight:500}.vr-side-unread{color:#397e48;background:#dff4e4;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:11px;display:grid}.vroof-sidebar-promo,.vroof-sidebar-footer{display:none}.vr-composer-shell-p2563{margin-bottom:16px}.vr-global-composer-p2563{border:1px solid var(--vroof-border)!important;box-shadow:var(--vroof-shadow)!important;background:#fff!important;border-radius:24px!important;padding:18px!important}.vr-global-composer-entry-p2563{align-items:center;gap:14px;display:flex}.vr-global-composer-avatar-p2563{object-fit:cover;border:2px solid #fff;box-shadow:0 4px 10px #2e5a3914;border-radius:16px!important;width:46px!important;height:46px!important}.vr-global-composer-trigger-p2563{text-align:left;flex:1;height:50px;border:1px solid var(--vroof-border)!important;color:#6a7c70!important;background:#f7faf7!important;border-radius:999px!important;padding:0 18px!important;font-size:15px!important;font-weight:500!important}.vr-global-composer-actions-p2563{border-top:1px solid var(--vroof-border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.vr-global-composer-actions-p2563 button{color:#46604b;background:#f6faf6;border:1px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:500;display:inline-flex}.vr-global-composer-actions-p2563 button .vroof-icon{color:#5ba56e;font-size:18px}.vr-composer-inline-submit-pv2{box-shadow:0 10px 22px #5eb36d40;background:var(--vroof-green)!important;color:#fff!important;margin-left:auto!important;padding:11px 20px!important;font-weight:700!important}.vr-story-row.vr-story-row-p2565{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid;overflow:visible}.vr-story-create-card-p2565,.vr-story-card-p2565,.vr-story-empty-card-p2565{border:1px solid var(--vroof-border);min-width:0;height:210px;box-shadow:var(--vroof-shadow);background:#fff;border-radius:24px;position:relative;overflow:hidden}.vr-story-create-card-p2565{background:linear-gradient(#e8f7ec 0,#fff 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0;display:flex}.vr-story-create-media-p2565{width:100%;height:138px;display:block;overflow:hidden}.vr-story-create-media-p2565 img{object-fit:cover;width:100%;height:100%}.vr-story-create-plus-p2565{background:var(--vroof-green);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:24px;display:grid;position:absolute;bottom:48px;left:18px}.vr-story-create-card-p2565 strong,.vr-story-create-card-p2565 small{z-index:2;padding-left:18px;position:relative}.vr-story-create-card-p2565 strong{padding-bottom:2px;font-size:15px}.vr-story-create-card-p2565 small{color:#6b7d71;padding-bottom:16px;font-size:12px}.vr-story-card-p2565 img,.vr-story-card-p2565 video{object-fit:cover;width:100%;height:100%}.vr-story-card-p2565:after{content:"";background:linear-gradient(#0c140e0d 20%,#0c140e85 100%);position:absolute;inset:0}.vr-story-avatar-p2565{z-index:2;background:#fff;border-radius:50%;width:40px;height:40px;padding:3px;position:absolute;top:14px;left:14px}.vr-story-avatar-p2565 img{object-fit:cover;border-radius:50%;width:100%;height:100%}.vr-story-card-p2565 strong,.vr-story-card-p2565 small{z-index:2;color:#fff;position:absolute;left:14px;right:14px}.vr-story-card-p2565 strong{font-size:15px;bottom:30px}.vr-story-card-p2565 small{color:#ffffffd9;font-size:12px;bottom:14px}.feed-toolbar{border:1px solid var(--vroof-border);box-shadow:var(--vroof-shadow);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 18px;display:flex}.feed-toolbar strong{font-size:18px}.feed-toolbar span{color:var(--vroof-muted);font-size:13px}.post-card{border:1px solid var(--vroof-border)!important;box-shadow:var(--vroof-shadow)!important;background:#fff!important;border-radius:24px!important;margin-bottom:18px!important;padding:18px!important}.post-head .avatar{border-radius:15px;width:46px;height:46px}.post-head strong{color:#223329;font-size:15px}.post-head .muted{color:var(--vroof-muted);font-size:12px}.post-body{color:#2e4032;padding:14px 0 16px;font-size:15px;line-height:1.65}.post-media-grid{border-radius:20px;gap:8px;overflow:hidden}.post-media-grid.count-3,.post-media-grid.count-4{grid-template-columns:1.3fr 1fr}.post-media-grid.count-3 img:first-child,.post-media-grid.count-4 img:first-child,.post-media-grid.count-3 video:first-child,.post-media-grid.count-4 video:first-child{grid-row:span 2;min-height:370px}.reaction-summary{color:#7c8b80;border-bottom:1px solid var(--vroof-border);padding:12px 0;font-size:13px}.post-actions.post-actions-pv2{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:12px;display:grid}.post-actions.post-actions-pv2>*,.post-actions.post-actions-pv2 form{flex:none;min-width:0}.post-actions.post-actions-pv2 button,.post-actions.post-actions-pv2 a,.vr-reaction-picker-pv2 summary{border:1px solid var(--vroof-border);color:#46604b;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:14px;font-weight:600;list-style:none;display:flex;background:#f7faf7!important}.vr-reaction-picker-pv2 summary::-webkit-details-marker{display:none}.post-actions.post-actions-pv2 button.active,.vr-reaction-picker-pv2[open] summary,.vr-reaction-picker-pv2 summary.active{background:var(--vroof-green-soft)!important;color:#2b6e3d!important}.comments{padding-top:10px}.comment-bubble,.comment div{border:1px solid var(--vroof-border);background:#f6faf7!important}.comment-form input{border-color:var(--vroof-border);background:#fff}.comment-form button{background:var(--vroof-green);color:#fff;border-radius:999px;height:42px;padding:0 18px}.vr-right-col .side-card{border:1px solid var(--vroof-border);box-shadow:var(--vroof-shadow);background:#fff;border-radius:22px;margin-bottom:16px;padding:18px}.section-head{margin-bottom:4px}.section-head h3{color:#24352a;margin:0;font-size:17px}.section-head a{color:#6aa879;font-size:12px;font-weight:600}.vr-trend-list-pv2{gap:10px;margin-top:12px;display:grid}.vr-trend-list-pv2 a{border-top:1px solid var(--vroof-border);grid-template-columns:28px 1fr;gap:10px;padding:10px 0;display:grid}.vr-trend-list-pv2 a:first-child{border-top:0;padding-top:6px}.vr-trend-list-pv2 span{color:#57a56a;background:#f0f8f1;border-radius:10px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.vr-trend-list-pv2 strong{font-size:14px;display:block}.vr-trend-list-pv2 small{color:var(--vroof-muted);font-size:12px}.vr-group-mini-pv2,.vr-event-mini-pv2{border-top:1px solid var(--vroof-border);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.vr-group-mini-pv2:first-of-type,.vr-event-mini-pv2:first-of-type{border-top:0}.vr-group-mini-pv2>span,.vr-event-mini-pv2 time{color:#57a56a;text-align:center;background:#f0f8f1;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.vr-event-mini-pv2 time strong{font-size:16px;line-height:1}.vr-event-mini-pv2 time span{color:#5b6d62;font-size:11px}.vr-group-mini-pv2 p,.vr-event-mini-pv2 p{color:var(--vroof-muted);margin:4px 0 0;font-size:12px;line-height:1.5}.vr-group-mini-pv2 a{border:1px solid var(--vroof-border);color:#3f8f56;background:#f7faf7;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:700}.vr-empty-soft-pv2{color:var(--vroof-muted);background:#f7faf7;border-radius:16px;margin-top:10px;padding:14px;font-size:13px;line-height:1.6}.vr-home-chat-card-p2564{display:none!important}.vr-home-feed-pager-v245,.vr-home-feed-end-v245{border-color:var(--vroof-border)!important;box-shadow:var(--vroof-shadow)!important;border-radius:20px!important}@media (width<=1400px){body.vr-page-home .vr-layout{grid-template-columns:260px minmax(0,1fr) 320px}.vr-search{min-width:260px}.vr-header-nav-link{padding:0 10px;font-size:13px}}@media (width<=1180px){.vr-header.vroof-header{grid-template-columns:1fr auto;row-gap:12px;height:auto;padding:14px 18px}.vr-header-center-home-v1{display:none}body.vr-page-home .vr-layout{grid-template-columns:minmax(0,1fr) 320px}body.vr-page-home .vr-left-col{display:none}body.vr-page-home .vr-right-col{display:block;position:sticky}.vr-story-row.vr-story-row-p2565{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=860px){body.vr-page-home .vr-layout{grid-template-columns:1fr;padding:16px 12px 90px}body.vr-page-home .vr-right-col,.vr-search,.vr-user-pill span,.vr-user-pill .vroof-icon,.vr-logout-form{display:none}.vr-story-row.vr-story-row-p2565{gap:12px;padding-bottom:4px;display:flex;overflow:auto}.vr-story-create-card-p2565,.vr-story-card-p2565,.vr-story-empty-card-p2565{min-width:138px;height:200px}.post-actions.post-actions-pv2{grid-template-columns:repeat(2,minmax(0,1fr))}}.vr-header.vroof-header{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #e7efe8;grid-template-columns:minmax(340px,1fr) auto minmax(210px,1fr);align-items:center;gap:18px;min-height:96px;padding:14px 26px;display:grid;position:sticky;top:0;box-shadow:0 6px 24px #2c54390d}.vr-header-left{align-items:center;gap:18px;min-width:0;display:flex}.vr-logo-home-v1{flex:none;align-items:center;gap:12px;text-decoration:none;display:flex}.vr-logo-home-v1 .vr-logo-mark{background:linear-gradient(#eff8ef,#e3f2e5);border:1px solid #d7ead9;border-radius:18px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 20px #72bb802e}.vr-logo-home-v1 .vr-logo-mark .vroof-icon{color:#2f9f4a;width:28px;height:28px;font-size:28px}.vr-logo-home-v1 .vr-logo-word{letter-spacing:-.04em;color:#16883b;font-size:38px;font-weight:800;line-height:1}.vr-search{background:#fff;border:1px solid #dfe9df;border-radius:24px;align-items:center;gap:12px;width:min(470px,100%);height:54px;padding:0 18px;display:flex;box-shadow:0 4px 16px #3e6b4b0d}.vr-search .vroof-icon{color:#7a8d7f;width:22px;height:22px;font-size:22px}.vr-search input{color:#314336;background:0 0;border:0;font-size:15px}.vr-search input::placeholder{color:#8d9b90}.vr-header-center-home-v2{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.vr-header-nav-link{color:#33463a;white-space:nowrap;background:0 0;border-radius:18px;align-items:center;gap:10px;height:66px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:flex;position:relative}.vr-header-nav-link .vroof-icon{color:#54665a;width:22px;height:22px;font-size:22px}.vr-header-nav-link:hover{color:#1f6f38;background:#f4faf4}.vr-header-nav-link.active{color:#1d8f3f;background:0 0}.vr-header-nav-link.active .vroof-icon{color:#1d8f3f}.vr-header-nav-link.active:after{content:"";background:#2aaa4a;border-radius:999px;height:3px;position:absolute;bottom:-14px;left:18px;right:18px}.vr-header-nav-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.vr-header-nav-badge{color:#fff;background:#2ca24b;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-style:normal;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-9px}.vr-header-right-home-v2{justify-content:flex-end;align-items:center;gap:14px;display:flex}.vr-header-create-btn-home-v2{background:linear-gradient(#24a542,#15943a);border-radius:18px;width:54px;height:54px;box-shadow:0 10px 24px #34a64e42}.vr-header-create-btn-home-v2 .vroof-icon{color:#fff;width:24px;height:24px;font-size:24px}.vr-user-pill-home-v2{color:#27372c;background:#fff;border:1px solid #dfe8df;border-radius:28px;align-items:center;gap:12px;height:58px;padding:0 16px 0 10px;text-decoration:none;display:flex;box-shadow:0 4px 16px #3f67460d}.vr-user-pill-home-v2 img{object-fit:cover;border-radius:50%;width:42px;height:42px}.vr-user-pill-home-v2 span{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:120px;font-size:16px;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.vr-user-pill-home-v2 .vroof-icon{color:#617467;width:18px;height:18px;font-size:18px}.vr-header-right-home-v2 .vr-icon-btn,.vr-header-right-home-v2 .vr-header-dropdown-wrap-p2564,.vr-header-right-home-v2 .vr-logout-form{display:none!important}@media (width<=1540px){.vr-header.vroof-header{grid-template-columns:minmax(310px,1fr) auto minmax(190px,1fr);gap:12px;padding:14px 20px}.vr-logo-home-v1 .vr-logo-word{font-size:34px}.vr-search{width:min(400px,100%)}.vr-header-nav-link{padding:0 14px;font-size:14px}}@media (width<=1380px){.vr-header.vroof-header{grid-template-columns:minmax(280px,1fr) auto 180px}.vr-search{width:min(320px,100%)}.vr-header-nav-link{padding:0 11px;font-size:14px}.vr-header-nav-link span:last-child{text-overflow:ellipsis;max-width:92px;overflow:hidden}}@media (width<=1220px){.vr-header-center-home-v2{display:none}}.vr-header.vroof-header{background:#fffffff5!important;border-bottom:1px solid #e5efe6!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;height:74px!important;min-height:74px!important;max-height:74px!important;padding:0 28px!important;display:flex!important;overflow:visible!important;box-shadow:0 8px 28px #2a54350f!important}.vr-header .vr-header-left{flex:0 560px!important;align-items:center!important;gap:20px!important;min-width:360px!important;display:flex!important}.vr-header .vr-logo,.vr-header .vr-logo-home-v1{flex:none!important;align-items:center!important;gap:10px!important;line-height:1!important;display:flex!important}.vr-header .vr-logo-mark{width:44px!important;height:44px!important;box-shadow:none!important;background:#eef9f0!important;border:1px solid #d9efdd!important;border-radius:16px!important;place-items:center!important;display:grid!important}.vr-header .vr-logo-mark .vroof-icon{color:#2e9c4a!important;width:24px!important;height:24px!important}.vr-header .vr-logo-word{letter-spacing:-.04em!important;color:#15833a!important;font-size:34px!important;font-weight:800!important;line-height:1!important}.vr-header .vr-search{background:#fff!important;border:1px solid #dfeade!important;border-radius:22px!important;flex:320px!important;width:auto!important;min-width:240px!important;max-width:420px!important;height:48px!important;padding:0 16px!important;box-shadow:0 4px 14px #335b3d0b!important}.vr-header .vr-search .vroof-icon{color:#748477!important;width:21px!important;height:21px!important}.vr-header .vr-search input{color:#37483d!important;height:46px!important;font-size:15px!important;font-weight:400!important}.vr-header .vr-header-center,.vr-header .vr-header-center-home-v1,.vr-header .vr-header-center-home-v2{background:0 0!important;flex:auto!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-width:0!important;height:74px!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.vr-header .vr-header-center>a,.vr-header .vr-header-center-home-v1>a,.vr-header .vr-header-center-home-v2>a,.vr-header .vr-header-center .vr-header-nav-link{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;color:#314438!important;text-align:center!important;white-space:nowrap!important;background:0 0!important;border-radius:0!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-width:96px!important;max-width:120px!important;height:74px!important;padding:0 8px!important;font-size:14px!important;font-weight:600!important;line-height:1.1!important;text-decoration:none!important;display:flex!important;position:relative!important;overflow:hidden!important}.vr-header .vr-header-center>a:hover,.vr-header .vr-header-center-home-v1>a:hover,.vr-header .vr-header-center-home-v2>a:hover{color:#1f8f45!important;background:0 0!important}.vr-header .vr-header-center>a.active,.vr-header .vr-header-center-home-v1>a.active,.vr-header .vr-header-center-home-v2>a.active{color:#16883a!important}.vr-header .vr-header-center>a.active:after,.vr-header .vr-header-center-home-v1>a.active:after,.vr-header .vr-header-center-home-v2>a.active:after{content:""!important;background:#38b461!important;border-radius:999px!important;height:3px!important;position:absolute!important;bottom:0!important;left:18px!important;right:18px!important}.vr-header .vr-header-center>a .vroof-icon,.vr-header .vr-header-center-home-v1>a .vroof-icon,.vr-header .vr-header-center-home-v2>a .vroof-icon{color:currentColor!important;stroke-width:1.9px!important;flex:0 0 21px!important;width:21px!important;min-width:21px!important;max-width:21px!important;height:21px!important;min-height:21px!important;max-height:21px!important;font-size:21px!important}.vr-header .vr-header-center>a span,.vr-header .vr-header-center-home-v1>a span,.vr-header .vr-header-center-home-v2>a span{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:78px!important;color:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.1!important;display:inline-block!important;overflow:hidden!important}.vr-header .vr-header-nav-icon-wrap{flex:0 0 21px!important;justify-content:center!important;align-items:center!important;width:21px!important;height:21px!important;display:inline-flex!important;position:relative!important}.vr-header .vr-header-nav-icon-wrap span,.vr-header .vr-header-nav-badge,.vr-header .vr-header-badge-p2564{box-sizing:border-box!important}.vr-header .vr-header-nav-badge,.vr-header .vr-header-badge-p2564{color:#fff!important;background:#2ea84d!important;border:2px solid #fff!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;font-size:10px!important;font-style:normal!important;font-weight:800!important;line-height:1!important;display:flex!important;position:absolute!important;top:-10px!important;right:-11px!important}.vr-header .vr-header-right,.vr-header .vr-header-right-home-v2{flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;min-width:220px!important;height:74px!important;display:flex!important}.vr-header .vr-header-create-btn,.vr-header .vr-header-create-btn-home-v2{color:#fff!important;background:#16953d!important;border-radius:50%!important;place-items:center!important;width:46px!important;min-width:46px!important;height:46px!important;display:grid!important;box-shadow:0 8px 18px #16953d40!important}.vr-header .vr-header-create-btn .vroof-icon,.vr-header .vr-header-create-btn-home-v2 .vroof-icon{color:#fff!important;width:23px!important;height:23px!important}.vr-header .vr-icon-btn{color:#425746!important;background:#f4faf4!important;border:1px solid #e2eee3!important;border-radius:16px!important;width:46px!important;height:46px!important}.vr-header .vr-icon-btn .vroof-icon{width:22px!important;height:22px!important}.vr-header .vr-user-pill,.vr-header .vr-user-pill-home-v2{color:#2f4135!important;background:#fff!important;border:1px solid #dfeade!important;border-radius:999px!important;align-items:center!important;gap:10px!important;min-width:0!important;max-width:190px!important;height:50px!important;padding:5px 12px 5px 6px!important;display:flex!important;box-shadow:0 4px 14px #335b3d0d!important}.vr-header .vr-user-pill img,.vr-header .vr-user-pill-home-v2 img{object-fit:cover!important;border-radius:50%!important;flex:0 0 40px!important;width:40px!important;height:40px!important}.vr-header .vr-user-pill span,.vr-header .vr-user-pill-home-v2 span{-webkit-line-clamp:2!important;white-space:normal!important;-webkit-box-orient:vertical!important;max-width:90px!important;font-size:15px!important;font-weight:700!important;line-height:1.05!important;display:-webkit-box!important;overflow:hidden!important}.vr-header .vr-user-pill .vroof-icon,.vr-header .vr-user-pill-home-v2 .vroof-icon{flex:0 0 16px!important;width:16px!important;height:16px!important}@media (width<=1540px){.vr-header.vroof-header{gap:12px!important;padding:0 18px!important}.vr-header .vr-header-left{flex-basis:520px!important;gap:14px!important;min-width:330px!important}.vr-header .vr-logo-word{font-size:32px!important}.vr-header .vr-logo-mark{width:42px!important;height:42px!important}.vr-header .vr-search{max-width:360px!important}.vr-header .vr-header-center>a,.vr-header .vr-header-center-home-v1>a,.vr-header .vr-header-center-home-v2>a{gap:0!important;min-width:54px!important;max-width:54px!important;padding:0!important}.vr-header .vr-header-center>a span:not(.vr-header-nav-icon-wrap),.vr-header .vr-header-center-home-v1>a span:not(.vr-header-nav-icon-wrap),.vr-header .vr-header-center-home-v2>a span:not(.vr-header-nav-icon-wrap){display:none!important}.vr-header .vr-header-center>a.active:after,.vr-header .vr-header-center-home-v1>a.active:after,.vr-header .vr-header-center-home-v2>a.active:after{left:14px!important;right:14px!important}}@media (width<=1180px){.vr-header.vroof-header{height:68px!important;min-height:68px!important;max-height:68px!important}.vr-header .vr-header-center,.vr-header .vr-header-center-home-v1,.vr-header .vr-header-center-home-v2{display:none!important}.vr-header .vr-header-left{flex:auto!important}}

/* Vroof Header V1.4 start */
.vr-header.vroof-header.vr-header-v14{
  display:grid !important;
  grid-template-columns:minmax(420px,560px) minmax(520px,1fr) auto !important;
  align-items:center !important;
  gap:20px !important;
  height:84px !important;
  min-height:84px !important;
  padding:0 28px !important;
  background:#ffffff !important;
  border-bottom:1px solid #e6eee8 !important;
  box-shadow:0 8px 24px rgba(40,68,47,.04) !important;
  backdrop-filter:none !important;
}
.vr-header-left-v14,.vr-header-right-v14{
  display:flex !important;
  align-items:center !important;
}
.vr-header-left-v14{
  gap:18px !important;
  min-width:0 !important;
}
.vr-logo-home-v14{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex:0 0 auto !important;
}
.vr-logo-mark-v14{
  width:56px !important;
  height:56px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(180deg,#eef9f1 0%,#e5f4e8 100%) !important;
  border:1px solid #d9ebdd !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
  overflow:hidden !important;
}
.vr-logo-mark-v14 img{
  width:36px !important;
  height:36px !important;
  object-fit:contain !important;
  display:block !important;
}
.vr-logo-home-v14 .vr-logo-word{
  margin:0 !important;
  font-size:32px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
  color:#16903f !important;
}
.vr-search.vr-search-v14{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:480px !important;
  height:54px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  background:#ffffff !important;
  border:1px solid #dce8de !important;
  border-radius:999px !important;
  box-shadow:0 2px 10px rgba(40,68,47,.035) !important;
}
.vr-search.vr-search-v14 .vroof-icon{
  width:20px !important;
  height:20px !important;
  color:#7f8f84 !important;
  flex:0 0 auto !important;
}
.vr-search.vr-search-v14 input{
  min-width:0 !important;
  width:100% !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:#304135 !important;
}
.vr-search.vr-search-v14 input::placeholder{
  color:#8a968d !important;
}
.vr-header-center-home-v14{
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  min-width:0 !important;
}
.vr-header-center-home-v14 .vr-header-nav-link{
  height:84px !important;
  padding:0 4px 0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#334438 !important;
  font-size:15px !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  position:relative !important;
}
.vr-header-center-home-v14 .vr-header-nav-link:hover{
  background:transparent !important;
  color:#1c9848 !important;
}
.vr-header-center-home-v14 .vr-header-nav-link .vroof-icon{
  width:22px !important;
  height:22px !important;
  color:#58695d !important;
  flex:0 0 auto !important;
}
.vr-header-center-home-v14 .vr-header-nav-link.active{
  color:#16903f !important;
}
.vr-header-center-home-v14 .vr-header-nav-link.active .vroof-icon{
  color:#16903f !important;
}
.vr-header-center-home-v14 .vr-header-nav-link.active::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  margin:auto !important;
  width:100% !important;
  height:3px !important;
  border-radius:999px !important;
  background:#38b85f !important;
}
.vr-header-nav-icon-wrap-v14{
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
}
.vr-header-nav-badge-v14{
  position:absolute !important;
  top:-8px !important;
  right:-10px !important;
  min-width:18px !important;
  height:18px !important;
  padding:0 5px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:#25a847 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:700 !important;
  box-shadow:0 2px 8px rgba(37,168,71,.25) !important;
}
.vr-header-right-v14{
  justify-self:end !important;
  gap:16px !important;
}
.vr-header-create-btn.vr-header-create-btn-v14{
  width:54px !important;
  height:54px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#1ca443 !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(28,164,67,.24) !important;
}
.vr-header-create-btn.vr-header-create-btn-v14 .vroof-icon{
  width:24px !important;
  height:24px !important;
  color:#fff !important;
}
.vr-user-pill.vr-user-pill-v14{
  min-height:54px !important;
  padding:5px 12px 5px 6px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  background:#fff !important;
  border:1px solid #dce8de !important;
  border-radius:999px !important;
  box-shadow:0 2px 10px rgba(40,68,47,.035) !important;
}
.vr-user-pill.vr-user-pill-v14 img{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  display:block !important;
  border:2px solid #fff !important;
  box-shadow:0 3px 10px rgba(44,74,52,.08) !important;
}
.vr-user-pill.vr-user-pill-v14 .vroof-icon{
  width:18px !important;
  height:18px !important;
  color:#5a6b5f !important;
}
.vr-user-pill.vr-user-pill-v14 span{
  display:none !important;
}
.vr-header-right-v14 .vr-icon-btn,
.vr-header-right-v14 .vr-header-dropdown-wrap-p2564,
.vr-header-right-v14 .vr-logout-form{
  display:none !important;
}
@media (max-width: 1380px){
  .vr-header.vroof-header.vr-header-v14{
    grid-template-columns:minmax(360px,500px) minmax(460px,1fr) auto !important;
    gap:16px !important;
    padding:0 20px !important;
  }
  .vr-header-center-home-v14{
    gap:14px !important;
  }
  .vr-header-center-home-v14 .vr-header-nav-link{
    gap:8px !important;
    font-size:14px !important;
  }
  .vr-header-center-home-v14 .vr-header-nav-link .vroof-icon{
    width:20px !important;
    height:20px !important;
  }
}
@media (max-width: 1180px){
  .vr-header.vroof-header.vr-header-v14{
    grid-template-columns:1fr auto !important;
    height:auto !important;
    min-height:78px !important;
    padding:12px 18px !important;
  }
  .vr-header-center-home-v14{
    display:none !important;
  }
}
/* Vroof Header V1.4 end */

/* Vroof Header V1.5 force fix start */
/* Final header override: luôn hiển thị icon + chữ trên desktop, đúng thứ tự, không icon-only. */

@media (min-width: 1000px){
  .vr-header.vroof-header,
  .vr-header.vroof-header.vr-header-v14{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    height:82px !important;
    min-height:82px !important;
    max-height:82px !important;
    padding:0 28px !important;
    gap:22px !important;
    background:#fff !important;
    border-bottom:1px solid #e6eee8 !important;
    box-shadow:0 8px 24px rgba(40,68,47,.04) !important;
    overflow:visible !important;
  }

  .vr-header.vroof-header .vr-header-left,
  .vr-header.vroof-header .vr-header-left-v14{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
  }

  .vr-header.vroof-header .vr-logo,
  .vr-header.vroof-header .vr-logo-home-v1,
  .vr-header.vroof-header .vr-logo-home-v14{
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    gap:12px !important;
    text-decoration:none !important;
  }

  .vr-header.vroof-header .vr-logo-mark,
  .vr-header.vroof-header .vr-logo-mark-v14{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    background:#eef9f0 !important;
    border:1px solid #d8ecdc !important;
    overflow:hidden !important;
  }

  .vr-header.vroof-header .vr-logo-mark img,
  .vr-header.vroof-header .vr-logo-mark-v14 img{
    width:38px !important;
    height:38px !important;
    object-fit:contain !important;
    display:block !important;
  }

  .vr-header.vroof-header .vr-logo-word{
    display:inline-block !important;
    font-size:34px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.04em !important;
    color:#12863a !important;
    white-space:nowrap !important;
  }

  .vr-header.vroof-header .vr-search,
  .vr-header.vroof-header .vr-search-v14{
    flex:0 0 430px !important;
    width:430px !important;
    min-width:430px !important;
    max-width:430px !important;
    height:52px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    border:1px solid #dce8de !important;
    background:#fff !important;
    box-shadow:0 2px 10px rgba(40,68,47,.035) !important;
  }

  .vr-header.vroof-header .vr-search .vroof-icon{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    color:#7a8b80 !important;
  }

  .vr-header.vroof-header .vr-search input{
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    font-size:15px !important;
    font-weight:500 !important;
    color:#304135 !important;
  }

  .vr-header.vroof-header .vr-search input::placeholder{
    color:#8b978f !important;
  }

  .vr-header.vroof-header .vr-header-center,
  .vr-header.vroof-header .vr-header-center-home-v1,
  .vr-header.vroof-header .vr-header-center-home-v2,
  .vr-header.vroof-header .vr-header-center-home-v14{
    flex:1 1 auto !important;
    min-width:620px !important;
    max-width:none !important;
    height:82px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:22px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
    background:transparent !important;
  }

  .vr-header.vroof-header .vr-header-center > a,
  .vr-header.vroof-header .vr-header-center-home-v1 > a,
  .vr-header.vroof-header .vr-header-center-home-v2 > a,
  .vr-header.vroof-header .vr-header-center-home-v14 > a,
  .vr-header.vroof-header .vr-header-nav-link{
    all:unset !important;
    box-sizing:border-box !important;
    cursor:pointer !important;
    position:relative !important;
    height:82px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:row !important;
    gap:9px !important;
    padding:0 2px !important;
    color:#314438 !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    min-width:auto !important;
    max-width:none !important;
    width:auto !important;
    overflow:visible !important;
  }

  .vr-header.vroof-header .vr-header-center > a .vroof-icon,
  .vr-header.vroof-header .vr-header-center-home-v1 > a .vroof-icon,
  .vr-header.vroof-header .vr-header-center-home-v2 > a .vroof-icon,
  .vr-header.vroof-header .vr-header-center-home-v14 > a .vroof-icon,
  .vr-header.vroof-header .vr-header-nav-link .vroof-icon{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    flex:0 0 22px !important;
    font-size:22px !important;
    color:#526458 !important;
    stroke-width:1.9 !important;
  }

  .vr-header.vroof-header .vr-header-center > a span,
  .vr-header.vroof-header .vr-header-center-home-v1 > a span,
  .vr-header.vroof-header .vr-header-center-home-v2 > a span,
  .vr-header.vroof-header .vr-header-center-home-v14 > a span,
  .vr-header.vroof-header .vr-header-nav-link span{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:600 !important;
    color:inherit !important;
  }

  .vr-header.vroof-header .vr-header-center > a:hover,
  .vr-header.vroof-header .vr-header-center-home-v14 > a:hover{
    color:#168f3f !important;
  }

  .vr-header.vroof-header .vr-header-center > a.active,
  .vr-header.vroof-header .vr-header-center-home-v1 > a.active,
  .vr-header.vroof-header .vr-header-center-home-v2 > a.active,
  .vr-header.vroof-header .vr-header-center-home-v14 > a.active,
  .vr-header.vroof-header .vr-header-nav-link.active{
    color:#168f3f !important;
  }

  .vr-header.vroof-header .vr-header-center > a.active .vroof-icon,
  .vr-header.vroof-header .vr-header-center-home-v1 > a.active .vroof-icon,
  .vr-header.vroof-header .vr-header-center-home-v2 > a.active .vroof-icon,
  .vr-header.vroof-header .vr-header-center-home-v14 > a.active .vroof-icon,
  .vr-header.vroof-header .vr-header-nav-link.active .vroof-icon{
    color:#168f3f !important;
  }

  .vr-header.vroof-header .vr-header-center > a.active::after,
  .vr-header.vroof-header .vr-header-center-home-v1 > a.active::after,
  .vr-header.vroof-header .vr-header-center-home-v2 > a.active::after,
  .vr-header.vroof-header .vr-header-center-home-v14 > a.active::after,
  .vr-header.vroof-header .vr-header-nav-link.active::after{
    content:'' !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:3px !important;
    border-radius:999px !important;
    background:#37b760 !important;
  }

  .vr-header.vroof-header .vr-header-nav-icon-wrap-v14,
  .vr-header.vroof-header .vr-header-nav-icon-wrap{
    position:relative !important;
    display:inline-grid !important;
    place-items:center !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    overflow:visible !important;
  }

  .vr-header.vroof-header .vr-header-nav-icon-wrap-v14 .vroof-icon,
  .vr-header.vroof-header .vr-header-nav-icon-wrap .vroof-icon{
    position:static !important;
  }

  .vr-header.vroof-header .vr-header-nav-badge-v14,
  .vr-header.vroof-header .vr-header-nav-badge,
  .vr-header.vroof-header .vr-header-badge-p2564{
    position:absolute !important;
    top:-9px !important;
    right:-10px !important;
    min-width:18px !important;
    height:18px !important;
    padding:0 5px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    background:#25a847 !important;
    color:#fff !important;
    border:2px solid #fff !important;
    box-shadow:0 2px 8px rgba(37,168,71,.22) !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }

  .vr-header.vroof-header .vr-header-right,
  .vr-header.vroof-header .vr-header-right-v14{
    flex:0 0 auto !important;
    min-width:auto !important;
    height:82px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    overflow:visible !important;
  }

  .vr-header.vroof-header .vr-header-create-btn,
  .vr-header.vroof-header .vr-header-create-btn-v14{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    background:#1ca443 !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(28,164,67,.25) !important;
  }

  .vr-header.vroof-header .vr-header-create-btn .vroof-icon,
  .vr-header.vroof-header .vr-header-create-btn-v14 .vroof-icon{
    width:24px !important;
    height:24px !important;
    color:#fff !important;
  }

  .vr-header.vroof-header .vr-user-pill,
  .vr-header.vroof-header .vr-user-pill-v14{
    width:auto !important;
    min-width:auto !important;
    max-width:none !important;
    height:54px !important;
    min-height:54px !important;
    padding:5px 12px 5px 6px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid #dce8de !important;
    box-shadow:0 2px 10px rgba(40,68,47,.035) !important;
  }

  .vr-header.vroof-header .vr-user-pill img,
  .vr-header.vroof-header .vr-user-pill-v14 img{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    border:2px solid #fff !important;
    box-shadow:0 3px 10px rgba(44,74,52,.08) !important;
  }

  .vr-header.vroof-header .vr-user-pill > span,
  .vr-header.vroof-header .vr-user-pill-v14 > span{
    display:none !important;
  }

  .vr-header.vroof-header .vr-user-pill .vroof-icon,
  .vr-header.vroof-header .vr-user-pill-v14 .vroof-icon{
    display:block !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    color:#5a6b5f !important;
  }

  .vr-header.vroof-header .vr-header-right .vr-icon-btn,
  .vr-header.vroof-header .vr-header-right .vr-header-dropdown-wrap-p2564,
  .vr-header.vroof-header .vr-header-right .vr-logout-form,
  .vr-header.vroof-header .vr-header-right-v14 .vr-icon-btn,
  .vr-header.vroof-header .vr-header-right-v14 .vr-header-dropdown-wrap-p2564,
  .vr-header.vroof-header .vr-header-right-v14 .vr-logout-form{
    display:none !important;
  }
}

@media (min-width:1000px) and (max-width:1500px){
  .vr-header.vroof-header,
  .vr-header.vroof-header.vr-header-v14{
    padding:0 18px !important;
    gap:16px !important;
  }

  .vr-header.vroof-header .vr-search,
  .vr-header.vroof-header .vr-search-v14{
    flex-basis:330px !important;
    width:330px !important;
    min-width:330px !important;
    max-width:330px !important;
  }

  .vr-header.vroof-header .vr-header-center,
  .vr-header.vroof-header .vr-header-center-home-v14{
    min-width:570px !important;
    gap:15px !important;
  }

  .vr-header.vroof-header .vr-header-center > a,
  .vr-header.vroof-header .vr-header-center-home-v14 > a,
  .vr-header.vroof-header .vr-header-nav-link{
    font-size:14px !important;
    gap:7px !important;
  }

  .vr-header.vroof-header .vr-header-center > a span,
  .vr-header.vroof-header .vr-header-center-home-v14 > a span{
    font-size:14px !important;
  }

  .vr-header.vroof-header .vr-logo-word{
    font-size:31px !important;
  }
}

@media (max-width:999px){
  .vr-header.vroof-header .vr-header-center,
  .vr-header.vroof-header .vr-header-center-home-v14{
    display:none !important;
  }
}
/* Vroof Header V1.5 force fix end */
/* Vroof Header Logo V1.6 start */
/* Mục tiêu: bỏ chữ Vroof, bỏ khối mềm, tăng kích thước logo hình trong header desktop */
@media (min-width: 1000px){
  .vr-header.vroof-header .vr-header-left,
  .vr-header.vroof-header .vr-header-left-v14{
    gap: 14px !important;
  }

  .vr-header.vroof-header .vr-logo,
  .vr-header.vroof-header .vr-logo-home-v1,
  .vr-header.vroof-header .vr-logo-home-v14{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    flex:0 0 auto !important;
  }

  .vr-header.vroof-header .vr-logo-word,
  .vr-header.vroof-header .vr-logo-text,
  .vr-header.vroof-header .vr-logo-home-v14 .vr-logo-word,
  .vr-header.vroof-header .vr-logo-home-v1 .vr-logo-word{
    display:none !important;
  }

  .vr-header.vroof-header .vr-logo-mark,
  .vr-header.vroof-header .vr-logo-mark-v14{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    border-radius:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    overflow:visible !important;
  }

  .vr-header.vroof-header .vr-logo-mark img,
  .vr-header.vroof-header .vr-logo-mark-v14 img{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    display:block !important;
  }
}
/* Vroof Header Logo V1.6 end */
/* Vroof Header Plus Avatar Size V1.7 start */
/* Mục tiêu: giảm nút dấu + để kích thước bằng avatar trong header desktop */
@media (min-width: 1000px){
  .vr-header.vroof-header .vr-header-create-btn {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    flex: 0 0 52px !important;
    border-radius: 999px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    box-shadow: 0 10px 18px rgba(8, 122, 40, .18) !important;
  }

  .vr-header.vroof-header .vr-header-create-btn .vroof-icon {
    width: 24px !important;
    height: 24px !important;
    stroke-width: 2.35 !important;
  }
}
/* Vroof Header Plus Avatar Size V1.7 end */

/* Vroof Header Scale V1.8 start */
/* Mục tiêu: thu nhỏ logo, nút dấu + và khối avatar còn khoảng 2/3 hiện tại trên desktop */
@media (min-width: 1000px){
  /* Cụm logo trái */
  .vr-header.vroof-header .vr-header-left {
    gap: 14px !important;
  }

  .vr-header.vroof-header .vr-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    transform: none !important;
  }

  .vr-header.vroof-header .vr-logo img,
  .vr-header.vroof-header .vr-logo svg,
  .vr-header.vroof-header .vr-logo .vr-logo-image,
  .vr-header.vroof-header .vr-logo .vr-logo-mark,
  .vr-header.vroof-header .vr-logo .vr-logo-icon {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    object-fit: contain !important;
  }

  .vr-header.vroof-header .vr-logo-word {
    font-size: 30px !important;
    line-height: 1 !important;
  }

  /* Nút + */
  .vr-header.vroof-header .vr-header-create-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    border-radius: 999px !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    box-shadow: 0 8px 16px rgba(47, 181, 111, .16) !important;
  }

  .vr-header.vroof-header .vr-header-create-btn .vroof-icon {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 2.4 !important;
  }

  /* Khối avatar phải */
  .vr-header.vroof-header .vr-user-pill {
    min-height: 44px !important;
    padding: 4px 10px !important;
    gap: 8px !important;
    border-radius: 999px !important;
  }

  .vr-header.vroof-header .vr-user-pill img,
  .vr-header.vroof-header .vr-user-pill .avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 999px !important;
  }

  .vr-header.vroof-header .vr-user-pill .vroof-icon,
  .vr-header.vroof-header .vr-user-pill svg {
    width: 16px !important;
    height: 16px !important;
  }

  .vr-header.vroof-header .vr-header-right {
    gap: 12px !important;
  }
}
/* Vroof Header Scale V1.8 end */


/* Vroof Header Compact V1.9 start */
/* Mục tiêu: làm header thấp/gọn hơn khoảng 2/3, giữ nguyên chiều dài ngang của search/header */
@media (min-width: 1000px){
  .vr-header.vroof-header,
  .vr-header.vroof-header.vr-header-v14{
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
  }

  /* Logo: bỏ cảm giác quá cao, vẫn giữ vị trí ngang */
  .vr-header.vroof-header .vr-logo img,
  .vr-header.vroof-header .vr-logo svg,
  .vr-header.vroof-header .vr-logo .vr-logo-image,
  .vr-header.vroof-header .vr-logo .vr-logo-mark,
  .vr-header.vroof-header .vr-logo .vr-logo-icon,
  .vr-header.vroof-header .vr-logo-mark-v14,
  .vr-header.vroof-header .vr-logo-mark-v14 img{
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }

  .vr-header.vroof-header .vr-logo-word{
    font-size: 26px !important;
    line-height: 1 !important;
  }

  /* Search: chỉ giảm chiều cao/độ dày, giữ chiều dài ngang như cũ */
  .vr-header.vroof-header .vr-search,
  .vr-header.vroof-header .vr-search-v14{
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 999px !important;
  }

  .vr-header.vroof-header .vr-search .vroof-icon{
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
  }

  .vr-header.vroof-header .vr-search input{
    height: 36px !important;
    font-size: 14px !important;
  }

  /* Menu giữa: giảm chiều cao theo header, giữ chữ + icon */
  .vr-header.vroof-header .vr-header-center,
  .vr-header.vroof-header .vr-header-center-home-v1,
  .vr-header.vroof-header .vr-header-center-home-v2,
  .vr-header.vroof-header .vr-header-center-home-v14{
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  .vr-header.vroof-header .vr-header-center > a,
  .vr-header.vroof-header .vr-header-center-home-v1 > a,
  .vr-header.vroof-header .vr-header-center-home-v2 > a,
  .vr-header.vroof-header .vr-header-center-home-v14 > a,
  .vr-header.vroof-header .vr-header-nav-link{
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    font-size: 14px !important;
  }

  .vr-header.vroof-header .vr-header-center > a span,
  .vr-header.vroof-header .vr-header-center-home-v1 > a span,
  .vr-header.vroof-header .vr-header-center-home-v2 > a span,
  .vr-header.vroof-header .vr-header-center-home-v14 > a span,
  .vr-header.vroof-header .vr-header-nav-link span{
    font-size: 14px !important;
  }

  .vr-header.vroof-header .vr-header-center > a .vroof-icon,
  .vr-header.vroof-header .vr-header-center-home-v1 > a .vroof-icon,
  .vr-header.vroof-header .vr-header-center-home-v2 > a .vroof-icon,
  .vr-header.vroof-header .vr-header-center-home-v14 > a .vroof-icon,
  .vr-header.vroof-header .vr-header-nav-link .vroof-icon{
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;
    flex-basis: 19px !important;
  }

  /* Cụm phải: dấu + và avatar nhỏ gọn hơn */
  .vr-header.vroof-header .vr-header-right,
  .vr-header.vroof-header .vr-header-right-v14{
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    align-items: center !important;
  }

  .vr-header.vroof-header .vr-header-create-btn,
  .vr-header.vroof-header .vr-header-create-btn-v14{
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 999px !important;
  }

  .vr-header.vroof-header .vr-header-create-btn .vroof-icon,
  .vr-header.vroof-header .vr-header-create-btn-v14 .vroof-icon{
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
  }

  .vr-header.vroof-header .vr-user-pill,
  .vr-header.vroof-header .vr-user-pill-v14{
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 3px 8px 3px 4px !important;
    gap: 7px !important;
  }

  .vr-header.vroof-header .vr-user-pill img,
  .vr-header.vroof-header .vr-user-pill-v14 img,
  .vr-header.vroof-header .vr-user-pill .avatar{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }

  .vr-header.vroof-header .vr-user-pill .vroof-icon,
  .vr-header.vroof-header .vr-user-pill-v14 .vroof-icon{
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
  }
}
/* Vroof Header Compact V1.9 end */

/* Vroof Home 3 Columns Fit Align V2.2 start */
/*
  Mục tiêu:
  - 3 cột không tràn màn hình.
  - Desktop lớn ưu tiên 290 / 840 / 290, gap 20.
  - Nếu màn/zoom không đủ rộng, tự co nhẹ 2 cột phụ trước để không bị cắt.
  - 3 cột bắt đầu cùng cao độ, sát header hơn.
  - Không khóa scroll cột giữa.
*/
@media (min-width: 1181px){
  html,
  body,
  body.vr-page-home{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.vr-page-home .vr-layout{
    --vr-home-left: 290px;
    --vr-home-mid: 840px;
    --vr-home-right: 290px;
    --vr-home-gap: 20px;

    width: min(1460px, calc(100vw - 48px)) !important;
    max-width: min(1460px, calc(100vw - 48px)) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 10px 0 42px !important;
    display: grid !important;
    grid-template-columns:
      minmax(240px, var(--vr-home-left))
      minmax(0, var(--vr-home-mid))
      minmax(240px, var(--vr-home-right)) !important;
    column-gap: var(--vr-home-gap) !important;
    row-gap: 0 !important;
    align-items: start !important;
    justify-items: stretch !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: calc(100vh - 58px) !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
  }

  body.vr-page-home .vr-left-col,
  body.vr-page-home .vr-feed-col,
  body.vr-page-home .vr-right-col{
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: stretch !important;
    margin: 0 !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  body.vr-page-home .vr-left-col{ grid-column: 1 !important; }
  body.vr-page-home .vr-feed-col{ grid-column: 2 !important; }
  body.vr-page-home .vr-right-col{ grid-column: 3 !important; }

  /* Bỏ mọi khóa chiều cao/scroll riêng ở feed. Feed phải cuộn theo trang. */
  body.vr-page-home .vr-feed-col{
    height: auto !important;
    min-height: 100vh !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    padding: 0 !important;
  }

  /*
    Căn 3 cột cùng cao độ:
    tạm bỏ sticky ở desktop vì sticky top cũ làm cột trái/phải thấp hơn cột giữa.
    Sau khi layout đúng, nếu cần cố định menu trái sẽ làm patch riêng.
  */
  body.vr-page-home .vr-left-col,
  body.vr-page-home .vr-right-col{
    position: static !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    padding-bottom: 18px !important;
  }

  body.vr-page-home .vr-left-col > *:first-child,
  body.vr-page-home .vr-feed-col > *:first-child,
  body.vr-page-home .vr-right-col > *:first-child,
  body.vr-page-home .vroof-sidebar > *:first-child,
  body.vr-page-home .vr-composer-shell-p2563,
  body.vr-page-home .vr-global-composer-p2563,
  body.vr-page-home .vr-right-col > .side-card:first-child{
    margin-top: 0 !important;
  }

  body.vr-page-home .vroof-sidebar,
  body.vr-page-home .vr-feed-col,
  body.vr-page-home .vr-right-col{
    padding-top: 0 !important;
  }

  body.vr-page-home .vr-left-col > *,
  body.vr-page-home .vr-feed-col > *,
  body.vr-page-home .vr-right-col > *,
  body.vr-page-home .vr-feed-col .card,
  body.vr-page-home .vr-right-col .side-card,
  body.vr-page-home .post-card,
  body.vr-page-home .feed-toolbar,
  body.vr-page-home .vr-story-row,
  body.vr-page-home .vr-story-row-p2565{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.vr-page-home .vr-right-col .side-card{
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow: hidden !important;
  }

  body.vr-page-home .vr-trend-list-pv2 a{
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    min-width: 0 !important;
  }

  body.vr-page-home .vr-trend-list-pv2 a > strong{
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.vr-page-home .vr-trend-list-pv2 a > small{
    white-space: nowrap !important;
    text-align: right !important;
  }
}

/* Nếu viewport/zoom không đủ cho 1460px, tự giảm cột phụ để tránh tràn. */
@media (min-width: 1181px) and (max-width: 1508px){
  body.vr-page-home .vr-layout{
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    grid-template-columns:
      minmax(220px, 260px)
      minmax(0, 1fr)
      minmax(220px, 260px) !important;
    column-gap: 18px !important;
  }
}

/* Màn trung bình: 2 cột để không tràn. */
@media (min-width: 901px) and (max-width: 1180px){
  body.vr-page-home .vr-layout{
    width: calc(100vw - 32px) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 10px 0 38px !important;
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    align-items: start !important;
  }

  body.vr-page-home .vr-left-col,
  body.vr-page-home .vr-feed-col{
    position: static !important;
    top: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.vr-page-home .vr-right-col{
    display: none !important;
  }
}

/* Mobile/tablet nhỏ: 1 cột. */
@media (max-width: 900px){
  html,
  body,
  body.vr-page-home{
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.vr-page-home .vr-layout{
    width: 100% !important;
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 10px 12px 90px !important;
  }

  body.vr-page-home .vr-feed-col{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.vr-page-home .vr-left-col,
  body.vr-page-home .vr-right-col{
    display: none !important;
  }
}
/* Vroof Home 3 Columns Fit Align V2.2 end */


/* Vroof Home Independent Scroll V4.0 start */
/*
  V4.0 làm đúng cấu trúc:
  - Giữ layout/tỷ lệ V2.2.
  - Không ép trực tiếp post-card.
  - Tạo wrapper scroll riêng trong từng cột:
    .vr-left-scroll-v40, .vr-feed-scroll-v40, .vr-right-scroll-v40
  - Body/page không cuộn ở desktop; 3 wrapper tự cuộn riêng.
*/
@media (min-width: 1181px){
  html.vr-home-scroll,
  html.vr-home-scroll body{
    height:100% !important;
    min-height:100% !important;
    overflow:hidden !important;
  }

  html.vr-home-scroll body.vr-page-home{
    height:100vh !important;
    min-height:100vh !important;
    overflow:hidden !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-layout,
  html.vr-home-scroll body.vr-page-home .vr-layout.vr-layout-p03{
    height:calc(100dvh - 64px) !important;
    min-height:0 !important;
    max-height:calc(100dvh - 64px) !important;
    overflow:hidden !important;
    align-items:stretch !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-left-col,
  html.vr-home-scroll body.vr-page-home .vr-feed-col,
  html.vr-home-scroll body.vr-page-home .vr-right-col{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    position:static !important;
    top:auto !important;
    align-self:stretch !important;
    padding-bottom:0 !important;
    box-sizing:border-box !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-col-scroll-v40{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scroll-behavior:smooth !important;
    box-sizing:border-box !important;
    padding-bottom:24px !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-col-scroll-v40 > *{
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-col-scroll-v40 > *:first-child{
    margin-top:0 !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-left-scroll-v40,
  html.vr-home-scroll body.vr-page-home .vr-right-scroll-v40{
    scrollbar-width:thin !important;
    scrollbar-color:rgba(69,136,83,.24) transparent !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-left-scroll-v40::-webkit-scrollbar,
  html.vr-home-scroll body.vr-page-home .vr-right-scroll-v40::-webkit-scrollbar{
    width:6px !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-left-scroll-v40::-webkit-scrollbar-track,
  html.vr-home-scroll body.vr-page-home .vr-right-scroll-v40::-webkit-scrollbar-track{
    background:transparent !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-left-scroll-v40::-webkit-scrollbar-thumb,
  html.vr-home-scroll body.vr-page-home .vr-right-scroll-v40::-webkit-scrollbar-thumb{
    background:rgba(69,136,83,.22) !important;
    border-radius:999px !important;
  }

  /* Feed giữa cuộn riêng nhưng ẩn thanh cuộn cho giống app MXH. */
  html.vr-home-scroll body.vr-page-home .vr-feed-scroll-v40{
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    padding-right:0 !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-feed-scroll-v40::-webkit-scrollbar{
    display:none !important;
    width:0 !important;
    height:0 !important;
  }

  /*
    An toàn cho post-card:
    Chỉ đảm bảo card nằm trong flow thường; không ép chiều cao, không ép overflow media.
  */
  html.vr-home-scroll body.vr-page-home .vr-feed-scroll-v40 .post-card{
    position:relative !important;
    float:none !important;
    clear:both !important;
    height:auto !important;
    max-height:none !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px){
  html.vr-home-scroll,
  html.vr-home-scroll body,
  html.vr-home-scroll body.vr-page-home{
    height:100% !important;
    min-height:100% !important;
    overflow:hidden !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-layout,
  html.vr-home-scroll body.vr-page-home .vr-layout.vr-layout-p03{
    height:calc(100dvh - 64px) !important;
    min-height:0 !important;
    max-height:calc(100dvh - 64px) !important;
    overflow:hidden !important;
    align-items:stretch !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-left-col,
  html.vr-home-scroll body.vr-page-home .vr-feed-col{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    position:static !important;
    top:auto !important;
    align-self:stretch !important;
    padding-bottom:0 !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-right-col{
    display:none !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-col-scroll-v40{
    height:100% !important;
    max-height:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    padding-bottom:24px !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-feed-scroll-v40{
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-feed-scroll-v40::-webkit-scrollbar{
    display:none !important;
    width:0 !important;
    height:0 !important;
  }
}

@media (max-width: 900px){
  html.vr-home-scroll,
  html.vr-home-scroll body,
  html.vr-home-scroll body.vr-page-home{
    height:auto !important;
    min-height:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  html.vr-home-scroll body.vr-page-home .vr-layout,
  html.vr-home-scroll body.vr-page-home .vr-feed-col,
  html.vr-home-scroll body.vr-page-home .vr-col-scroll-v40{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}
/* Vroof Home Independent Scroll V4.0 end */


/* Vroof Profile UI V1.0 start */
/*
  Scope an toàn:
  - Chỉ áp dụng cho body.vr-page-profile.vr-profile-ui-v1
  - Không đụng style trang chủ/home.
  - Không sửa .vr-layout, .vr-feed-col, .vr-left-col, .vr-right-col.
  - Không sửa .post-card global; nếu cần chỉ scope trong profile-feed.
*/
body.vr-page-profile.vr-profile-ui-v1{
  background:
    radial-gradient(circle at 8% 0%, rgba(43, 185, 111, .08), transparent 28%),
    linear-gradient(180deg, #f7fbf8 0%, #eef2f0 100%) !important;
  color:#142033 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-page,
body.vr-page-profile.vr-profile-ui-v1 .profile-page-p04{
  width:min(1540px, calc(100% - 56px)) !important;
  max-width:1540px !important;
  margin:14px auto 72px !important;
  padding:0 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-hero-card{
  position:relative !important;
  padding:0 !important;
  overflow:visible !important;
  border:1px solid rgba(34, 110, 70, .12) !important;
  border-radius:0 0 30px 30px !important;
  background:#fff !important;
  box-shadow:0 22px 70px rgba(15, 23, 42, .12) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-cover{
  height:430px !important;
  border-radius:0 0 10px 10px !important;
  background-size:cover !important;
  background-position:center !important;
  overflow:hidden !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-cover::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(5, 25, 16, .68) 0%, rgba(5, 25, 16, .32) 42%, rgba(5, 25, 16, .14) 100%),
    linear-gradient(180deg, rgba(5, 25, 16, .05) 0%, rgba(5, 25, 16, .70) 100%) !important;
  z-index:1 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-cover-actions{
  z-index:12 !important;
  right:30px !important;
  bottom:28px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-cover-edit{
  background:rgba(255,255,255,.92) !important;
  color:#142033 !important;
  border:1px solid rgba(255,255,255,.62) !important;
  border-radius:18px !important;
  box-shadow:0 16px 42px rgba(15,23,42,.24) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-identity-row{
  position:relative !important;
  z-index:5 !important;
  display:grid !important;
  grid-template-columns:198px minmax(0, 1fr) auto !important;
  gap:24px !important;
  align-items:end !important;
  margin-top:-165px !important;
  padding:0 46px 34px !important;
  background:transparent !important;
  border-bottom:0 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-avatar-wrap,
body.vr-page-profile.vr-profile-ui-v1 .profile-avatar-wrap{
  margin-top:0 !important;
  z-index:8 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-avatar{
  width:176px !important;
  height:176px !important;
  border-radius:50% !important;
  border:7px solid rgba(255,255,255,.96) !important;
  object-fit:cover !important;
  background:#fff !important;
  box-shadow:0 22px 55px rgba(0,0,0,.28) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-avatar-edit{
  right:10px !important;
  bottom:14px !important;
  width:44px !important;
  height:44px !important;
  border:4px solid #fff !important;
  background:#edf2f7 !important;
  box-shadow:0 12px 30px rgba(15,23,42,.22) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-title-block{
  padding-top:0 !important;
  color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.20) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-title-block h1{
  color:#fff !important;
  font-size:clamp(34px, 3vw, 48px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.2px !important;
  margin:0 0 8px !important;
  font-weight:950 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-verified{
  background:#22c55e !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(34,197,94,.40) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-bio-v1{
  color:rgba(255,255,255,.92) !important;
  font-size:16px !important;
  line-height:1.45 !important;
  max-width:720px !important;
  margin:0 0 10px !important;
  font-weight:650 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-meta-v1{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px 16px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:14px !important;
  font-weight:750 !important;
  margin:0 0 14px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-meta-v1 span{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-counts{
  display:flex !important;
  gap:0 !important;
  flex-wrap:wrap !important;
  margin-top:0 !important;
  color:rgba(255,255,255,.82) !important;
  text-shadow:none !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-counts span{
  padding:0 22px 0 0 !important;
  margin-right:22px !important;
  border-right:1px solid rgba(255,255,255,.28) !important;
  line-height:1.25 !important;
  font-size:14px !important;
  font-weight:750 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-counts span:last-child{
  border-right:0 !important;
  margin-right:0 !important;
  padding-right:0 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-counts strong{
  color:#fff !important;
  display:block !important;
  font-size:20px !important;
  font-weight:950 !important;
  margin-bottom:2px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-actions{
  align-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  margin-left:0 !important;
  padding-bottom:8px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-actions .vr-btn,
body.vr-page-profile.vr-profile-ui-v1 .vr-profile-actions .btn{
  min-height:48px !important;
  border-radius:999px !important;
  padding:13px 22px !important;
  font-size:15px !important;
  font-weight:900 !important;
  border:1px solid rgba(255,255,255,.55) !important;
  background:rgba(255,255,255,.92) !important;
  color:#142033 !important;
  box-shadow:0 16px 42px rgba(0,0,0,.20) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-actions .vr-btn.primary,
body.vr-page-profile.vr-profile-ui-v1 .vr-profile-actions .btn.primary{
  background:linear-gradient(135deg,#16a34a,#0f8f43) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.30) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-more-action{
  width:52px !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-tabs{
  position:relative !important;
  z-index:9 !important;
  display:flex !important;
  align-items:center !important;
  height:64px !important;
  margin:0 42px -32px !important;
  padding:0 18px !important;
  overflow-x:auto !important;
  gap:8px !important;
  border:1px solid rgba(34,110,70,.12) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 20px 50px rgba(15,23,42,.14) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-tabs a,
body.vr-page-profile.vr-profile-ui-v1 .vr-profile-tabs button{
  height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  border-radius:18px !important;
  padding:0 18px !important;
  color:#506153 !important;
  border:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  font-size:15px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-tabs a.active,
body.vr-page-profile.vr-profile-ui-v1 .vr-profile-tabs a:hover{
  background:#e8faef !important;
  color:#108843 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-more-btn{
  margin-left:auto !important;
  min-width:52px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-edit-panel{
  margin-top:52px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-content{
  width:min(1540px, calc(100% - 56px)) !important;
  max-width:1540px !important;
  display:grid !important;
  grid-template-columns:minmax(260px, 320px) minmax(0, 1fr) minmax(260px, 330px) !important;
  gap:20px !important;
  margin:54px auto 78px !important;
  align-items:start !important;
}

body.vr-page-profile.vr-profile-ui-v1 .profile-info-stack,
body.vr-page-profile.vr-profile-ui-v1 .vr-profile-right-v1{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  min-width:0 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .profile-info.card,
body.vr-page-profile.vr-profile-ui-v1 .vr-profile-side-panel-v1{
  border:1px solid rgba(34,110,70,.10) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
  padding:20px !important;
  overflow:hidden !important;
}

body.vr-page-profile.vr-profile-ui-v1 .profile-info h3{
  color:#18251d !important;
  font-size:24px !important;
  font-weight:950 !important;
  letter-spacing:-.3px !important;
  margin:0 0 14px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .profile-info p{
  color:#3d4c43 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .mini-photo-grid{
  gap:8px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .mini-photo-grid img{
  border-radius:15px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .profile-feed{
  min-width:0 !important;
  overflow:visible !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-composer-p2562,
body.vr-page-profile.vr-profile-ui-v1 .profile-feed > .card{
  border:1px solid rgba(34,110,70,.10) !important;
  border-radius:22px !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-composer-p2562{
  padding:18px !important;
  background:rgba(255,255,255,.97) !important;
  margin-bottom:18px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-composer-trigger-p2562{
  background:#f1f4f3 !important;
  border-radius:999px !important;
  min-height:52px !important;
  color:#607068 !important;
  font-weight:850 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-composer-actions-p2562{
  border-top:1px solid rgba(34,110,70,.10) !important;
  margin-top:14px !important;
  padding-top:14px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-composer-actions-p2562 button{
  color:#344239 !important;
  border-radius:14px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-moments-v1{
  padding:18px !important;
  margin-bottom:18px !important;
  border:1px solid rgba(34,110,70,.10) !important;
  border-radius:22px !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
  background:#fff !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-section-head-v1{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:14px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-section-head-v1 strong{
  display:block !important;
  color:#18251d !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1.15 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-section-head-v1 span{
  display:block !important;
  color:#66756d !important;
  font-size:13px !important;
  font-weight:750 !important;
  margin-top:3px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-section-head-v1 a{
  color:#159150 !important;
  white-space:nowrap !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-moment-grid-v1{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-moment-grid-v1 a{
  position:relative !important;
  display:block !important;
  height:150px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center !important;
  text-decoration:none !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-moment-grid-v1 a::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, transparent 35%, rgba(0,0,0,.58) 100%) !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-moment-grid-v1 span{
  position:absolute !important;
  left:12px !important;
  bottom:10px !important;
  z-index:2 !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:13px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .profile-feed .post-card{
  border:1px solid rgba(34,110,70,.10) !important;
  border-radius:22px !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
  overflow:hidden !important;
  background:#fff !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-badges-v1{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-badges-v1 div{
  border:1px solid rgba(34,110,70,.10) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#f4fff8,#fff) !important;
  padding:14px 10px !important;
  text-align:center !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-badges-v1 b{
  display:grid !important;
  place-items:center !important;
  width:48px !important;
  height:48px !important;
  margin:0 auto 8px !important;
  border-radius:16px !important;
  background:#e4faee !important;
  font-size:24px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-badges-v1 strong{
  display:block !important;
  color:#1a281f !important;
  font-size:13px !important;
  font-weight:950 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-badges-v1 span{
  display:block !important;
  color:#6c7a72 !important;
  font-size:12px !important;
  font-weight:750 !important;
  margin-top:3px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-contribution-v1{
  display:grid !important;
  gap:10px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-contribution-v1 p{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 !important;
  padding:10px 0 !important;
  border-bottom:1px solid rgba(34,110,70,.10) !important;
  color:#43534a !important;
  font-size:14px !important;
  font-weight:750 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-contribution-v1 p:last-child{
  border-bottom:0 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-contribution-v1 strong{
  color:#13864a !important;
  font-weight:950 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-community-list-v1{
  display:grid !important;
  gap:12px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-community-list-v1 a{
  display:grid !important;
  grid-template-columns:44px minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  color:inherit !important;
  text-decoration:none !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-community-list-v1 a > span{
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
  background:#edf9f2 !important;
  font-size:22px !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-community-list-v1 strong{
  display:block !important;
  color:#1c2921 !important;
  font-size:14px !important;
  font-weight:950 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-community-list-v1 small{
  display:block !important;
  color:#718077 !important;
  font-size:12px !important;
  font-weight:750 !important;
}

body.vr-page-profile.vr-profile-ui-v1 .vr-profile-community-list-v1 em{
  color:#178e4f !important;
  background:#f0fbf4 !important;
  border:1px solid rgba(34,110,70,.12) !important;
  border-radius:999px !important;
  padding:7px 10px !important;
  font-size:12px !important;
  font-style:normal !important;
  font-weight:950 !important;
}

@media (max-width: 1320px){
  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-content{
    grid-template-columns:minmax(250px, 320px) minmax(0,1fr) !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-right-v1{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

@media (max-width: 1080px){
  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-page,
  body.vr-page-profile.vr-profile-ui-v1 .profile-page-p04,
  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-content{
    width:calc(100% - 28px) !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-cover{
    height:340px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-identity-row{
    grid-template-columns:150px minmax(0,1fr) !important;
    margin-top:-128px !important;
    padding:0 24px 26px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-avatar{
    width:136px !important;
    height:136px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-actions{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
    padding-bottom:0 !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-content{
    grid-template-columns:1fr !important;
    margin-top:48px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-right-v1{
    grid-column:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .profile-info-stack{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px){
  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-page,
  body.vr-page-profile.vr-profile-ui-v1 .profile-page-p04,
  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-content{
    width:calc(100% - 20px) !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-cover{
    height:260px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-identity-row{
    grid-template-columns:96px minmax(0,1fr) !important;
    gap:14px !important;
    margin-top:-86px !important;
    padding:0 16px 20px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-avatar{
    width:92px !important;
    height:92px !important;
    border-width:5px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-title-block h1{
    font-size:27px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-bio-v1,
  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-meta-v1{
    display:none !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-counts span{
    font-size:12px !important;
    margin-right:12px !important;
    padding-right:12px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-counts strong{
    font-size:16px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-tabs{
    margin:0 10px -26px !important;
    height:58px !important;
    border-radius:18px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-tabs a,
  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-tabs button{
    height:46px !important;
    padding:0 12px !important;
    font-size:14px !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .profile-info-stack,
  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-moment-grid-v1{
    grid-template-columns:1fr !important;
  }

  body.vr-page-profile.vr-profile-ui-v1 .vr-profile-moment-grid-v1 a{
    height:190px !important;
  }
}
/* Vroof Profile UI V1.0 end */


/* Vroof Profile Header V1.2 Minimal Overlay start */
/*
  Header riêng tối giản cho trang cá nhân theo mẫu:
  - Không có menu giữa.
  - Chỉ logo + thanh tìm kiếm bên trái, nút + + avatar bên phải.
  - Nền trong suốt/trắng mờ, nằm đè trên ảnh bìa.
  - Scope tuyệt đối cho profile, không ảnh hưởng header home.
*/
body.vr-page-profile.vr-profile-own-header-v12{
  padding-top:0 !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-header.vroof-header,
body.vr-page-profile.vr-profile-own-header-v12 > .vr-header{
  display:none !important;
}

/* Cho hero/cover bắt đầu sát trên để header nằm trên ảnh bìa */
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-page,
body.vr-page-profile.vr-profile-own-header-v12 .profile-page-p04{
  margin-top:0 !important;
}

/* Ẩn header profile v1.1 nếu còn sót */
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v1{
  display:none !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:2800 !important;
  height:76px !important;
  display:grid !important;
  grid-template-columns:auto minmax(260px, 520px) minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  padding:0 30px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.08)) !important;
  backdrop-filter:blur(10px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(120%) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-logo-v12{
  width:78px !important;
  height:76px !important;
  display:grid !important;
  place-items:center !important;
  text-decoration:none !important;
  border-radius:0 !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-logo-v12 img{
  width:62px !important;
  height:62px !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.12)) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12{
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  max-width:520px !important;
  min-width:0 !important;
  padding:0 18px !important;
  border:1px solid rgba(255,255,255,.70) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.12) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12 input{
  width:100% !important;
  min-width:0 !important;
  height:48px !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#1c2a22 !important;
  font-size:15px !important;
  font-weight:650 !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12 input::placeholder{
  color:#6f7f76 !important;
  font-weight:650 !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12 button{
  width:34px !important;
  height:34px !important;
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#46564d !important;
  font-size:20px !important;
  line-height:1 !important;
  box-shadow:none !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-spacer-v12{
  min-width:0 !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  color:#fff !important;
  background:linear-gradient(135deg,#16a34a,#087f35) !important;
  text-decoration:none !important;
  font-size:30px !important;
  font-weight:500 !important;
  line-height:1 !important;
  box-shadow:0 10px 26px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.32) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:3px 10px 3px 3px !important;
  border:1px solid rgba(255,255,255,.62) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.68) !important;
  color:#132019 !important;
  text-decoration:none !important;
  box-shadow:0 10px 26px rgba(0,0,0,.14) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 img{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  display:block !important;
  border:2px solid rgba(255,255,255,.78) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
  color:#22332a !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

@media (max-width: 860px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
    grid-template-columns:auto minmax(0, 1fr) auto !important;
    height:68px !important;
    padding:0 14px !important;
    gap:10px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-logo-v12{
    width:52px !important;
    height:68px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-logo-v12 img{
    width:44px !important;
    height:44px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12{
    height:44px !important;
    padding:0 12px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12 input{
    height:42px !important;
    font-size:14px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-spacer-v12{
    display:none !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    width:44px !important;
    height:44px !important;
    font-size:26px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    display:none !important;
  }
}
/* Vroof Profile Header V1.2 Minimal Overlay end */


/* Vroof Profile Header V1.3 Size Transparent start */
/*
  Chỉnh tiếp header riêng trang cá nhân:
  - Header trong suốt hoàn toàn.
  - Bỏ viền/bóng header.
  - Giảm logo và thanh tìm kiếm khoảng 1/2 so với bản V1.2.
  - Chỉ scope trong profile, không ảnh hưởng header home.
*/
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
  height:54px !important;
  padding:0 24px !important;
  gap:12px !important;
  grid-template-columns:auto minmax(180px, 380px) minmax(0, 1fr) auto !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-logo-v12{
  width:46px !important;
  height:54px !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-logo-v12 img{
  width:36px !important;
  height:36px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.14)) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12{
  height:34px !important;
  max-width:380px !important;
  padding:0 12px 0 15px !important;
  border:1px solid rgba(255,255,255,.70) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.62) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12 input{
  height:32px !important;
  font-size:12.5px !important;
  font-weight:650 !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12 input::placeholder{
  color:#65746b !important;
  font-weight:650 !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12 button{
  width:24px !important;
  height:24px !important;
  font-size:15px !important;
  color:#405047 !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
  gap:9px !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
  width:38px !important;
  height:38px !important;
  font-size:24px !important;
  box-shadow:0 7px 18px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.26) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
  height:38px !important;
  gap:5px !important;
  padding:2px 8px 2px 2px !important;
  background:rgba(255,255,255,.56) !important;
  border-color:rgba(255,255,255,.58) !important;
  box-shadow:0 7px 18px rgba(0,0,0,.12) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 img{
  width:34px !important;
  height:34px !important;
  border-width:2px !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
  font-size:12px !important;
}

@media (max-width: 860px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
    height:50px !important;
    grid-template-columns:40px minmax(0, 1fr) auto !important;
    padding:0 10px !important;
    gap:8px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-logo-v12{
    width:40px !important;
    height:50px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-logo-v12 img{
    width:32px !important;
    height:32px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12{
    height:32px !important;
    padding:0 10px 0 12px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12 input{
    height:30px !important;
    font-size:12px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    width:36px !important;
    height:36px !important;
    font-size:22px !important;
  }
}
/* Vroof Profile Header V1.3 Size Transparent end */


/* Vroof Profile Header V1.4 Search 2/3 start */
/*
  Chỉnh thanh tìm kiếm header profile ngắn lại còn khoảng 2/3 bản V1.3.
  Chỉ scope trong trang cá nhân, không ảnh hưởng header home.
*/
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
  grid-template-columns:auto minmax(170px, 253px) minmax(0, 1fr) auto !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12{
  max-width:253px !important;
  width:253px !important;
}

@media (max-width: 860px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
    grid-template-columns:40px minmax(0, 1fr) auto !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12{
    width:100% !important;
    max-width:100% !important;
  }
}
/* Vroof Profile Header V1.4 Search 2/3 end */


/* Vroof Profile Layout V1.5 Left Menu start */
/*
  Cấu trúc trang cá nhân 2 cột:
  - Cột trái menu cố định: 248px
  - Cột phải: toàn bộ trang cá nhân còn lại
  - Scope tuyệt đối trong profile, không ảnh hưởng trang home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15{
    padding-left:0 !important;
    overflow-x:hidden !important;
    background:#f2f5f3 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-menu-v15{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    z-index:3100 !important;
    width:248px !important;
    height:100dvh !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:10px 18px 22px !important;
    background:rgba(255,255,255,.88) !important;
    border-right:1px solid rgba(26,95,57,.10) !important;
    box-shadow:18px 0 45px rgba(15,23,42,.05) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-menu-v15::-webkit-scrollbar{
    display:none !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    min-height:96px !important;
    text-decoration:none !important;
    margin-bottom:4px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15 img{
    width:82px !important;
    height:82px !important;
    object-fit:contain !important;
    display:block !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15{
    display:grid !important;
    gap:8px !important;
    width:100% !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a{
    min-height:58px !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    align-items:center !important;
    gap:14px !important;
    padding:7px 10px !important;
    border-radius:18px !important;
    color:#1e2c24 !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.15 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a:hover,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a.is-active{
    background:#e8faef !important;
    color:#108843 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a span{
    width:46px !important;
    height:46px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(34,185,111,.18) !important;
    border-radius:15px !important;
    background:#f0fbf4 !important;
    color:#159150 !important;
    font-size:20px !important;
    line-height:1 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a b{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* Header riêng nằm trong cột phải, không phủ lên menu trái */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-header-v12{
    left:248px !important;
    right:0 !important;
    width:auto !important;
    grid-template-columns:minmax(170px,253px) minmax(0,1fr) auto !important;
    padding-left:24px !important;
    padding-right:28px !important;
  }

  /* Logo đã nằm trong menu trái nên header trên ảnh bìa không cần logo nữa */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-header-logo-v12{
    display:none !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-header-search-v12{
    width:253px !important;
    max-width:253px !important;
  }

  /* Cột phải là toàn bộ profile */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-page,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-page-p04{
    width:calc(100vw - 248px) !important;
    max-width:none !important;
    margin-left:248px !important;
    margin-right:0 !important;
    margin-top:0 !important;
    padding:0 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    width:100% !important;
    max-width:none !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 0 30px 30px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    width:100% !important;
    border-radius:0 0 10px 10px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs{
    width:calc(100% - 84px) !important;
    max-width:none !important;
    margin-left:42px !important;
    margin-right:42px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-edit-panel{
    width:calc(100vw - 248px - 56px) !important;
    max-width:none !important;
    margin-left:calc(248px + 28px) !important;
    margin-right:28px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    width:calc(100vw - 248px - 56px) !important;
    max-width:none !important;
    margin-left:calc(248px + 28px) !important;
    margin-right:28px !important;
    grid-template-columns:minmax(250px,320px) minmax(0,1fr) minmax(250px,330px) !important;
    gap:20px !important;
  }
}

@media (min-width: 1101px) and (max-width: 1440px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    grid-template-columns:minmax(230px,300px) minmax(0,1fr) !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-right-v1{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-menu-v15{
    display:none !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-header-v12{
    left:0 !important;
    right:0 !important;
    width:auto !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-header-logo-v12{
    display:grid !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-page,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-page-p04{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    width:calc(100% - 28px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
/* Vroof Profile Layout V1.5 Left Menu end */


/* Vroof Profile Layout V1.6 Menu 200 start */
/*
  Chỉnh tỷ lệ profile:
  - Menu trái: 200px
  - Trang cá nhân bên phải: phần còn lại
  - Chỉ scope trong profile, không ảnh hưởng trang home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-menu-v15{
    width:200px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15{
    min-height:86px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15 img{
    width:72px !important;
    height:72px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a{
    min-height:54px !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
    padding:6px 8px !important;
    border-radius:16px !important;
    font-size:15px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a span{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:18px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-header-v12{
    left:200px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-page,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-page-p04{
    width:calc(100vw - 200px) !important;
    margin-left:200px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-edit-panel{
    width:calc(100vw - 200px - 56px) !important;
    margin-left:calc(200px + 28px) !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    width:calc(100vw - 200px - 56px) !important;
    margin-left:calc(200px + 28px) !important;
  }
}
/* Vroof Profile Layout V1.6 Menu 200 end */


/* Vroof Profile Left Menu Text V1.7 start */
/*
  Chỉnh chữ menu trái trang cá nhân:
  - Nhỏ hơn
  - Mỏng hơn
  - Không in đậm
  - Tương tự ảnh mẫu
  - Scope riêng profile, không ảnh hưởng home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a{
    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    color:#26352c !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a b{
    font-weight:600 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a:hover,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a.is-active{
    color:#15834f !important;
    font-weight:650 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a:hover b,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a.is-active b{
    font-weight:650 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a span{
    font-size:17px !important;
  }
}
/* Vroof Profile Left Menu Text V1.7 end */


/* Vroof Profile Layout V1.8 Menu 210 start */
/*
  Chỉnh tỷ lệ profile:
  - Menu trái: 210px
  - Trang cá nhân bên phải: phần còn lại
  - Chỉ scope trong profile, không ảnh hưởng trang home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-menu-v15{
    width:210px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15{
    min-height:88px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15 img{
    width:74px !important;
    height:74px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a{
    min-height:54px !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
    padding:6px 9px !important;
    border-radius:16px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a span{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-header-v12{
    left:210px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-page,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-page-p04{
    width:calc(100vw - 210px) !important;
    margin-left:210px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-edit-panel{
    width:calc(100vw - 210px - 56px) !important;
    margin-left:calc(210px + 28px) !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    width:calc(100vw - 210px - 56px) !important;
    margin-left:calc(210px + 28px) !important;
  }
}
/* Vroof Profile Layout V1.8 Menu 210 end */


/* Vroof Profile Layout V1.9 Menu 205 start */
/*
  Chỉnh tỷ lệ profile:
  - Menu trái: 205px
  - Trang cá nhân bên phải: phần còn lại
  - Chỉ scope trong profile, không ảnh hưởng trang home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-menu-v15{
    width:205px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15{
    min-height:87px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15 img{
    width:73px !important;
    height:73px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a{
    min-height:54px !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
    padding:6px 8px !important;
    border-radius:16px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15 a span{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-header-v12{
    left:205px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-page,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-page-p04{
    width:calc(100vw - 205px) !important;
    margin-left:205px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-edit-panel{
    width:calc(100vw - 205px - 56px) !important;
    margin-left:calc(205px + 28px) !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    width:calc(100vw - 205px - 56px) !important;
    margin-left:calc(205px + 28px) !important;
  }
}
/* Vroof Profile Layout V1.9 Menu 205 end */


/* Vroof Profile Left Logo Top V2.0 start */
/*
  Chỉnh logo trong menu trái trang cá nhân:
  - Đưa logo cao lên
  - Mép trên logo cách lề trên menu khoảng 5px
  - Chỉ scope trong profile, không ảnh hưởng trang home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-menu-v15{
    padding-top:5px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15{
    min-height:73px !important;
    height:73px !important;
    margin-top:0 !important;
    margin-bottom:8px !important;
    padding-top:0 !important;
    align-items:start !important;
    justify-items:center !important;
    place-items:start center !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15 img{
    width:73px !important;
    height:73px !important;
    margin-top:0 !important;
  }
}
/* Vroof Profile Left Logo Top V2.0 end */


/* Vroof Profile Left Menu Scroll V2.1 start */
/*
  Menu trái trang cá nhân:
  - Logo cách lề trên 5px và đứng im.
  - Dòng menu chữ bắt đầu cách logo 5px.
  - Chỉ phần danh sách menu được cuộn.
  - Scope riêng profile, không ảnh hưởng home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-menu-v15{
    padding-top:5px !important;
    overflow:hidden !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15{
    flex:0 0 auto !important;
    position:relative !important;
    z-index:2 !important;
    min-height:73px !important;
    height:73px !important;
    margin-top:0 !important;
    margin-bottom:5px !important;
    padding-top:0 !important;
    align-items:start !important;
    justify-items:center !important;
    place-items:start center !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-logo-v15 img{
    width:73px !important;
    height:73px !important;
    margin-top:0 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-top:0 !important;
    padding-bottom:18px !important;
    scrollbar-width:none !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-nav-v15::-webkit-scrollbar{
    display:none !important;
  }
}
/* Vroof Profile Left Menu Scroll V2.1 end */


/* Vroof Profile Right Header Scroll V2.2 start */
/*
  Cột phải trang cá nhân:
  - Thanh tìm kiếm và nút dấu cộng sẽ cuộn theo trang.
  - Chỉ avatar góc phải trên cùng đứng cố định.
  - Tuyệt đối không đụng selector menu trái.
  - Chỉ scope trong profile header riêng.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
    position:absolute !important;
    top:0 !important;
    bottom:auto !important;
    z-index:2800 !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    padding-right:54px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-search-v12,
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    position:relative !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    position:fixed !important;
    top:8px !important;
    right:28px !important;
    z-index:3600 !important;
    margin:0 !important;
  }
}
/* Vroof Profile Right Header Scroll V2.2 end */

/* Vroof Profile Avatar Overlay V2.3 start */
/*
  Mục tiêu:
  - Chỉ chỉnh cụm avatar góc phải trên cùng của header riêng trang cá nhân.
  - Avatar tròn.
  - Bỏ nền pill/khối bao ngoài.
  - Nền xung quanh trong suốt.
  - Mũi tên tròn nhỏ đè lên khoảng 1/2 ở góc dưới phải avatar.
  - Không ảnh hưởng menu trái, feed, header home.
*/
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
  align-items:center !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
  position:relative !important;
  display:block !important;
  width:46px !important;
  min-width:46px !important;
  max-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  padding:0 !important;
  margin:0 !important;
  gap:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  text-decoration:none !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 img{
  display:block !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  border-radius:999px !important;
  object-fit:cover !important;
  border:2px solid rgba(255,255,255,.96) !important;
  background:#ffffff !important;
  box-shadow:0 6px 18px rgba(0,0,0,.14) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
  position:absolute !important;
  right:-2px !important;
  bottom:-2px !important;
  z-index:2 !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.96) !important;
  color:#1f2937 !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.12) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:center !important;
  letter-spacing:0 !important;
  text-indent:0 !important;
}

@media (max-width: 860px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 img{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    font-size:10px !important;
    right:-1px !important;
    bottom:-1px !important;
  }
}
/* Vroof Profile Avatar Overlay V2.3 end */


/* Vroof Profile Avatar Header Right V2.4 Equal Plus start */
/*
  Mục tiêu:
  - Chỉnh avatar header phải nhỏ lại ngang bằng nút + hiện tại.
  - Giữ avatar tròn, nền ngoài trong suốt, mũi tên nhỏ overlay.
  - Không đụng menu trái.
  - Không ảnh hưởng header home, avatar feed, avatar hồ sơ lớn.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    position:fixed !important;
    top:8px !important;
    right:28px !important;
    z-index:3600 !important;
    display:block !important;
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    gap:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    text-decoration:none !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 img{
    display:block !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    border-radius:999px !important;
    object-fit:cover !important;
    border:2px solid rgba(255,255,255,.96) !important;
    background:#ffffff !important;
    box-shadow:0 6px 16px rgba(0,0,0,.14) !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
    position:absolute !important;
    right:-2px !important;
    bottom:-2px !important;
    z-index:2 !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.96) !important;
    color:#1f2937 !important;
    border:1px solid rgba(15,23,42,.12) !important;
    box-shadow:0 4px 9px rgba(0,0,0,.12) !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-align:center !important;
    letter-spacing:0 !important;
    text-indent:0 !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    border-radius:999px !important;
    object-fit:cover !important;
    border:2px solid rgba(255,255,255,.96) !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    right:-2px !important;
    bottom:-2px !important;
    font-size:10px !important;
  }
}
/* Vroof Profile Avatar Header Right V2.4 Equal Plus end */


/* Vroof Profile Avatar Right Spacing V2.5 start */
/*
  Mục tiêu:
  - Chỉ chỉnh khoảng cách cụm avatar header phải và nút +.
  - Avatar header phải cách lề phải 3px.
  - Nút + cách avatar header phải 2px.
  - Không đổi kích thước avatar.
  - Không đụng menu trái.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    right:3px !important;
  }

  /*
    Avatar đang fixed nên nút + cần được chừa khoảng bên phải:
    38px avatar + 2px khoảng cách + 3px lề phải = 43px.
    Ghi thêm 1px an toàn cho border/anti-alias = 44px.
  */
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    padding-right:44px !important;
    gap:2px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    margin-right:0 !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    right:3px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    padding-right:44px !important;
    gap:2px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    margin-right:0 !important;
  }
}
/* Vroof Profile Avatar Right Spacing V2.5 end */


/* Vroof Profile Avatar Right Spacing V2.6 Correct start */
/*
  Sửa lại đúng yêu cầu:
  - Avatar header phải cách lề phải 3px.
  - Mép phải nút + cách mép trái avatar header phải 2px.
  - Không đổi kích thước avatar/nút +.
  - Không đụng menu trái.
  - Không ảnh hưởng header home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
    padding-right:0 !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    right:3px !important;
  }

  /*
    Avatar V2.4 hiện là 38px.
    Avatar cách lề phải 3px => mép trái avatar cách lề phải 41px.
    Nút + cách avatar 2px => mép phải nút + phải nằm cách lề phải 43px.
    Header padding-right đã đưa về 0, nên actions padding-right = 43px.
  */
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    padding-right:43px !important;
    gap:2px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    margin-right:0 !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
    padding-right:0 !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    right:3px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    padding-right:43px !important;
    gap:2px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    margin-right:0 !important;
  }
}
/* Vroof Profile Avatar Right Spacing V2.6 Correct end */


/* Vroof Profile Avatar Plus Exact V2.7 start */
/*
  Sửa đúng theo ảnh hiện tại:
  - Không dùng padding/gap để canh nữa vì dễ lệch theo header.
  - Neo cố định trực tiếp cả nút + và avatar header phải.
  - Mép ngoài nhìn thấy của cụm avatar, gồm cả nút mũi tên, cách lề phải 3px.
  - Nút + cách mép trái avatar 2px.
  - Không đụng menu trái.
  - Không ảnh hưởng header home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
    padding-right:0 !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    position:static !important;
    padding-right:0 !important;
    margin-right:0 !important;
    gap:0 !important;
  }

  /*
    Công thức:
    Avatar ảnh: 38px
    Nút mũi tên: 18px, nhô ra bên phải 9px để chồng 1/2 lên avatar
    Tổng bề ngang cụm avatar nhìn thấy: 38 + 9 = 47px
    Cụm avatar cách lề phải: 3px
    Nút + cách avatar: 2px
    => right của nút + = 3 + 47 + 2 = 52px
  */
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    position:fixed !important;
    top:8px !important;
    right:52px !important;
    z-index:3590 !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    position:fixed !important;
    top:8px !important;
    right:3px !important;
    z-index:3600 !important;
    display:block !important;
    width:47px !important;
    min-width:47px !important;
    max-width:47px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    gap:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    text-decoration:none !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 img{
    position:absolute !important;
    top:0 !important;
    right:9px !important;
    display:block !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    border-radius:999px !important;
    object-fit:cover !important;
    border:2px solid rgba(255,255,255,.96) !important;
    background:#ffffff !important;
    box-shadow:0 6px 16px rgba(0,0,0,.14) !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    z-index:2 !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.96) !important;
    color:#1f2937 !important;
    border:1px solid rgba(15,23,42,.12) !important;
    box-shadow:0 4px 9px rgba(0,0,0,.12) !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-align:center !important;
    letter-spacing:0 !important;
    text-indent:0 !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-v12{
    padding-right:0 !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    position:static !important;
    padding-right:0 !important;
    margin-right:0 !important;
    gap:0 !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    position:fixed !important;
    top:8px !important;
    right:52px !important;
    z-index:3590 !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
    position:fixed !important;
    top:8px !important;
    right:3px !important;
    z-index:3600 !important;
    display:block !important;
    width:47px !important;
    min-width:47px !important;
    max-width:47px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 img{
    position:absolute !important;
    top:0 !important;
    right:9px !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    border-radius:999px !important;
    object-fit:cover !important;
    border:2px solid rgba(255,255,255,.96) !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
    right:0 !important;
    bottom:0 !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    font-size:10px !important;
  }
}
/* Vroof Profile Avatar Plus Exact V2.7 end */


/* Vroof Profile Plus Avatar Gap V2.8 start */
/*
  Mục tiêu:
  - Nút + cách avatar header phải thêm 1px so với V2.7.
  - V2.7: right của nút + = 52px.
  - V2.8: right của nút + = 53px.
  - Không đổi avatar.
  - Không đổi menu trái.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    right:53px !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    right:53px !important;
  }
}
/* Vroof Profile Plus Avatar Gap V2.8 end */


/* Vroof Profile Plus Scroll Avatar Fade V2.9 start */
/*
  Mục tiêu:
  - Nút + cuộn theo trang cá nhân.
  - Chỉ avatar header phải cố định vị trí.
  - Khi trang cá nhân được cuộn xuống, avatar header phải mờ 50%.
  - Không đụng menu trái.
  - Không ảnh hưởng header home.
*/
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
  position:fixed !important;
  top:8px !important;
  right:3px !important;
  z-index:3600 !important;
  opacity:1 !important;
  transition:opacity .18s ease, filter .18s ease !important;
}

/* body class này do JS profile-only thêm khi window.scrollY > 8 */
body.vr-page-profile.vr-profile-own-header-v12.vr-profile-scrolled-v29 .vr-profile-header-user-v12{
  opacity:.5 !important;
}

/*
  Đưa nút + trở lại nằm trong header profile.
  Vì header profile đã là absolute theo V2.2, nút + sẽ cuộn theo trang.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    position:absolute !important;
    top:8px !important;
    right:53px !important;
    z-index:3590 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    width:auto !important;
    height:38px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    z-index:auto !important;
    flex:0 0 auto !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    position:absolute !important;
    top:8px !important;
    right:53px !important;
    z-index:3590 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    width:auto !important;
    height:38px !important;
  }

  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    z-index:auto !important;
    flex:0 0 auto !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 !important;
  }
}
/* Vroof Profile Plus Scroll Avatar Fade V2.9 end */


/* Vroof Profile Plus Gap V3.0 start */
/*
  Mục tiêu:
  - Nút + cách avatar header phải thêm 1px so với trạng thái hiện tại V2.9.
  - Giữ nguyên: nút + cuộn theo trang.
  - Giữ nguyên: chỉ avatar header phải cố định.
  - Giữ nguyên: avatar header phải mờ 50% khi cuộn xuống.
  - Không đụng menu trái.
  - Không ảnh hưởng header home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    right:54px !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    right:54px !important;
  }
}
/* Vroof Profile Plus Gap V3.0 end */


/* Vroof Profile Plus Gap V3.1 start */
/*
  Mục tiêu:
  - Nút + cách avatar header phải thêm 1px so với V3.0.
  - Giữ nguyên: nút + cuộn theo trang.
  - Giữ nguyên: chỉ avatar header phải cố định.
  - Giữ nguyên: avatar header phải mờ 50% khi cuộn xuống.
  - Không đụng menu trái.
  - Không ảnh hưởng header home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    right:55px !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-actions-v12{
    right:55px !important;
  }
}
/* Vroof Profile Plus Gap V3.1 end */


/* Vroof Profile Right Sample Layout V3.3 start */
/*
  Mục tiêu:
  - Căn lại tổng thể CỘT PHẢI trang cá nhân theo bố cục mẫu:
    Cover/hero trên cùng, tabs nằm trong thanh trắng bo góc, bên dưới là 3 cột nội dung.
  - Giữ nguyên toàn bộ các phần đã chốt:
    menu trái, thanh tìm kiếm, nút +, avatar header phải.
  - Không đụng selector menu trái.
  - Không đụng selector header search / create / user / actions.
  - Không ảnh hưởng trang home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15{
    background:#eef3f1 !important;
    overflow-x:hidden !important;
  }

  /*
    Cột phải bắt đầu sau menu 205px.
    Chỉ canh khung profile bên phải, không sửa menu trái.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-page,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-page-p04{
    width:calc(100vw - 205px) !important;
    max-width:none !important;
    margin-left:205px !important;
    margin-right:0 !important;
    margin-top:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  /*
    HERO / COVER
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    min-height:430px !important;
    margin:0 0 96px 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 0 34px 34px !important;
    background:#fff !important;
    box-shadow:0 22px 55px rgba(15,23,42,.08) !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    position:relative !important;
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    border-radius:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:0 !important;
    background:
      linear-gradient(90deg, rgba(0,0,0,.36) 0%, rgba(0,0,0,.20) 36%, rgba(0,0,0,.08) 70%, rgba(0,0,0,.20) 100%),
      linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.22) 58%, rgba(0,0,0,.50) 100%) !important;
  }

  /*
    Thông tin trên cover giống mẫu:
    avatar lớn bên trái, tên/thông tin bên cạnh, nút hành động bên phải.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-identity-row{
    position:absolute !important;
    left:50px !important;
    right:50px !important;
    top:64px !important;
    bottom:auto !important;
    z-index:4 !important;
    display:grid !important;
    grid-template-columns:176px minmax(0, 1fr) auto !important;
    gap:26px !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#fff !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-avatar-wrap,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-avatar-wrap{
    width:176px !important;
    height:176px !important;
    min-width:176px !important;
    padding:6px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.30) !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-avatar,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-avatar{
    display:block !important;
    width:100% !important;
    height:100% !important;
    border-radius:999px !important;
    object-fit:cover !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-avatar-edit,
  body.vr-page-profile.vr-profile-two-col-v15 .avatar-edit{
    width:38px !important;
    height:38px !important;
    right:10px !important;
    bottom:8px !important;
    border-radius:999px !important;
    border:4px solid #fff !important;
    background:#24b35c !important;
    color:#fff !important;
    box-shadow:0 8px 22px rgba(0,0,0,.20) !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block{
    min-width:0 !important;
    color:#fff !important;
    padding-top:4px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block h1,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block h1{
    margin:0 0 10px !important;
    color:#fff !important;
    font-size:42px !important;
    line-height:1.02 !important;
    font-weight:950 !important;
    letter-spacing:-1px !important;
    text-shadow:0 3px 14px rgba(0,0,0,.25) !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block > p,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block > p,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block .mutual-note,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block .mutual-note{
    color:rgba(255,255,255,.92) !important;
    font-size:15px !important;
    font-weight:800 !important;
    margin:0 0 11px !important;
    text-shadow:0 2px 10px rgba(0,0,0,.20) !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-counts,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-counts{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:0 !important;
    margin:14px 0 0 !important;
    color:rgba(255,255,255,.88) !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-counts span,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-counts span{
    min-width:112px !important;
    padding:0 22px 0 0 !important;
    margin-right:20px !important;
    border-right:1px solid rgba(255,255,255,.28) !important;
    color:rgba(255,255,255,.88) !important;
    font-size:13px !important;
    line-height:1.3 !important;
    font-weight:750 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-counts span:last-child,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-counts span:last-child{
    border-right:0 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-counts strong,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-counts strong{
    display:block !important;
    color:#fff !important;
    font-size:24px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.22) !important;
  }

  /*
    Nút hành động trong hero: chỉnh nút Kết bạn / Nhắn tin / Theo dõi / ...
    Không phải nút + header.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions{
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    margin:0 !important;
    padding:0 !important;
    min-width:max-content !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions form{
    margin:0 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-btn,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-btn{
    min-width:124px !important;
    height:48px !important;
    padding:0 22px !important;
    border-radius:999px !important;
    font-size:15px !important;
    font-weight:900 !important;
    box-shadow:0 10px 25px rgba(0,0,0,.16) !important;
    white-space:nowrap !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-btn.primary,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-btn.primary{
    background:#078a35 !important;
    border-color:rgba(255,255,255,.30) !important;
    color:#fff !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-more-action{
    min-width:58px !important;
    width:58px !important;
    padding:0 !important;
    background:rgba(0,0,0,.16) !important;
    border:1px solid rgba(255,255,255,.70) !important;
    color:#fff !important;
  }

  /*
    TABS: thanh trắng bo góc nổi ngay dưới cover, giống mẫu.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    position:absolute !important;
    left:42px !important;
    right:42px !important;
    bottom:-34px !important;
    z-index:6 !important;
    width:auto !important;
    max-width:none !important;
    height:68px !important;
    margin:0 !important;
    padding:0 22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(18,88,49,.08) !important;
    box-shadow:0 12px 30px rgba(15,23,42,.10) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs a,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs a,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs button,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs button{
    height:100% !important;
    min-width:106px !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border-radius:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#2c3b31 !important;
    font-size:14px !important;
    font-weight:850 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs a.active,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs a.active{
    color:#0a8f3d !important;
    box-shadow:inset 0 -3px 0 #148f45 !important;
  }

  /*
    CONTENT: đúng mẫu 3 cột dưới tabs.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    width:calc(100% - 84px) !important;
    max-width:none !important;
    margin:0 42px 54px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(250px, 335px) minmax(520px, 1fr) minmax(250px, 335px) !important;
    gap:22px !important;
    align-items:start !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .profile-sidebar,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-v1{
    grid-column:1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .profile-feed,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-feed-v1{
    grid-column:2 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-right-v1{
    grid-column:3 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content .card,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04 .card,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-feed .post-card{
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

@media (min-width:1101px) and (max-width:1380px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    grid-template-columns:minmax(235px, 300px) minmax(460px, 1fr) minmax(235px, 300px) !important;
    gap:18px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs a,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs a,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs button,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs button{
    min-width:88px !important;
    font-size:13px !important;
  }
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    margin-bottom:72px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    width:calc(100% - 28px) !important;
    margin:0 14px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    width:calc(100% - 28px) !important;
    margin:0 14px 42px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
}
/* Vroof Profile Right Sample Layout V3.3 end */


/* Vroof Profile Hero Identity Scale V3.4 start */
/*
  Mục tiêu:
  - Chỉ thu nhỏ avatar lớn trong hero và cụm chữ bên cạnh còn khoảng 2/3 hiện tại.
  - Giữ nguyên menu trái.
  - Giữ nguyên thanh tìm kiếm.
  - Giữ nguyên nút +.
  - Giữ nguyên avatar header phải.
  - Không ảnh hưởng header home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-identity-row{
    grid-template-columns:118px minmax(0, 1fr) auto !important;
    gap:18px !important;
    top:58px !important;
    left:50px !important;
    right:50px !important;
    align-items:center !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-avatar-wrap,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-avatar-wrap{
    width:118px !important;
    height:118px !important;
    min-width:118px !important;
    padding:4px !important;
    border-radius:999px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-avatar,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-avatar{
    width:100% !important;
    height:100% !important;
    border-radius:999px !important;
    object-fit:cover !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-avatar-edit,
  body.vr-page-profile.vr-profile-two-col-v15 .avatar-edit{
    width:26px !important;
    height:26px !important;
    right:6px !important;
    bottom:5px !important;
    border-width:3px !important;
    font-size:12px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block{
    padding-top:0 !important;
    padding-bottom:0 !important;
    max-width:560px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block h1,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block h1{
    font-size:28px !important;
    line-height:1.04 !important;
    letter-spacing:-.45px !important;
    margin:0 0 7px !important;
    gap:7px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block h1 .vr-verified,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block h1 .vr-verified{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    font-size:13px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block > p,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block > p,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block .mutual-note,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block .mutual-note{
    font-size:11px !important;
    line-height:1.35 !important;
    margin:0 0 7px !important;
    font-weight:750 !important;
  }

  /*
    Các dòng meta nằm cạnh tên: địa điểm, founder, link...
    Scope trong title block để không ảnh hưởng chỗ khác.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block p,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block div:not(.vr-profile-counts),
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block p,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block div:not(.profile-counts){
    font-size:11px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-counts,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-counts{
    margin-top:8px !important;
    gap:0 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-counts span,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-counts span{
    min-width:76px !important;
    padding-right:13px !important;
    margin-right:13px !important;
    font-size:10px !important;
    line-height:1.22 !important;
    font-weight:700 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-counts strong,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-counts strong{
    font-size:17px !important;
    line-height:1.05 !important;
    margin-bottom:2px !important;
  }
}

@media (min-width:1101px) and (max-width:1380px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-identity-row{
    grid-template-columns:108px minmax(0, 1fr) auto !important;
    gap:16px !important;
    left:36px !important;
    right:36px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-avatar-wrap,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-avatar-wrap{
    width:108px !important;
    height:108px !important;
    min-width:108px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block h1,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block h1{
    font-size:26px !important;
  }
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-avatar-wrap,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-avatar-wrap{
    width:112px !important;
    height:112px !important;
    min-width:112px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-title-block h1,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-title-block h1{
    font-size:27px !important;
  }
}
/* Vroof Profile Hero Identity Scale V3.4 end */


/* Vroof Profile Cover Height V3.5 Plus10 start */
/*
  Mục tiêu:
  - Tăng chiều cao ảnh bìa profile thêm 10px so với bố cục hiện tại.
  - Bản V3.3 đang đặt cover 300px, bản này đổi thành 310px.
  - Tăng min-height hero tương ứng để không ép tabs/nội dung.
  - Không đụng menu trái.
  - Không đụng thanh tìm kiếm.
  - Không đụng nút +.
  - Không đụng avatar header phải.
  - Không ảnh hưởng header home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    min-height:440px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    height:310px !important;
    min-height:310px !important;
    max-height:310px !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    height:310px !important;
    min-height:310px !important;
    max-height:310px !important;
  }
}
/* Vroof Profile Cover Height V3.5 Plus10 end */


/* Vroof Profile Cover Height V3.6 Plus15 start */
/*
  Mục tiêu:
  - Tăng chiều cao ảnh bìa profile thêm 15px so với trạng thái hiện tại.
  - Trạng thái gần nhất: cover 310px.
  - Bản này đặt cover = 325px.
  - Tăng min-height hero tương ứng để tabs/nội dung không bị ép.
  - Không đụng menu trái.
  - Không đụng thanh tìm kiếm.
  - Không đụng nút +.
  - Không đụng avatar header phải.
  - Không ảnh hưởng header home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    min-height:455px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    height:325px !important;
    min-height:325px !important;
    max-height:325px !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    height:325px !important;
    min-height:325px !important;
    max-height:325px !important;
  }
}
/* Vroof Profile Cover Height V3.6 Plus15 end */


/* Vroof Profile Cover Height V3.7 Plus70 start */
/*
  Mục tiêu:
  - Tăng chiều cao ảnh bìa profile thêm 70px so với trạng thái gần nhất.
  - Trạng thái gần nhất V3.6: cover 325px.
  - Bản này đặt cover = 395px.
  - Tăng min-height hero tương ứng để tabs/nội dung không bị ép.
  - Không đụng menu trái.
  - Không đụng thanh tìm kiếm.
  - Không đụng nút +.
  - Không đụng avatar header phải.
  - Không ảnh hưởng header home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    min-height:525px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    height:395px !important;
    min-height:395px !important;
    max-height:395px !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    height:395px !important;
    min-height:395px !important;
    max-height:395px !important;
  }
}
/* Vroof Profile Cover Height V3.7 Plus70 end */


/* Vroof Profile Cover Height V3.8 Plus5 start */
/*
  Mục tiêu:
  - Tăng chiều cao ảnh bìa profile thêm 5px so với trạng thái gần nhất.
  - Trạng thái gần nhất V3.7: cover 395px.
  - Bản này đặt cover = 400px.
  - Tăng min-height hero tương ứng để tabs/nội dung không bị ép.
  - Không đụng menu trái.
  - Không đụng thanh tìm kiếm.
  - Không đụng nút +.
  - Không đụng avatar header phải.
  - Không ảnh hưởng header home.
*/
@media (min-width: 1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    min-height:530px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    height:400px !important;
    min-height:400px !important;
    max-height:400px !important;
  }
}

@media (max-width: 1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-cover{
    height:400px !important;
    min-height:400px !important;
    max-height:400px !important;
  }
}
/* Vroof Profile Cover Height V3.8 Plus5 end */


/* Vroof Profile Cover Edit Icon V3.9 start */
/*
  Mục tiêu:
  - Dùng icon camera người dùng gửi thay cho nút chữ "Chỉnh sửa ảnh bìa".
  - Chỉ chỉnh nút sửa ảnh bìa trong cover profile.
  - Không đụng menu trái.
  - Không đụng thanh tìm kiếm.
  - Không đụng nút +.
  - Không đụng avatar header phải.
  - Không đụng nút camera trên avatar lớn.
  - Không ảnh hưởng header home.
*/
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions{
  z-index:60 !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit{
  width:58px !important;
  height:54px !important;
  min-width:58px !important;
  min-height:54px !important;
  max-width:58px !important;
  max-height:54px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:url('/assets/vroof/iconcamera.png') !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  box-shadow:none !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  cursor:pointer !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit::after,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit::before,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit::after{
  content:none !important;
  display:none !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit:hover,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.02) !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit:active,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit:active{
  transform:translateY(0) scale(.98) !important;
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit,
  body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit{
    width:52px !important;
    height:48px !important;
    min-width:52px !important;
    min-height:48px !important;
    max-width:52px !important;
    max-height:48px !important;
  }
}
/* Vroof Profile Cover Edit Icon V3.9 end */


/* Vroof Profile Cover Edit Icon V4.0 Small Fade start */
/*
  Tên gọi: nút chỉnh ảnh bìa.
  Mục tiêu:
  - Nút chỉnh ảnh bìa nhỏ còn khoảng 2/3 kích thước hiện tại.
  - Mờ đi 40% mặc định: opacity 60%.
  - Khi hover/đưa chuột vào: rõ 100%.
  - Chỉ chỉnh nút chỉnh ảnh bìa trong cover profile.
  - Không đụng menu trái.
  - Không đụng thanh tìm kiếm.
  - Không đụng nút +.
  - Không đụng avatar header phải.
  - Không đụng nút camera trên avatar lớn.
*/
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions{
  z-index:60 !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit{
  width:39px !important;
  height:36px !important;
  min-width:39px !important;
  min-height:36px !important;
  max-width:39px !important;
  max-height:36px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:url('/assets/vroof/iconcamera.png') !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  box-shadow:none !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  cursor:pointer !important;
  opacity:.6 !important;
  transition:opacity .16s ease, transform .16s ease, filter .16s ease !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit::after,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit::before,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit::after{
  content:none !important;
  display:none !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit:hover,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit:hover{
  opacity:1 !important;
  transform:translateY(-1px) !important;
  filter:brightness(1.02) !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit:active,
body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit:active{
  opacity:1 !important;
  transform:translateY(0) scale(.98) !important;
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit,
  body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit{
    width:35px !important;
    height:32px !important;
    min-width:35px !important;
    min-height:32px !important;
    max-width:35px !important;
    max-height:32px !important;
    opacity:.6 !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-edit:hover,
  body.vr-page-profile.vr-profile-two-col-v15 .cover-edit.vr-cover-edit:hover{
    opacity:1 !important;
  }
}
/* Vroof Profile Cover Edit Icon V4.0 Small Fade end */


/* Vroof Profile Action Icons V4.1 start */
/* Chỉ thay nút Chỉnh sửa hồ sơ và Bảng điều khiển trong cụm nút hành động ảnh bìa. */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  box-shadow:none !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:transform .16s ease, filter .16s ease !important;
}
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41{
  background-image:url('/assets/vroof/chinhsua.png') !important;
}
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41{
  background-image:url('/assets/vroof/dieukhien.png') !important;
}
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::after{
  content:none !important;
  display:none !important;
}
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.04) !important;
}
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41:active,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41:active{
  transform:translateY(0) scale(.98) !important;
}
@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
  }
}
/* Vroof Profile Action Icons V4.1 end */


/* Vroof Profile Dashboard Icon Fix V4.3 start */
/*
  Mục tiêu:
  - Sửa lỗi nút Bảng điều khiển chỉ hiện nền xanh tròn, không hiện đầy đủ icon.
  - Nguyên nhân: nền xanh cũ của button/pill còn đè lên lớp background icon.
  - Bản này ép nút Bảng điều khiển thành icon-only bằng pseudo-element ::before.
  - Chỉ tác động nút Bảng điều khiển trong cụm nút hành động trên ảnh bìa profile.
  - Không đụng menu trái, thanh tìm kiếm, nút +, avatar header phải, nút chỉnh ảnh bìa, nút Chỉnh sửa hồ sơ.
*/

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  isolation:isolate !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41 > *,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43 > *{
  opacity:0 !important;
  visibility:hidden !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  display:block !important;
  width:58px !important;
  height:58px !important;
  border-radius:999px !important;
  background:transparent url('/assets/vroof/dieukhien.png?v=43') center center / contain no-repeat !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::after{
  content:none !important;
  display:none !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41:hover::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41:hover::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43:hover::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43:hover::before{
  filter:brightness(1.04) !important;
  transform:translateY(-1px) !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41:active::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41:active::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43:active::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43:active::before{
  transform:translateY(0) scale(.98) !important;
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::before{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
  }
}
/* Vroof Profile Dashboard Icon Fix V4.3 end */


/* Vroof Profile Dashboard Icon Transparent V4.4 start */
/*
  Mục tiêu:
  - Bỏ màu nền xanh của nút Bảng điều khiển.
  - Nền nút trong suốt, chỉ còn icon dieukhien.png.
  - Chỉ tác động nút Bảng điều khiển trong cụm nút hành động trên ảnh bìa profile.
  - Không đụng menu trái, thanh tìm kiếm, nút +, avatar header phải, nút chỉnh ảnh bìa, nút Chỉnh sửa hồ sơ.
*/

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  outline:0 !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  isolation:isolate !important;
}

/* Ẩn chữ/emoji/icon cũ bên trong để nền button cũ không đè lên icon mới */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41 > *,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43 > *,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44 > *{
  opacity:0 !important;
  visibility:hidden !important;
}

/* Icon thật nằm trên pseudo-element, nền trong suốt */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  display:block !important;
  width:58px !important;
  height:58px !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:url('/assets/vroof/dieukhien.png?v=44') !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
}

/* Không cho ::after tạo nền lại */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44::after{
  content:none !important;
  display:none !important;
}

/* Hover chỉ sáng nhẹ, vẫn không có nền */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44:hover{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:brightness(1.04) !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41:hover::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41:hover::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43:hover::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43:hover::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44:hover::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44:hover::before{
  transform:translateY(-1px) !important;
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44::before{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
  }
}
/* Vroof Profile Dashboard Icon Transparent V4.4 end */


/* Vroof Profile Dashboard Icon Force Transparent V4.5 start */
/*
  Mục tiêu:
  - Sửa lỗi nút Bảng điều khiển vẫn còn nền xanh ở trạng thái bình thường.
  - Nguyên nhân: style .vr-btn.primary / inline style / trạng thái cũ vẫn còn đè nền xanh.
  - Bản này ép nền trong suốt ở mọi trạng thái: bình thường, hover, focus, active.
  - Chỉ tác động nút Bảng điều khiển trong cụm nút hành động trên ảnh bìa profile.
*/

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions a.vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions a.vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions button.vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions button.vr-profile-action-icon-dashboard-v41,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions a.vr-profile-action-icon-dashboard-v43,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions a.vr-profile-action-icon-dashboard-v43,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions button.vr-profile-action-icon-dashboard-v43,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions button.vr-profile-action-icon-dashboard-v43,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions a.vr-profile-action-icon-dashboard-v44,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions a.vr-profile-action-icon-dashboard-v44,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions button.vr-profile-action-icon-dashboard-v44,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions button.vr-profile-action-icon-dashboard-v44,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions a.vr-profile-action-icon-dashboard-v45,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions a.vr-profile-action-icon-dashboard-v45,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions button.vr-profile-action-icon-dashboard-v45,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions button.vr-profile-action-icon-dashboard-v45,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-btn.primary.vr-profile-action-icon-dashboard-v45,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-btn.primary.vr-profile-action-icon-dashboard-v45{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:999px !important;

  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;

  box-shadow:none !important;
  outline:0 !important;
  color:transparent !important;
  text-shadow:none !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  isolation:isolate !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}

/* Ép cả 4 trạng thái đều trong suốt */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45:focus,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45:focus,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45:focus-visible,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45:focus-visible,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45:active,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44:focus,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44:focus,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44:active{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Ẩn toàn bộ text/emoji cũ bên trong nút */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45 > *,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44 > *,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43 > *,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41 > *{
  opacity:0 !important;
  visibility:hidden !important;
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

/* Icon thật, không nền */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::before,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:5 !important;
  display:block !important;
  width:58px !important;
  height:58px !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:url('/assets/vroof/dieukhien.png?v=45') !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::after{
  content:none !important;
  display:none !important;
  background:transparent !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45:hover::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45:hover::before{
  filter:brightness(1.04) !important;
  transform:translateY(-1px) !important;
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45::before{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
  }
}
/* Vroof Profile Dashboard Icon Force Transparent V4.5 end */


/* Vroof Profile Action More Remove V4.6 start */
/*
  Mục tiêu:
  - Xóa/ẩn nút "..." nằm bên cạnh nút Chỉnh sửa hồ sơ và Bảng điều khiển
    trong cụm nút hành động trên ảnh bìa profile.
  - Chỉ tác động nút ba chấm trong .vr-profile-actions / .profile-actions.
  - Không đụng menu trái.
  - Không đụng thanh tìm kiếm.
  - Không đụng nút +.
  - Không đụng avatar header phải.
  - Không đụng nút chỉnh ảnh bìa.
  - Không đụng dấu ... trong thanh tabs bên dưới.
*/

/* Ẩn nút ba chấm nếu đã có class more-action cũ */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-more-action,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-more-action,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .profile-more-action,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .profile-more-action{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

/* Ẩn nút ba chấm được script đánh dấu đúng trong cụm action */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-more-remove-v46,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-more-remove-v46{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

/* Sau khi bỏ nút ..., giữ cụm nút không bị hở khoảng cách quá lớn */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions{
  gap:14px !important;
}
/* Vroof Profile Action More Remove V4.6 end */


/* Vroof Profile Action Icon Size V4.7 start */
/*
  Mục tiêu:
  - Chỉnh kích thước 2 nút icon trong cụm nút hành động trên ảnh bìa:
    + Chỉnh sửa hồ sơ
    + Bảng điều khiển
  - Desktop: 58px x 54px
  - Mobile: 52px x 48px
  - Giữ nền trong suốt cho icon Bảng điều khiển.
  - Không đụng menu trái, thanh tìm kiếm, nút +, avatar header phải, nút chỉnh ảnh bìa.
*/

/* Desktop size cho 2 nút icon */
@media (min-width:1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47{
    width:58px !important;
    height:54px !important;
    min-width:58px !important;
    min-height:54px !important;
    max-width:58px !important;
    max-height:54px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:none !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
  }

  /* Chỉnh sửa hồ sơ: icon đúng kích thước 58x54 */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47{
    background-color:transparent !important;
    background-image:url('/assets/vroof/chinhsua.png?v=47') !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
  }

  /* Bảng điều khiển: giữ nền trong suốt, icon đúng kích thước 58x54 */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    outline:0 !important;
    box-shadow:none !important;
    isolation:isolate !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:5 !important;
    display:block !important;
    width:58px !important;
    height:54px !important;
    min-width:58px !important;
    min-height:54px !important;
    max-width:58px !important;
    max-height:54px !important;
    border-radius:999px !important;
    background-color:transparent !important;
    background-image:url('/assets/vroof/dieukhien.png?v=47') !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }
}

/* Mobile size cho 2 nút icon */
@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47{
    width:52px !important;
    height:48px !important;
    min-width:52px !important;
    min-height:48px !important;
    max-width:52px !important;
    max-height:48px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:none !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:visible !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47{
    background-color:transparent !important;
    background-image:url('/assets/vroof/chinhsua.png?v=47') !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    outline:0 !important;
    box-shadow:none !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:5 !important;
    display:block !important;
    width:52px !important;
    height:48px !important;
    min-width:52px !important;
    min-height:48px !important;
    max-width:52px !important;
    max-height:48px !important;
    border-radius:999px !important;
    background-color:transparent !important;
    background-image:url('/assets/vroof/dieukhien.png?v=47') !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }
}

/* Ẩn nội dung cũ bên trong 2 nút */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47 > *,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47 > *{
  opacity:0 !important;
  visibility:hidden !important;
}

/* Không để ::after tạo nền hoặc text cũ */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47::after{
  content:none !important;
  display:none !important;
}
/* Vroof Profile Action Icon Size V4.7 end */


/* Vroof Profile Action Icons Like Cover V4.8 start */
/*
  Mục tiêu:
  - Chỉnh 2 nút icon "Chỉnh sửa hồ sơ" và "Bảng điều khiển"
    giống nút chỉnh ảnh bìa:
    + Desktop: 39px x 36px
    + Mobile: 35px x 32px
    + Mặc định mờ 40%: opacity 0.6
    + Hover: hiện rõ 100%: opacity 1
  - Giữ nền trong suốt.
  - Không đụng menu trái, thanh tìm kiếm, nút +, avatar header phải, nút chỉnh ảnh bìa.
*/

/* Desktop: giống nút chỉnh ảnh bìa */
@media (min-width:1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48{
    position:relative !important;
    width:39px !important;
    height:36px !important;
    min-width:39px !important;
    min-height:36px !important;
    max-width:39px !important;
    max-height:36px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-color:transparent !important;
    border-radius:999px !important;
    background-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    color:transparent !important;
    text-shadow:none !important;
    font-size:0 !important;
    line-height:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    opacity:.6 !important;
    transition:opacity .16s ease, transform .16s ease, filter .16s ease !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48{
    background:transparent url('/assets/vroof/chinhsua.png?v=48') center center / contain no-repeat !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    isolation:isolate !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:5 !important;
    display:block !important;
    width:39px !important;
    height:36px !important;
    min-width:39px !important;
    min-height:36px !important;
    max-width:39px !important;
    max-height:36px !important;
    border-radius:999px !important;
    background:transparent url('/assets/vroof/dieukhien.png?v=48') center center / contain no-repeat !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }
}

/* Mobile: giống nút chỉnh ảnh bìa */
@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48{
    position:relative !important;
    width:35px !important;
    height:32px !important;
    min-width:35px !important;
    min-height:32px !important;
    max-width:35px !important;
    max-height:32px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-color:transparent !important;
    border-radius:999px !important;
    background-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    color:transparent !important;
    text-shadow:none !important;
    font-size:0 !important;
    line-height:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    opacity:.6 !important;
    transition:opacity .16s ease, transform .16s ease, filter .16s ease !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48{
    background:transparent url('/assets/vroof/chinhsua.png?v=48') center center / contain no-repeat !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    isolation:isolate !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v43::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v44::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v44::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v45::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v45::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v47::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v47::before,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48::before,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:5 !important;
    display:block !important;
    width:35px !important;
    height:32px !important;
    min-width:35px !important;
    min-height:32px !important;
    max-width:35px !important;
    max-height:32px !important;
    border-radius:999px !important;
    background:transparent url('/assets/vroof/dieukhien.png?v=48') center center / contain no-repeat !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }
}

/* Hover: rõ 100%, giống nút chỉnh ảnh bìa */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v41:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v41:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v41:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v41:hover{
  opacity:1 !important;
  transform:translateY(-1px) !important;
  filter:brightness(1.02) !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48:active,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48:active{
  opacity:1 !important;
  transform:translateY(0) scale(.98) !important;
}

/* Ẩn nội dung cũ bên trong 2 nút, không để chữ/emoji/nền cũ trồi lên */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48 > *,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48 > *,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48 > *{
  opacity:0 !important;
  visibility:hidden !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48::after,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48::after{
  content:none !important;
  display:none !important;
}
/* Vroof Profile Action Icons Like Cover V4.8 end */


/* Vroof Profile Action Icons Hover 100 V4.9 start */
/*
  Mục tiêu:
  - Sửa lỗi đưa chuột vào 2 nút icon chưa hiện đủ 100%.
  - Nguyên nhân: bản trước có inline style opacity .6 nên CSS hover chưa thắng hoàn toàn.
  - Bản này ép hover/focus/active = opacity 1 bằng CSS + JS.
  - Áp dụng cho 2 nút:
    + Chỉnh sửa hồ sơ
    + Bảng điều khiển
*/

/* Trạng thái bình thường: mờ 40% */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v49,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v49,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v49,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v49{
  opacity:.6 !important;
  transition:opacity .16s ease, transform .16s ease, filter .16s ease !important;
}

/* Hover/focus/active: hiện đủ 100% */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v49:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v49:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v49:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v49:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48:focus,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48:focus,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v49:focus,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v49:focus,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48:focus,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48:focus,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v49:focus,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v49:focus,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v48:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v48:active,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-edit-v49:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-edit-v49:active,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v48:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v48:active,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v49:active,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v49:active{
  opacity:1 !important;
  filter:none !important;
}

/* Class JS khi hover: thắng cả inline style cũ */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-hover-100-v49,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-hover-100-v49{
  opacity:1 !important;
  filter:none !important;
}

/* Đảm bảo pseudo icon bảng điều khiển cũng không bị mờ riêng */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v49::before,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v49::before{
  opacity:1 !important;
  filter:none !important;
}

/* Giữ nền trong suốt của bảng điều khiển */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v49,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v49,
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions .vr-profile-action-icon-dashboard-v49:hover,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions .vr-profile-action-icon-dashboard-v49:hover{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border-color:transparent !important;
}
/* Vroof Profile Action Icons Hover 100 V4.9 end */


/* Vroof Profile Action Icons Stack Cover V5.0 start */
/*
  Mục tiêu:
  - Đưa 2 nút icon "Bảng điều khiển" và "Chỉnh sửa hồ sơ"
    lên cùng cụm với nút chỉnh ảnh bìa.
  - Thứ tự từ trên xuống:
    1. Bảng điều khiển
    2. Chỉnh sửa hồ sơ
    3. Chỉnh sửa ảnh bìa
  - Giữ kích thước/độ mờ giống nút chỉnh ảnh bìa:
    Desktop: 39px x 36px
    Mobile: 35px x 32px
    Bình thường opacity .6, hover opacity 1.
  - Không đụng menu trái, thanh tìm kiếm, nút +, avatar header phải.
*/

/* Cụm nút nằm tại vị trí hiện tại của nút chỉnh ảnh bìa, xếp dọc */
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  z-index:90 !important;
  overflow:visible !important;
}

/* Ẩn khoảng trống cũ ở cụm action sau khi move 2 nút sang cover-actions */
body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-actions,
body.vr-page-profile.vr-profile-two-col-v15 .profile-actions{
  gap:14px !important;
}

/* Desktop: 2 icon mới giống nút chỉnh ảnh bìa */
@media (min-width:1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit{
    position:relative !important;
    width:39px !important;
    height:36px !important;
    min-width:39px !important;
    min-height:36px !important;
    max-width:39px !important;
    max-height:36px !important;
    flex:0 0 36px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-color:transparent !important;
    border-radius:999px !important;
    background-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    color:transparent !important;
    text-shadow:none !important;
    font-size:0 !important;
    line-height:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    opacity:.6 !important;
    transition:opacity .16s ease, transform .16s ease, filter .16s ease !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50{
    background:transparent url('/assets/vroof/chinhsua.png?v=50') center center / contain no-repeat !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    isolation:isolate !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:5 !important;
    display:block !important;
    width:39px !important;
    height:36px !important;
    min-width:39px !important;
    min-height:36px !important;
    max-width:39px !important;
    max-height:36px !important;
    border-radius:999px !important;
    background:transparent url('/assets/vroof/dieukhien.png?v=50') center center / contain no-repeat !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }
}

/* Mobile: giống nút chỉnh ảnh bìa mobile */
@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit{
    position:relative !important;
    width:35px !important;
    height:32px !important;
    min-width:35px !important;
    min-height:32px !important;
    max-width:35px !important;
    max-height:32px !important;
    flex:0 0 32px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-color:transparent !important;
    border-radius:999px !important;
    background-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    color:transparent !important;
    text-shadow:none !important;
    font-size:0 !important;
    line-height:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    opacity:.6 !important;
    transition:opacity .16s ease, transform .16s ease, filter .16s ease !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50{
    background:transparent url('/assets/vroof/chinhsua.png?v=50') center center / contain no-repeat !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    isolation:isolate !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:5 !important;
    display:block !important;
    width:35px !important;
    height:32px !important;
    min-width:35px !important;
    min-height:32px !important;
    max-width:35px !important;
    max-height:32px !important;
    border-radius:999px !important;
    background:transparent url('/assets/vroof/dieukhien.png?v=50') center center / contain no-repeat !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }
}

/* Hover/focus: rõ 100% cho cả 3 nút */
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit:hover,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50:focus,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50:focus,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit:focus{
  opacity:1 !important;
  transform:translateY(-1px) !important;
  filter:brightness(1.02) !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50.vr-profile-action-icon-hover-100-v50,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50.vr-profile-action-icon-hover-100-v50,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit.vr-profile-action-icon-hover-100-v50{
  opacity:1 !important;
  filter:none !important;
}

/* Ẩn nội dung cũ bên trong 2 nút được move */
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50 > *,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50 > *{
  opacity:0 !important;
  visibility:hidden !important;
}

/* Không để ::after tạo nền/text cũ */
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50::after,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50::after{
  content:none !important;
  display:none !important;
}
/* Vroof Profile Action Icons Stack Cover V5.0 end */


/* Vroof Profile Action Icons Stack Align V5.1 start */
/*
  Mục tiêu:
  - Sửa cụm 3 nút icon bị lệch chéo.
  - Nguyên nhân: nút chỉnh ảnh bìa còn bị ảnh hưởng position/right/bottom cũ,
    trong khi 2 nút mới đã nằm trong flex column.
  - Bản này ép 3 nút căn giữa cùng một trục dọc.
  - Đồng thời cho nút chỉnh ảnh bìa thấp xuống thêm một chút.
  - Không đụng menu trái, thanh tìm kiếm, nút +, avatar header phải.
*/

/* Cụm icon dọc: giữ cùng một trục giữa */
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  z-index:95 !important;
  overflow:visible !important;
}

/* Ép cả 3 nút bỏ position lệch cũ, đứng cùng một trục */
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .cover-edit.vr-cover-edit{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  inset:auto !important;
  transform:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  align-self:center !important;
}

/* Thứ tự đúng từ trên xuống */
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50{
  order:1 !important;
}

body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50{
  order:2 !important;
}

/*
  Nút chỉnh ảnh bìa ở dưới cùng và thấp xuống thêm.
  Khoảng margin-top này làm nút camera tách xuống dưới, không còn cảm giác lệch.
*/
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit,
body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .cover-edit.vr-cover-edit{
  order:3 !important;
  margin-top:8px !important;
}

/* Desktop: giữ kích thước giống nút chỉnh ảnh bìa */
@media (min-width:1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .cover-edit.vr-cover-edit{
    width:39px !important;
    height:36px !important;
    min-width:39px !important;
    min-height:36px !important;
    max-width:39px !important;
    max-height:36px !important;
    flex:0 0 36px !important;
  }
}

/* Mobile: giữ kích thước giống nút chỉnh ảnh bìa */
@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-dashboard-v50,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-profile-action-icon-edit-v50,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .cover-edit.vr-cover-edit{
    width:35px !important;
    height:32px !important;
    min-width:35px !important;
    min-height:32px !important;
    max-width:35px !important;
    max-height:32px !important;
    flex:0 0 32px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .vr-cover-edit,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-cover-actions .cover-edit.vr-cover-edit{
    margin-top:7px !important;
  }
}
/* Vroof Profile Action Icons Stack Align V5.1 end */


/* Vroof Profile Identity Bottom 20 V5.4 start */
/*
  Mục tiêu:
  - Chỉ chỉnh vị trí cụm avatar lớn + tên + thông tin + thống kê.
  - Đặt cụm này cách VIỀN DƯỚI ẢNH BÌA 20px.
  - Chọn viền dưới ảnh bìa là mốc hợp lý nhất vì cụm avatar/thông tin đang nằm bên trong ảnh bìa.
  - Không lấy mốc theo tabs/menu bên dưới vì tabs là lớp nổi độc lập, không phải biên của ảnh bìa.
  - Không chỉnh chiều cao ảnh bìa.
  - Không chỉnh kích thước avatar/chữ.
  - Không đụng menu trái, thanh tìm kiếm, nút +, avatar header phải.
  - Không đụng cụm 3 icon dọc bên phải.
*/

@media (min-width:1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-identity-row{
    top:auto !important;
    bottom:20px !important;
    align-items:center !important;
  }
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-identity-row{
    top:auto !important;
    bottom:20px !important;
    align-items:center !important;
  }
}
/* Vroof Profile Identity Bottom 20 V5.4 end */


/* Vroof Profile Hero White Gap Remove V5.5 start */
/*
  Mục tiêu:
  - Xóa phần nền trắng dư thừa nằm giữa mép dưới ảnh bìa và thanh tabs.
  - Giữ nguyên kích thước ảnh bìa hiện tại.
  - Không đổi chiều cao .vr-profile-cover.
  - Không đụng menu trái, thanh tìm kiếm, nút +, avatar header phải.
  - Không đụng cụm 3 icon dọc bên phải.
  - Không đổi icon.
  - Không sửa Blade.
*/

/*
  Chỉ bỏ khoảng trắng dư của lớp hero-card.
  Hero-card sẽ ôm sát ảnh bìa; tabs vẫn nổi bên dưới.
*/
@media (min-width:1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    min-height:0 !important;
    height:auto !important;
    padding-bottom:0 !important;
    margin-bottom:78px !important;
    overflow:visible !important;
  }

  /*
    Tabs nằm sát mép dưới ảnh bìa hơn, không còn khoảng trắng lớn ở giữa.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    bottom:-34px !important;
  }

  /*
    Vì hero-card đã ôm sát ảnh bìa, bottom:20px bây giờ tính đúng từ mép dưới ảnh bìa.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-identity-row{
    top:auto !important;
    bottom:20px !important;
  }
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    min-height:0 !important;
    height:auto !important;
    padding-bottom:0 !important;
    margin-bottom:70px !important;
    overflow:visible !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    bottom:-32px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-identity-row{
    top:auto !important;
    bottom:20px !important;
  }
}
/* Vroof Profile Hero White Gap Remove V5.5 end */


/* Vroof Profile Tabs Below Cover V5.6 start */
/*
  Mục tiêu:
  - Chỉ chỉnh riêng thanh tab "Tổng quan / Nhật ký / Ảnh..."
  - Đưa thanh tab nằm ngay dưới viền dưới ảnh bìa, không đè lên ảnh bìa.
  - Không đụng avatar + thông tin + thống kê.
  - Không đụng kích thước ảnh bìa.
  - Không đụng menu trái, thanh tìm kiếm, nút +, avatar header phải.
  - Không đụng cụm 3 icon dọc bên phải.
  - Không sửa Blade.
*/

/*
  Lý do dùng bottom:-68px:
  - Thanh tab hiện cao 68px.
  - Khi bottom:-34px, tab bị kéo lên và đè vào ảnh bìa khoảng 34px.
  - Khi bottom:-68px, mép trên của tab bắt đầu đúng tại mép dưới ảnh bìa.
*/
@media (min-width:1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    bottom:-68px !important;
  }

  /*
    Chỉ tăng khoảng cách dưới hero-card để chứa tab sau khi đưa tab xuống dưới ảnh bìa.
    Không đổi chiều cao ảnh bìa.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    margin-bottom:104px !important;
  }
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    bottom:-68px !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    margin-bottom:96px !important;
  }
}
/* Vroof Profile Tabs Below Cover V5.6 end */


/* Vroof Profile Content Full Width V5.7 start */
/*
  Mục tiêu:
  - Chỉ chỉnh thanh tab profile và khu nội dung 3 cột tràn rộng hơn.
  - Desktop: mép trái cách menu trái 5px, mép phải cách viền phải màn hình 5px.
  - Không đụng menu trái.
  - Không đụng ảnh bìa.
  - Không đụng avatar + thông tin.
  - Không đụng thanh tìm kiếm, nút +, avatar header phải.
  - Không đụng cụm 3 icon dọc bên phải.
  - Không sửa Blade.
*/

@media (min-width:1101px){
  /*
    Khu profile bên phải vốn bắt đầu sau menu trái 205px.
    Vì vậy 5px ở đây là 5px tính từ mép trong của cột phải,
    tức là cách menu trái 5px và cách viền phải màn hình 5px.
  */
  body.vr-page-profile.vr-profile-two-col-v15{
    --vr-profile-edge-gap-v57:5px;
    --vr-profile-col-gap-v57:18px;
  }

  /*
    Thanh tab profile: tràn rộng gần hết cột phải.
    Không chỉnh bottom/top của tab, chỉ chỉnh trái/phải/width.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    left:var(--vr-profile-edge-gap-v57) !important;
    right:var(--vr-profile-edge-gap-v57) !important;
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  /*
    Khu nội dung 3 cột: cũng tràn rộng gần hết cột phải.
  */
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    width:calc(100% - (var(--vr-profile-edge-gap-v57) * 2)) !important;
    max-width:none !important;
    margin-left:var(--vr-profile-edge-gap-v57) !important;
    margin-right:var(--vr-profile-edge-gap-v57) !important;
    gap:var(--vr-profile-col-gap-v57) !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:minmax(260px, 335px) minmax(0, 1fr) minmax(260px, 335px) !important;
    align-items:start !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .profile-sidebar,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-v1,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-feed,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-feed-v1,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-right-v1{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

/*
  Màn hình desktop vừa:
  Giữ khoảng cách mép vẫn là 5px, nhưng giảm nhẹ độ rộng 2 cột phụ để không vỡ layout.
*/
@media (min-width:1101px) and (max-width:1380px){
  body.vr-page-profile.vr-profile-two-col-v15{
    --vr-profile-edge-gap-v57:5px;
    --vr-profile-col-gap-v57:14px;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    grid-template-columns:minmax(220px, 295px) minmax(0, 1fr) minmax(220px, 295px) !important;
  }
}

/*
  Mobile/tablet:
  Không có menu trái desktop, nên vẫn giữ lề nhỏ an toàn 5px,
  nhưng chuyển về 1 cột để không vỡ trên màn hình nhỏ.
*/
@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15{
    --vr-profile-edge-gap-v57:5px;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    left:var(--vr-profile-edge-gap-v57) !important;
    right:var(--vr-profile-edge-gap-v57) !important;
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04{
    width:calc(100% - (var(--vr-profile-edge-gap-v57) * 2)) !important;
    max-width:none !important;
    margin-left:var(--vr-profile-edge-gap-v57) !important;
    margin-right:var(--vr-profile-edge-gap-v57) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    box-sizing:border-box !important;
  }
}
/* Vroof Profile Content Full Width V5.7 end */

/* Vroof Profile Public Action Buttons V5.8 start */
/*
  Mục tiêu:
  - Chỉ chỉnh 3 nút của trang cá nhân người dùng khác: Kết bạn / Nhắn tin / Theo dõi.
  - Nền nút thấp gọn hơn.
  - Bo góc nhẹ khoảng 10% (thực tế dùng 12px để ổn định đa thiết bị).
  - Nút Theo dõi / Đang theo dõi dùng nền xanh Vroof.
  - Không đụng menu trái, header riêng, avatar header phải, thanh tìm kiếm, nút +.
  - Không đụng 2 nút icon của profile chủ tài khoản.
*/

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public{
  gap:14px !important;
  align-items:center !important;
}

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public > form,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public > a{
  margin:0 !important;
}

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-message-btn,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-follow-btn{
  height:50px !important;
  min-height:50px !important;
  padding:0 24px !important;
  border-radius:12px !important;
  line-height:1 !important;
  font-size:clamp(16px, 0.95vw, 18px) !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn{
  background:#419746 !important;
  border:1px solid #419746 !important;
  color:#ffffff !important;
}

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-message-btn{
  background:#ffffff !important;
  border:1px solid rgba(15, 23, 42, 0.14) !important;
  color:#16233b !important;
}

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-follow-btn{
  background:#21a34a !important;
  border:1px solid #21a34a !important;
  color:#ffffff !important;
}

@media (max-width: 640px){
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public{
    gap:10px !important;
  }

  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn,
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-message-btn,
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-follow-btn{
    height:44px !important;
    min-height:44px !important;
    padding:0 16px !important;
    border-radius:10px !important;
    font-size:15px !important;
  }
}
/* Vroof Profile Public Action Buttons V5.8 end */


/* Vroof Profile Public Action Buttons Smaller V5.9 start */
/*
  Mục tiêu:
  - Giảm 20% kích thước 3 nút trên trang cá nhân người dùng khác:
    + Kết bạn
    + Nhắn tin
    + Theo dõi / Đang theo dõi
  - Dựa trên kích thước V5.8:
    Desktop: cao 50px -> 40px, padding 24px -> 19px, radius 12px -> 10px
    Mobile: cao 44px -> 35px, padding 16px -> 13px, radius 10px -> 8px
  - Nút Theo dõi / Đang theo dõi vẫn nền xanh Vroof.
  - Không đụng menu trái, ảnh bìa, avatar + thông tin, thanh tìm kiếm, nút +, avatar header phải.
*/

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public{
  gap:11px !important;
  align-items:center !important;
}

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public > form,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public > a{
  margin:0 !important;
}

/* Desktop: giảm 20% so với V5.8 */
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-message-btn,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-follow-btn{
  height:40px !important;
  min-height:40px !important;
  padding:0 19px !important;
  border-radius:10px !important;
  line-height:1 !important;
  font-size:clamp(14px, 0.82vw, 15px) !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn{
  background:#419746 !important;
  border:1px solid #419746 !important;
  color:#ffffff !important;
}

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-message-btn{
  background:#ffffff !important;
  border:1px solid rgba(15, 23, 42, 0.14) !important;
  color:#16233b !important;
}

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-follow-btn{
  background:#21a34a !important;
  border:1px solid #21a34a !important;
  color:#ffffff !important;
}

/* Mobile: giảm 20% so với V5.8 */
@media (max-width: 640px){
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public{
    gap:8px !important;
  }

  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn,
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-message-btn,
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-follow-btn{
    height:35px !important;
    min-height:35px !important;
    padding:0 13px !important;
    border-radius:8px !important;
    font-size:13px !important;
  }
}
/* Vroof Profile Public Action Buttons Smaller V5.9 end */


/* Vroof Profile Message Follow Height V6.1 start */
/*
  Mục tiêu:
  - Chỉ giảm chiều cao 2 nút:
    + Nhắn tin
    + Theo dõi / Đang theo dõi
  - Giảm thêm 2px dựa trên V5.9:
    Desktop: 40px -> 38px
    Mobile: 35px -> 33px
  - Không đụng nút Kết bạn.
  - Không đụng menu trái, ảnh bìa, avatar + thông tin, thanh tìm kiếm, nút +, avatar header phải.
*/

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-message-btn,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-follow-btn{
  height:38px !important;
  min-height:38px !important;
}

@media (max-width:640px){
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-message-btn,
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-follow-btn{
    height:33px !important;
    min-height:33px !important;
  }
}
/* Vroof Profile Message Follow Height V6.1 end */


/* Vroof Profile Friend Button Same Follow V6.4 start */
/*
  Mục tiêu:
  - Chỉ chỉnh màu nút Kết bạn.
  - Trước khi di chuột và sau khi di chuột đều giống màu nút Theo dõi / Đang theo dõi.
  - Không đổi chiều cao, chiều rộng, padding, bo góc.
  - Không đụng nút Nhắn tin.
  - Không đụng nút Theo dõi / Đang theo dõi.
  - Không đụng menu trái, ảnh bìa, avatar + thông tin, thanh tìm kiếm, nút +, avatar header phải.
*/

body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn:hover,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn:focus,
body.vr-page-profile .vr-profile-actions.vr-profile-actions-public .vr-profile-connect-btn:active{
  background:#21a34a !important;
  border-color:#21a34a !important;
  color:#ffffff !important;
  box-shadow:none !important;
}
/* Vroof Profile Friend Button Same Follow V6.4 end */


/* Vroof Profile Public Actions Raise V6.7 start */
/*
  Mục tiêu:
  - Nâng cụm 3 nút public profile cao thêm 10px so với V6.6.
  - V6.6 desktop: translateY(13px) -> V6.7 desktop: translateY(3px)
  - Mobile giữ an toàn: translateY(0px)
  - Không đổi kích thước, màu, padding, bo góc của nút.
  - Không đụng từng nút riêng lẻ, chỉ chỉnh vị trí cả cụm 3 nút.
*/

@media (min-width:641px){
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public{
    align-self:end !important;
    justify-self:end !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
    transform:translateY(3px) !important;
  }
}

@media (max-width:640px){
  body.vr-page-profile .vr-profile-actions.vr-profile-actions-public{
    align-self:end !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
    transform:translateY(0px) !important;
  }
}
/* Vroof Profile Public Actions Raise V6.7 end */


/* Vroof Profile Tabs Height Reduce V6.8 start */
/*
  Mục tiêu:
  - Chỉ thu chiều cao thanh tab profile "Tổng quan / Nhật ký / Ảnh..." giảm 10px.
  - Dựa trên bản tab đang dùng khoảng 68px:
    + Thanh tab: 68px -> 58px
    + Item bên trong: 62px -> 52px
  - Đồng thời chỉnh lại vị trí bottom để tab vẫn nằm ngay dưới viền dưới ảnh bìa, không đè lên ảnh bìa.
  - Không đụng chiều rộng thanh tab.
  - Không đụng khu 3 cột.
  - Không đụng ảnh bìa, avatar + thông tin, cụm 3 nút, menu trái, thanh tìm kiếm, nút +, avatar header phải.
*/

@media (min-width:1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    height:58px !important;
    min-height:58px !important;
    bottom:-58px !important;
    align-items:center !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs a,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs button,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs a,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs button{
    height:52px !important;
    min-height:52px !important;
    align-items:center !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    margin-bottom:94px !important;
  }
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs{
    height:58px !important;
    min-height:58px !important;
    bottom:-58px !important;
    align-items:center !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs a,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-tabs button,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs a,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-tabs button{
    height:52px !important;
    min-height:52px !important;
    align-items:center !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-hero-card{
    margin-bottom:86px !important;
  }
}
/* Vroof Profile Tabs Height Reduce V6.8 end */


/* Vroof Profile 3 Column Ratio V6.9 start */
/*
  Mục tiêu:
  - Chỉ chỉnh tỷ lệ khu 3 cột trang cá nhân.
  - Cột trái: 24%
  - Cột phải: 28%
  - Cột giữa: phần còn lại
  - Khoảng cách cột: 16px
  - Không đụng thanh tab.
  - Không đụng ảnh bìa, avatar + thông tin, cụm 3 nút, menu trái, thanh tìm kiếm, nút +, avatar header phải.
*/

@media (min-width:1101px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04,
  body.vr-page-profile .vr-profile-content,
  body.vr-page-profile .profile-content-p04{
    display:grid !important;
    gap:16px !important;
    /*
      Tính theo phần còn lại sau khi trừ 2 khoảng cách cột:
      Tổng gap = 16px * 2 = 32px
      Cột trái = 24% của phần còn lại
      Cột phải = 28% của phần còn lại
      Cột giữa = phần còn lại
      Cách này tránh overflow trên màn hình khác.
    */
    grid-template-columns:
      minmax(0, calc((100% - 32px) * 0.24))
      minmax(0, 1fr)
      minmax(0, calc((100% - 32px) * 0.28)) !important;
    align-items:start !important;
  }

  body.vr-page-profile.vr-profile-two-col-v15 .profile-sidebar,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-left-v1,
  body.vr-page-profile .profile-sidebar,
  body.vr-page-profile .vr-profile-left-v1,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-feed,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-feed-v1,
  body.vr-page-profile .profile-feed,
  body.vr-page-profile .vr-profile-feed-v1,
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-right-v1,
  body.vr-page-profile .vr-profile-right-v1{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

/*
  Tablet/mobile giữ an toàn: về 1 cột, tránh vỡ giao diện.
*/
@media (max-width:1100px){
  body.vr-page-profile.vr-profile-two-col-v15 .vr-profile-content,
  body.vr-page-profile.vr-profile-two-col-v15 .profile-content-p04,
  body.vr-page-profile .vr-profile-content,
  body.vr-page-profile .profile-content-p04{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
}
/* Vroof Profile 3 Column Ratio V6.9 end */


/* Vroof Profile Force Remove Right Column V7.3 start */
/*
  Mục tiêu:
  - Xóa dứt điểm cột phải khỏi khu nội dung trang cá nhân.
  - Không chỉ ẩn nội dung, mà còn ép layout chỉ còn 2 cột.
  - Cột trái: 24%
  - Cột giữa: phần còn lại
  - Gap: 16px
  - Nếu còn phần tử cột thứ 3, JS sẽ chuyển nội dung sang cột trái rồi remove node khỏi DOM.
  - Không đụng thanh tab, ảnh bìa, avatar + thông tin, cụm 3 nút, menu trái, thanh tìm kiếm, nút +, avatar header phải.
*/

@media (min-width:1101px){
  body.vr-page-profile .vr-profile-content,
  body.vr-page-profile .profile-content,
  body.vr-page-profile .profile-content-p04,
  body.vr-page-profile .vr-profile-grid,
  body.vr-page-profile .profile-grid{
    display:grid !important;
    width:calc(100% - 10px) !important;
    max-width:none !important;
    margin-left:5px !important;
    margin-right:5px !important;
    gap:16px !important;
    grid-template-columns:minmax(260px, 24%) minmax(0, 1fr) !important;
    align-items:start !important;
    box-sizing:border-box !important;
  }

  /*
    Ẩn mọi selector có thể là cột phải.
    Dùng nhiều tên class vì source có thể thay đổi qua các patch.
  */
  body.vr-page-profile .vr-profile-right-v1,
  body.vr-page-profile .profile-right,
  body.vr-page-profile .profile-right-v1,
  body.vr-page-profile .vr-profile-right,
  body.vr-page-profile .right-profile-col,
  body.vr-page-profile .profile-content-p04 > .vr-profile-right-v1,
  body.vr-page-profile .vr-profile-content > .vr-profile-right-v1{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    flex:0 0 0 !important;
    overflow:hidden !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /*
    Nếu cột phải không có class đúng nhưng vẫn là item thứ 3 trong grid,
    ép item thứ 3 biến mất.
  */
  body.vr-page-profile .vr-profile-content > :nth-child(3),
  body.vr-page-profile .profile-content > :nth-child(3),
  body.vr-page-profile .profile-content-p04 > :nth-child(3),
  body.vr-page-profile .vr-profile-grid > :nth-child(3),
  body.vr-page-profile .profile-grid > :nth-child(3){
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    flex:0 0 0 !important;
    overflow:hidden !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.vr-page-profile .profile-sidebar,
  body.vr-page-profile .vr-profile-left-v1,
  body.vr-page-profile .profile-info-stack{
    grid-column:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .profile-feed,
  body.vr-page-profile .vr-profile-feed-v1,
  body.vr-page-profile .feed-col,
  body.vr-page-profile .profile-main-feed{
    grid-column:2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .profile-feed > *,
  body.vr-page-profile .vr-profile-feed-v1 > *,
  body.vr-page-profile .feed-col > *,
  body.vr-page-profile .profile-main-feed > *,
  body.vr-page-profile .profile-feed .card,
  body.vr-page-profile .vr-profile-feed-v1 .card,
  body.vr-page-profile .profile-feed .post-card,
  body.vr-page-profile .vr-profile-feed-v1 .post-card{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .vr-left-cards-merged-v73,
  body.vr-page-profile .vr-left-cards-merged-v71,
  body.vr-page-profile .vr-left-cards-merged-v70{
    display:grid !important;
    gap:16px !important;
    align-content:start !important;
  }

  body.vr-page-profile .vr-left-cards-merged-v73 > *,
  body.vr-page-profile .vr-left-cards-merged-v71 > *,
  body.vr-page-profile .vr-left-cards-merged-v70 > *{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:1100px){
  body.vr-page-profile .vr-profile-content,
  body.vr-page-profile .profile-content,
  body.vr-page-profile .profile-content-p04,
  body.vr-page-profile .vr-profile-grid,
  body.vr-page-profile .profile-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:calc(100% - 10px) !important;
    max-width:none !important;
    margin-left:5px !important;
    margin-right:5px !important;
    gap:16px !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .vr-profile-right-v1,
  body.vr-page-profile .profile-right,
  body.vr-page-profile .profile-right-v1,
  body.vr-page-profile .vr-profile-right,
  body.vr-page-profile .right-profile-col{
    display:none !important;
  }
}
/* Vroof Profile Force Remove Right Column V7.3 end */


/* Vroof Profile Feed Right Gap V7.4 start */
/*
  Mục tiêu:
  - Chỉnh cột giữa / khu nội dung sau khi bỏ cột phải để cách lề phải 16px.
  - Giữ cột trái như hiện tại.
  - Không khôi phục cột phải.
  - Không đụng thanh tab, ảnh bìa, avatar + thông tin, cụm 3 nút, menu trái, thanh tìm kiếm, nút +, avatar header phải.
*/

@media (min-width:1101px){
  body.vr-page-profile .vr-profile-content,
  body.vr-page-profile .profile-content,
  body.vr-page-profile .profile-content-p04,
  body.vr-page-profile .vr-profile-grid,
  body.vr-page-profile .profile-grid{
    width:calc(100% - 21px) !important; /* 5px trái + 16px phải */
    max-width:none !important;
    margin-left:5px !important;
    margin-right:16px !important;
    gap:16px !important;
    grid-template-columns:minmax(260px, 24%) minmax(0, 1fr) !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .profile-feed,
  body.vr-page-profile .vr-profile-feed-v1,
  body.vr-page-profile .feed-col,
  body.vr-page-profile .profile-main-feed{
    grid-column:2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .profile-feed > *,
  body.vr-page-profile .vr-profile-feed-v1 > *,
  body.vr-page-profile .feed-col > *,
  body.vr-page-profile .profile-main-feed > *,
  body.vr-page-profile .profile-feed .card,
  body.vr-page-profile .vr-profile-feed-v1 .card,
  body.vr-page-profile .profile-feed .post-card,
  body.vr-page-profile .vr-profile-feed-v1 .post-card{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .vr-profile-right-v1,
  body.vr-page-profile .profile-right,
  body.vr-page-profile .profile-right-v1,
  body.vr-page-profile .vr-profile-right,
  body.vr-page-profile .right-profile-col{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    overflow:hidden !important;
  }
}

@media (max-width:1100px){
  body.vr-page-profile .vr-profile-content,
  body.vr-page-profile .profile-content,
  body.vr-page-profile .profile-content-p04,
  body.vr-page-profile .vr-profile-grid,
  body.vr-page-profile .profile-grid{
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:16px !important;
    margin-right:16px !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    box-sizing:border-box !important;
  }
}
/* Vroof Profile Feed Right Gap V7.4 end */


/* Vroof Profile Left Column 38 V7.5 start */
/*
  Mục tiêu:
  - Chỉnh cột trái khu nội dung trang cá nhân thành 38%.
  - Cột giữa lấy phần còn lại.
  - Giữ khoảng cách giữa 2 cột: 16px.
  - Giữ lề phải khu nội dung: 16px.
  - Không khôi phục cột phải.
  - Không đụng thanh tab, ảnh bìa, avatar + thông tin, cụm 3 nút, menu trái, thanh tìm kiếm, nút +, avatar header phải.
*/

@media (min-width:1101px){
  body.vr-page-profile .vr-profile-content,
  body.vr-page-profile .profile-content,
  body.vr-page-profile .profile-content-p04,
  body.vr-page-profile .vr-profile-grid,
  body.vr-page-profile .profile-grid{
    display:grid !important;
    width:calc(100% - 21px) !important; /* 5px trái + 16px phải */
    max-width:none !important;
    margin-left:5px !important;
    margin-right:16px !important;
    gap:16px !important;
    grid-template-columns:minmax(300px, 38%) minmax(0, 1fr) !important;
    align-items:start !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .profile-sidebar,
  body.vr-page-profile .vr-profile-left-v1,
  body.vr-page-profile .profile-info-stack{
    grid-column:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .profile-feed,
  body.vr-page-profile .vr-profile-feed-v1,
  body.vr-page-profile .feed-col,
  body.vr-page-profile .profile-main-feed{
    grid-column:2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .profile-feed > *,
  body.vr-page-profile .vr-profile-feed-v1 > *,
  body.vr-page-profile .feed-col > *,
  body.vr-page-profile .profile-main-feed > *,
  body.vr-page-profile .profile-feed .card,
  body.vr-page-profile .vr-profile-feed-v1 .card,
  body.vr-page-profile .profile-feed .post-card,
  body.vr-page-profile .vr-profile-feed-v1 .post-card{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .vr-profile-right-v1,
  body.vr-page-profile .profile-right,
  body.vr-page-profile .profile-right-v1,
  body.vr-page-profile .vr-profile-right,
  body.vr-page-profile .right-profile-col{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    overflow:hidden !important;
  }

  body.vr-page-profile .vr-left-cards-merged-v73,
  body.vr-page-profile .vr-left-cards-merged-v71,
  body.vr-page-profile .vr-left-cards-merged-v70{
    display:grid !important;
    gap:16px !important;
    align-content:start !important;
  }

  body.vr-page-profile .vr-left-cards-merged-v73 > *,
  body.vr-page-profile .vr-left-cards-merged-v71 > *,
  body.vr-page-profile .vr-left-cards-merged-v70 > *{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

/*
  Tablet/mobile giữ 1 cột để không vỡ.
*/
@media (max-width:1100px){
  body.vr-page-profile .vr-profile-content,
  body.vr-page-profile .profile-content,
  body.vr-page-profile .profile-content-p04,
  body.vr-page-profile .vr-profile-grid,
  body.vr-page-profile .profile-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin-left:16px !important;
    margin-right:16px !important;
    gap:16px !important;
    box-sizing:border-box !important;
  }

  body.vr-page-profile .vr-profile-right-v1,
  body.vr-page-profile .profile-right,
  body.vr-page-profile .profile-right-v1,
  body.vr-page-profile .vr-profile-right,
  body.vr-page-profile .right-profile-col{
    display:none !important;
  }
}
/* Vroof Profile Left Column 38 V7.5 end */


/* Vroof Profile Avatar Arrow Down V7.8 Fix start */
/*
  Mục tiêu:
  - Chỉ chỉnh mũi tên dropdown của avatar header phải trên trang cá nhân.
  - Giữ mức ăn vào avatar theo chiều ngang như V7.7.
  - Di chuyển mũi tên thụt xuống 6px so với V7.7.
  - Không đụng nút +, menu trái, thanh tìm kiếm, tab, ảnh bìa, layout cột, hay phần khác.
*/

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12{
  overflow:visible !important;
}

/*
  V7.7 desktop: right 7px, bottom 7px.
  V7.8 Fix: giữ right 7px, giảm bottom còn 1px để mũi tên đi xuống 6px.
*/
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
  right:7px !important;
  bottom:1px !important;
}

/*
  V7.7 mobile: right 6px, bottom 6px.
  V7.8 Fix: giữ right 6px, giảm bottom còn 0px để đi xuống 6px.
*/
@media (max-width:1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-user-v12 b{
    right:6px !important;
    bottom:0px !important;
  }
}
/* Vroof Profile Avatar Arrow Down V7.8 Fix end */


/* Vroof Account Avatar Menu Compact V8.0 start */
/*
  Mục tiêu:
  - Làm menu avatar gọn hơn.
  - Giảm cỡ chữ và độ đậm.
  - Sửa icon bị thiếu/lệch bằng inline SVG + CSS căn giữa.
  - Không có mục Meta Business Suite.
*/

.vr-account-menu-v80{
  position:fixed !important;
  top:54px !important;
  right:8px !important;
  z-index:5000 !important;
  width:min(360px, calc(100vw - 18px)) !important;
  max-height:calc(100vh - 68px) !important;
  overflow-y:auto !important;
  padding:10px !important;
  border-radius:20px !important;
  background:#ffffff !important;
  color:#111827 !important;
  box-shadow:0 16px 42px rgba(15,23,42,.22) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-sizing:border-box !important;
}

.vr-account-menu-v80[hidden]{
  display:none !important;
}

.vr-account-menu-card-v80{
  padding:8px !important;
  border-radius:17px !important;
  background:#ffffff !important;
  box-shadow:0 8px 24px rgba(15,23,42,.14) !important;
  border:1px solid rgba(15,23,42,.06) !important;
  margin-bottom:12px !important;
}

.vr-account-menu-profile-v80,
.vr-account-menu-page-v80,
.vr-account-menu-all-v80,
.vr-account-menu-item-v80,
.vr-account-menu-logout-v80{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  width:100% !important;
  min-height:48px !important;
  padding:8px 10px !important;
  border-radius:13px !important;
  background:transparent !important;
  border:0 !important;
  color:#111827 !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:720 !important;
  line-height:1.16 !important;
  text-align:left !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  font-family:inherit !important;
}

.vr-account-menu-profile-v80{
  min-height:60px !important;
  background:#f3f4f6 !important;
}

.vr-account-menu-profile-v80 img{
  flex:0 0 auto !important;
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  object-fit:cover !important;
  background:#e8f7ee !important;
  border:1px solid rgba(34,163,74,.18) !important;
}

.vr-account-menu-profile-v80 strong{
  display:block !important;
  font-size:17px !important;
  font-weight:820 !important;
  color:#111827 !important;
  letter-spacing:-.01em !important;
}

.vr-account-menu-profile-v80 em{
  display:block !important;
  margin-top:2px !important;
  color:#667085 !important;
  font-size:13px !important;
  font-weight:650 !important;
  font-style:normal !important;
}

.vr-account-menu-page-v80{
  min-height:54px !important;
}

.vr-account-menu-page-v80 strong,
.vr-account-menu-item-v80 strong,
.vr-account-menu-all-v80 strong,
.vr-account-menu-logout-v80 strong{
  display:block !important;
  color:#111827 !important;
  font-size:15px !important;
  font-weight:780 !important;
  letter-spacing:-.005em !important;
}

.vr-account-menu-page-v80 em,
.vr-account-menu-item-v80 em{
  display:block !important;
  margin-top:2px !important;
  color:#667085 !important;
  font-size:12px !important;
  font-weight:620 !important;
  font-style:normal !important;
}

.vr-account-menu-icon-v80,
.vr-account-menu-page-icon-v80{
  flex:0 0 auto !important;
  width:36px !important;
  height:36px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  box-sizing:border-box !important;
}

.vr-account-menu-icon-v80{
  background:#e5e7eb !important;
  color:#111827 !important;
}

.vr-account-menu-page-icon-v80{
  background:#e8f8ee !important;
  color:#21a34a !important;
  border:1px solid rgba(33,163,74,.18) !important;
}

.vr-account-menu-icon-v80 svg,
.vr-account-menu-page-icon-v80 svg,
.vr-account-menu-chevron-v80 svg{
  display:block !important;
  width:19px !important;
  height:19px !important;
  stroke:currentColor !important;
}

.vr-account-menu-page-icon-v80 svg{
  width:20px !important;
  height:20px !important;
}

.vr-account-menu-chevron-v80{
  margin-left:auto !important;
  color:#667085 !important;
  display:grid !important;
  place-items:center !important;
}

.vr-account-menu-profile-v80:hover,
.vr-account-menu-page-v80:hover,
.vr-account-menu-all-v80:hover,
.vr-account-menu-item-v80:hover,
.vr-account-menu-logout-v80:hover{
  background:#f3f4f6 !important;
}

.vr-account-menu-divider-v80{
  height:1px !important;
  background:#d7dce2 !important;
  margin:8px 8px !important;
}

.vr-account-menu-all-v80{
  justify-content:center !important;
  background:#e5e7eb !important;
  min-height:42px !important;
  margin-top:8px !important;
}

.vr-account-menu-all-v80 .vr-account-menu-icon-v80{
  width:32px !important;
  height:32px !important;
}

.vr-account-menu-form-v80{
  margin:0 !important;
  padding:0 !important;
}

.vr-account-menu-logout-v80{
  font-family:inherit !important;
}

.vr-account-menu-footer-v80{
  margin:10px 4px 2px !important;
  color:#667085 !important;
  font-size:12px !important;
  font-weight:620 !important;
  line-height:1.35 !important;
}

body.vr-account-menu-open-v80 .vr-user-pill-v14,
body.vr-account-menu-open-v80 .vr-profile-header-user-v12{
  filter:brightness(.98) !important;
}

@media (max-width:640px){
  .vr-account-menu-v80{
    top:54px !important;
    right:8px !important;
    left:8px !important;
    width:auto !important;
    max-height:calc(100vh - 66px) !important;
    border-radius:18px !important;
  }

  .vr-account-menu-profile-v80,
  .vr-account-menu-page-v80,
  .vr-account-menu-all-v80,
  .vr-account-menu-item-v80,
  .vr-account-menu-logout-v80{
    font-size:14px !important;
  }

  .vr-account-menu-page-v80 strong,
  .vr-account-menu-item-v80 strong,
  .vr-account-menu-all-v80 strong,
  .vr-account-menu-logout-v80 strong{
    font-size:14px !important;
  }
}
/* Vroof Account Avatar Menu Compact V8.0 end */


/* Vroof Home Header Plus Avatar Match Profile V8.2 start */
/*
  Mục tiêu:
  - Chỉ chỉnh nút + và avatar góc phải trên header trang Home.
  - Giống kích thước/nền/mũi tên avatar như trang cá nhân.
  - Vẫn nằm trong luồng header Home bình thường, không fixed sát mép như profile.
  - Không đụng header trang cá nhân.
  - Không đụng menu avatar xổ xuống V8.0/V8.1.
*/

body.vr-page-home .vr-header-right-v14{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
}

/* Nút + Home: đưa về 38x38 giống profile */
body.vr-page-home .vr-header-right-v14 .vr-header-create-btn-v14{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  background:#21a34a !important;
  color:#ffffff !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:0 8px 22px rgba(33,163,74,.24) !important;
  border:0 !important;
  text-decoration:none !important;
  flex:0 0 auto !important;
}

body.vr-page-home .vr-header-right-v14 .vr-header-create-btn-v14 svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
  stroke:currentColor !important;
}

/* Avatar Home: bỏ nền pill dài, chỉ còn avatar tròn */
body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14{
  position:relative !important;
  display:block !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  text-decoration:none !important;
  flex:0 0 auto !important;
}

body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14 img{
  display:block !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  border-radius:999px !important;
  object-fit:cover !important;
  border:2px solid rgba(255,255,255,.96) !important;
  background:#ffffff !important;
  box-shadow:0 6px 16px rgba(0,0,0,.14) !important;
}

/*
  Mũi tên avatar Home:
  - Đè vào avatar kiểu profile mới.
  - Ngang: ăn vào khoảng 2/3.
  - Dọc: thụt xuống theo mốc đã chỉnh ở profile.
*/
body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14 > svg{
  position:absolute !important;
  right:7px !important;
  bottom:1px !important;
  z-index:2 !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  padding:3px !important;
  box-sizing:border-box !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.96) !important;
  color:#1f2937 !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:0 4px 9px rgba(0,0,0,.12) !important;
  display:block !important;
  stroke:currentColor !important;
}

/* Mobile giữ cùng tinh thần nhưng giảm nhẹ bóng */
@media (max-width:760px){
  body.vr-page-home .vr-header-right-v14{
    gap:7px !important;
  }

  body.vr-page-home .vr-header-right-v14 .vr-header-create-btn-v14,
  body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14,
  body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14 img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
  }

  body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14 > svg{
    right:6px !important;
    bottom:0 !important;
  }
}
/* Vroof Home Header Plus Avatar Match Profile V8.2 end */


/* Vroof Home Avatar Arrow Smaller Lower V8.5 start */
/*
  Mục tiêu:
  - Chỉ chỉnh nút mũi tên avatar Home.
  - Nền/vùng chứa mũi tên nhỏ lại 1/3 so với V8.4:
    26px -> 18px.
  - Hạ thấp xuống 4px so với V8.4:
    bottom 3px -> -1px.
  - Giữ mũi tên hiển thị bằng CSS ::after.
  - Không đụng nút +, không đụng avatar profile, không đụng menu xổ xuống.
*/

body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14{
  position:relative !important;
  overflow:visible !important;
}

/* Ẩn SVG chevron cũ để tránh hiện trùng/mất nét */
body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14 > svg{
  display:none !important;
}

/*
  V8.4: 26px, bottom 3px.
  V8.5: 18px, bottom -1px.
*/
body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14::after{
  content:"▾" !important;
  position:absolute !important;
  right:-1px !important;
  bottom:-1px !important;
  z-index:4 !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.98) !important;
  color:#111827 !important;
  border:1px solid rgba(15,23,42,.14) !important;
  box-shadow:0 3px 8px rgba(15,23,42,.14) !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-align:center !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
}

@media (max-width:760px){
  body.vr-page-home .vr-header-right-v14 .vr-user-pill-v14::after{
    right:-1px !important;
    bottom:-1px !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
    font-size:12px !important;
  }
}
/* Vroof Home Avatar Arrow Smaller Lower V8.5 end */


/* Vroof Home Plus Iconmenu V8.6 start */
/*
  Mục tiêu:
  - Chỉ thay icon trong nút + ở header trang Home bằng iconmenu.png.
  - Không đổi avatar Home.
  - Không đổi mũi tên avatar.
  - Không đụng header trang cá nhân.
  - Không đụng menu avatar xổ xuống.
*/

body.vr-page-home .vr-header-right-v14 .vr-header-create-btn-v14{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:url('/assets/vroof/iconmenu.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:100% 100% !important;
  box-shadow:none !important;
  color:transparent !important;
  overflow:visible !important;
  display:grid !important;
  place-items:center !important;
}

/* Ẩn icon dấu + SVG cũ để chỉ còn icon menu mới */
body.vr-page-home .vr-header-right-v14 .vr-header-create-btn-v14 svg{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

@media (max-width:760px){
  body.vr-page-home .vr-header-right-v14 .vr-header-create-btn-v14{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    background-size:100% 100% !important;
  }
}
/* Vroof Home Plus Iconmenu V8.6 end */


/* Vroof Profile Plus Iconmenu V8.7 start */
/*
  Mục tiêu:
  - Chỉ thay icon dấu + ở header trang cá nhân bằng iconmenu.png.
  - Giữ kích thước/vị trí nút + hiện tại của trang cá nhân.
  - Không đụng avatar góc phải.
  - Không đụng mũi tên avatar.
  - Không đụng header Home.
  - Không đụng menu avatar xổ xuống.
*/

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:url('/assets/vroof/iconmenu.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:100% 100% !important;
  box-shadow:none !important;
  color:transparent !important;
  overflow:visible !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
}

/* Ẩn SVG dấu + cũ để chỉ còn icon menu mới */
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12 svg{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

@media (max-width:1100px){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    background-size:100% 100% !important;
  }
}
/* Vroof Profile Plus Iconmenu V8.7 end */


/* Vroof Profile Menu Button White Layer V8.9 start */
/*
  Mục tiêu:
  - Chỉ chỉnh nút menu ở header trang cá nhân.
  - Viền/nền trắng có kích thước bằng icon, không lớn hơn icon.
  - Màu trắng mờ 20%.
  - Không đụng avatar góc phải, mũi tên avatar, header Home, menu avatar xổ xuống.
*/

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
  position:relative !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:transparent !important;
  overflow:visible !important;
  display:grid !important;
  place-items:center !important;
  isolation:isolate !important;
}

/*
  Lớp nền trắng mờ 20%.
  Kích thước bằng icon: inset 0, không còn nở ra -4px như V8.8.
*/
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.20) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

/* Icon menu nằm đúng trong vùng nền */
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  border-radius:999px !important;
  background-image:url('/assets/vroof/iconmenu.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:100% 100% !important;
  pointer-events:none !important;
}

/* Ẩn SVG dấu + cũ */
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12 svg{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}
/* Vroof Profile Menu Button White Layer V8.9 end */


/* Vroof Menu Panel V9.0 start */
/*
  Mục tiêu:
  - Khi click nút menu ở header Home/Profile sẽ mở thẻ Menu.
  - Cột trái có danh sách dài và có thanh cuộn riêng.
  - Bỏ nhóm Hệ thống theo yêu cầu.
  - Cột phải "Tạo" giữ danh sách đã chốt.
  - Mục nào có route thì trỏ thật, mục chưa có route thì tạm #.
  - Không đụng menu avatar tài khoản.
*/

.vr-main-menu-overlay-v90{
  position:fixed !important;
  inset:0 !important;
  z-index:4900 !important;
  background:rgba(15,23,42,.12) !important;
  backdrop-filter:blur(1px) !important;
}

.vr-main-menu-overlay-v90[hidden]{
  display:none !important;
}

.vr-main-menu-panel-v90{
  position:fixed !important;
  top:68px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:4910 !important;
  width:min(1120px, calc(100vw - 32px)) !important;
  height:min(760px, calc(100vh - 92px)) !important;
  padding:24px !important;
  border-radius:22px !important;
  background:#f7f8fa !important;
  box-shadow:0 22px 60px rgba(15,23,42,.28) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-rows:auto minmax(0, 1fr) !important;
  gap:18px !important;
}

.vr-main-menu-panel-v90[hidden]{
  display:none !important;
}

.vr-main-menu-head-v90{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.vr-main-menu-title-v90{
  margin:0 !important;
  font-size:32px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#111827 !important;
  letter-spacing:-.03em !important;
}

.vr-main-menu-close-v90{
  width:38px !important;
  height:38px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#e5e7eb !important;
  color:#111827 !important;
  font-size:24px !important;
  line-height:1 !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
}

.vr-main-menu-body-v90{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 360px !important;
  gap:26px !important;
}

.vr-main-menu-left-v90{
  min-width:0 !important;
  min-height:0 !important;
  background:#ffffff !important;
  border-radius:18px !important;
  box-shadow:0 4px 14px rgba(15,23,42,.10) !important;
  border:1px solid rgba(15,23,42,.06) !important;
  padding:18px !important;
  box-sizing:border-box !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(15,23,42,.28) transparent !important;
}

.vr-main-menu-left-v90::-webkit-scrollbar{
  width:8px !important;
}

.vr-main-menu-left-v90::-webkit-scrollbar-thumb{
  background:rgba(15,23,42,.22) !important;
  border-radius:999px !important;
}

.vr-main-menu-search-v90{
  height:52px !important;
  border-radius:999px !important;
  background:#eef0f3 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 18px !important;
  color:#6b7280 !important;
  font-size:17px !important;
  font-weight:650 !important;
  margin-bottom:20px !important;
}

.vr-main-menu-search-v90 svg{
  width:22px !important;
  height:22px !important;
  flex:0 0 auto !important;
}

.vr-main-menu-section-v90{
  padding:2px 0 16px !important;
  margin:0 0 18px !important;
  border-bottom:1px solid rgba(15,23,42,.14) !important;
}

.vr-main-menu-section-v90:last-child{
  margin-bottom:0 !important;
  border-bottom:0 !important;
  padding-bottom:0 !important;
}

.vr-main-menu-section-v90 h3{
  margin:0 0 10px !important;
  color:#111827 !important;
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
}

.vr-main-menu-item-v90{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-height:64px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  color:#111827 !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
}

.vr-main-menu-item-v90:hover{
  background:#f3f4f6 !important;
}

.vr-main-menu-icon-v90{
  flex:0 0 auto !important;
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  background:#e8f8ee !important;
  color:#21a34a !important;
  font-size:22px !important;
  line-height:1 !important;
  box-shadow:0 4px 10px rgba(15,23,42,.08) !important;
}

.vr-main-menu-item-v90 strong{
  display:block !important;
  font-size:18px !important;
  font-weight:820 !important;
  line-height:1.16 !important;
  color:#111827 !important;
  letter-spacing:-.01em !important;
}

.vr-main-menu-item-v90 span:last-child em{
  display:block !important;
  margin-top:4px !important;
  color:#4b5563 !important;
  font-size:14px !important;
  font-style:normal !important;
  font-weight:560 !important;
  line-height:1.28 !important;
}

.vr-main-menu-create-v90{
  min-width:0 !important;
  align-self:start !important;
  background:#ffffff !important;
  border-radius:18px !important;
  box-shadow:0 4px 14px rgba(15,23,42,.13) !important;
  border:1px solid rgba(15,23,42,.06) !important;
  padding:22px !important;
  box-sizing:border-box !important;
  position:sticky !important;
  top:0 !important;
}

.vr-main-menu-create-v90 h3{
  margin:0 0 16px !important;
  color:#111827 !important;
  font-size:28px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
}

.vr-main-menu-create-list-v90{
  display:grid !important;
  gap:8px !important;
}

.vr-main-menu-create-item-v90{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-height:58px !important;
  padding:8px 10px !important;
  border-radius:14px !important;
  color:#111827 !important;
  text-decoration:none !important;
  font-size:18px !important;
  font-weight:760 !important;
}

.vr-main-menu-create-item-v90:hover{
  background:#f3f4f6 !important;
}

.vr-main-menu-create-icon-v90{
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:#e5e7eb !important;
  color:#111827 !important;
  font-size:20px !important;
  flex:0 0 auto !important;
}

.vr-main-menu-create-divider-v90{
  height:1px !important;
  background:rgba(15,23,42,.15) !important;
  margin:8px 0 !important;
}

body.vr-main-menu-open-v90{
  overflow:hidden !important;
}

@media (max-width:900px){
  .vr-main-menu-panel-v90{
    top:58px !important;
    width:calc(100vw - 16px) !important;
    height:calc(100vh - 72px) !important;
    padding:16px !important;
  }

  .vr-main-menu-body-v90{
    grid-template-columns:1fr !important;
    overflow-y:auto !important;
  }

  .vr-main-menu-left-v90{
    max-height:none !important;
    overflow:visible !important;
  }

  .vr-main-menu-create-v90{
    position:relative !important;
  }

  .vr-main-menu-title-v90{
    font-size:28px !important;
  }
}
/* Vroof Menu Panel V9.0 end */


/* Vroof Menu Panel Compact Anchor V9.1 start */
/*
  Mục tiêu:
  - Thu hẹp card Menu V9.0 cho gọn hơn.
  - Đưa card Menu nằm gần nút menu góc phải hơn.
  - Cảm giác như bấm nút menu thì xổ xuống từ khu vực nút menu.
  - Chỉ chỉnh kích thước/vị trí card Menu.
  - Không đổi danh sách mục menu.
  - Không đụng nút menu, avatar, menu avatar tài khoản, header profile/home.
*/

.vr-main-menu-overlay-v90{
  background:rgba(15,23,42,.06) !important;
  backdrop-filter:none !important;
}

.vr-main-menu-panel-v90{
  top:64px !important;
  right:12px !important;
  left:auto !important;
  transform:none !important;
  width:min(760px, calc(100vw - 24px)) !important;
  height:min(650px, calc(100vh - 82px)) !important;
  padding:18px !important;
  border-radius:20px !important;
  box-shadow:0 18px 46px rgba(15,23,42,.24) !important;
  gap:14px !important;
}

/*
  Card menu gọn hơn:
  - Cột trái còn rộng để chứa danh sách.
  - Cột phải Tạo thu gọn.
*/
.vr-main-menu-body-v90{
  grid-template-columns:minmax(0, 1fr) 250px !important;
  gap:18px !important;
}

.vr-main-menu-title-v90{
  font-size:28px !important;
}

.vr-main-menu-left-v90{
  padding:14px !important;
  border-radius:16px !important;
  overflow-y:auto !important;
}

.vr-main-menu-create-v90{
  padding:18px !important;
  border-radius:16px !important;
}

.vr-main-menu-create-v90 h3{
  font-size:24px !important;
  margin-bottom:12px !important;
}

.vr-main-menu-search-v90{
  height:46px !important;
  margin-bottom:16px !important;
  font-size:15px !important;
}

.vr-main-menu-section-v90{
  margin-bottom:14px !important;
  padding-bottom:14px !important;
}

.vr-main-menu-section-v90 h3{
  font-size:19px !important;
  margin-bottom:8px !important;
}

.vr-main-menu-item-v90{
  min-height:56px !important;
  padding:8px 10px !important;
  gap:12px !important;
}

.vr-main-menu-icon-v90{
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
  font-size:19px !important;
}

.vr-main-menu-item-v90 strong{
  font-size:16px !important;
  font-weight:780 !important;
}

.vr-main-menu-item-v90 span:last-child em{
  font-size:13px !important;
}

.vr-main-menu-create-item-v90{
  min-height:50px !important;
  padding:7px 8px !important;
  gap:12px !important;
  font-size:16px !important;
}

.vr-main-menu-create-icon-v90{
  width:36px !important;
  height:36px !important;
  font-size:18px !important;
}

/*
  Mobile/tablet vẫn full gần màn hình để tránh quá hẹp.
*/
@media (max-width:900px){
  .vr-main-menu-panel-v90{
    top:58px !important;
    right:8px !important;
    left:8px !important;
    transform:none !important;
    width:auto !important;
    height:calc(100vh - 72px) !important;
    padding:16px !important;
  }

  .vr-main-menu-body-v90{
    grid-template-columns:1fr !important;
  }
}
/* Vroof Menu Panel Compact Anchor V9.1 end */


/* Vroof Menu Panel Left Narrow V9.2 start */
/*
  Mục tiêu:
  - Thu gọn cột trái của card Menu thêm 25% so với V9.1.
  - V9.1 ước tính cột trái khoảng 456px.
  - V9.2 cột trái còn khoảng 342px.
  - Cột phải "Tạo" giữ 250px.
  - Menu vẫn nằm gần nút menu góc phải.
  - Cột trái vẫn có thanh cuộn riêng.
  - Không đổi danh sách menu, không đổi link.
*/

@media (min-width:901px){
  .vr-main-menu-panel-v90{
    width:min(646px, calc(100vw - 24px)) !important;
    right:12px !important;
    left:auto !important;
    transform:none !important;
  }

  .vr-main-menu-body-v90{
    grid-template-columns:minmax(0, 342px) 250px !important;
    gap:18px !important;
  }

  .vr-main-menu-left-v90{
    width:342px !important;
    max-width:342px !important;
    min-width:0 !important;
    overflow-y:auto !important;
  }

  .vr-main-menu-create-v90{
    width:250px !important;
    max-width:250px !important;
    min-width:250px !important;
  }
}

/*
  Màn hình nhỏ giữ 1 cột an toàn.
*/
@media (max-width:900px){
  .vr-main-menu-panel-v90{
    right:8px !important;
    left:8px !important;
    width:auto !important;
  }

  .vr-main-menu-body-v90{
    grid-template-columns:1fr !important;
  }

  .vr-main-menu-left-v90,
  .vr-main-menu-create-v90{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
  }
}
/* Vroof Menu Panel Left Narrow V9.2 end */


/* Vroof Profile Menu Button Hover V9.3 start */
/*
  Mục tiêu:
  - Chỉ chỉnh hiệu ứng hover của nút menu ở header trang cá nhân.
  - Khi đưa chuột vào, nút menu sẽ "nhúc nhích" giống nút menu ở trang Home.
  - Không đổi icon.
  - Không đổi nền trắng mờ 20%.
  - Không đụng nút menu Home.
  - Không đụng avatar, mũi tên avatar, menu xổ xuống, layout profile.
*/

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12{
  transform:translateY(0) scale(1) !important;
  transition:
    transform .16s ease,
    filter .16s ease,
    box-shadow .16s ease !important;
  will-change:transform !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12:hover,
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12:focus-visible{
  transform:translateY(-2px) scale(1.035) !important;
  filter:brightness(1.04) saturate(1.03) !important;
}

body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12:active{
  transform:translateY(0) scale(.98) !important;
  filter:brightness(.98) !important;
}

/* Nền trắng mờ cũng nhúc nhích theo nút, chỉ tăng bóng nhẹ khi hover */
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12:hover::before,
body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12:focus-visible::before{
  box-shadow:0 8px 18px rgba(15,23,42,.12) !important;
}

/* Thiết bị cảm ứng không cần hover để tránh giật */
@media (hover:none){
  body.vr-page-profile.vr-profile-own-header-v12 .vr-profile-header-create-v12:hover{
    transform:translateY(0) scale(1) !important;
    filter:none !important;
  }
}
/* Vroof Profile Menu Button Hover V9.3 end */


/* Vroof Global Header Menu Avatar Match Home V9.4 start */
/*
  Mục tiêu:
  - Đồng bộ nút menu và avatar góc phải header của các trang thường giống trang Home.
  - Áp dụng cho: page/trang, nhóm, sự kiện, khám phá, tin nhắn, thông báo... dùng header chung.
  - Trừ trang cá nhân: body.vr-page-profile không bị ảnh hưởng.
  - Không đụng menu avatar xổ xuống.
  - Không đụng layout từng trang.
*/

body:not(.vr-page-profile) .vr-header-right-v14{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
}

/* Nút menu header chung: giống Home */
body:not(.vr-page-profile) .vr-header-right-v14 .vr-header-create-btn-v14{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:url('/assets/vroof/iconmenu.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:100% 100% !important;
  box-shadow:none !important;
  color:transparent !important;
  overflow:visible !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  text-decoration:none !important;
}

/* Ẩn SVG dấu + cũ trong nút menu */
body:not(.vr-page-profile) .vr-header-right-v14 .vr-header-create-btn-v14 svg{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Avatar header chung: bỏ pill trắng dài, giống Home */
body:not(.vr-page-profile) .vr-header-right-v14 .vr-user-pill-v14{
  position:relative !important;
  display:block !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  text-decoration:none !important;
  flex:0 0 auto !important;
}

body:not(.vr-page-profile) .vr-header-right-v14 .vr-user-pill-v14 img{
  display:block !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  border-radius:999px !important;
  object-fit:cover !important;
  border:2px solid rgba(255,255,255,.96) !important;
  background:#ffffff !important;
  box-shadow:0 6px 16px rgba(0,0,0,.14) !important;
}

/* Ẩn chevron SVG cũ, dùng mũi tên giống Home hiện tại */
body:not(.vr-page-profile) .vr-header-right-v14 .vr-user-pill-v14 > svg{
  display:none !important;
}

/* Mũi tên avatar header chung: giống Home V8.5 */
body:not(.vr-page-profile) .vr-header-right-v14 .vr-user-pill-v14::after{
  content:"▾" !important;
  position:absolute !important;
  right:-1px !important;
  bottom:-1px !important;
  z-index:4 !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.98) !important;
  color:#111827 !important;
  border:1px solid rgba(15,23,42,.14) !important;
  box-shadow:0 3px 8px rgba(15,23,42,.14) !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-align:center !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
}

/* Hover của nút menu header chung giống Home: nhúc nhích nhẹ */
body:not(.vr-page-profile) .vr-header-right-v14 .vr-header-create-btn-v14{
  transform:translateY(0) scale(1) !important;
  transition:transform .16s ease, filter .16s ease !important;
  will-change:transform !important;
}

body:not(.vr-page-profile) .vr-header-right-v14 .vr-header-create-btn-v14:hover,
body:not(.vr-page-profile) .vr-header-right-v14 .vr-header-create-btn-v14:focus-visible{
  transform:translateY(-2px) scale(1.035) !important;
  filter:brightness(1.04) saturate(1.03) !important;
}

body:not(.vr-page-profile) .vr-header-right-v14 .vr-header-create-btn-v14:active{
  transform:translateY(0) scale(.98) !important;
  filter:brightness(.98) !important;
}

@media (max-width:760px){
  body:not(.vr-page-profile) .vr-header-right-v14{
    gap:7px !important;
  }

  body:not(.vr-page-profile) .vr-header-right-v14 .vr-header-create-btn-v14,
  body:not(.vr-page-profile) .vr-header-right-v14 .vr-user-pill-v14,
  body:not(.vr-page-profile) .vr-header-right-v14 .vr-user-pill-v14 img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
  }

  body:not(.vr-page-profile) .vr-header-right-v14 .vr-user-pill-v14::after{
    right:-1px !important;
    bottom:-1px !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
    font-size:12px !important;
  }
}

@media (hover:none){
  body:not(.vr-page-profile) .vr-header-right-v14 .vr-header-create-btn-v14:hover{
    transform:translateY(0) scale(1) !important;
    filter:none !important;
  }
}
/* Vroof Global Header Menu Avatar Match Home V9.4 end */


/* Vroof Home Left Menu Dropdown Icons V10.3 start */
/*
  Mục tiêu:
  - Menu trái trang Home dùng bộ icon cùng phong cách với thẻ Menu xổ xuống từ nút menu.
  - Không phóng SVG cũ nữa.
  - Không đổi chữ.
  - Không đổi layout 3 cột.
  - Không đụng trang cá nhân.
  - Không đụng thẻ Menu xổ xuống.
*/

body.vr-page-home .vr-left-col .vr-side-menu a,
body.vr-page-home .vroof-sidebar .vr-side-menu a{
  align-items:center !important;
}

body.vr-page-home .vr-left-col .vr-side-menu a .vr-home-side-menu-icon-v103,
body.vr-page-home .vroof-sidebar .vr-side-menu a .vr-home-side-menu-icon-v103{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:#e8f8ee !important;
  color:#21a34a !important;
  border:1px solid rgba(33,163,74,.16) !important;
  box-shadow:0 4px 10px rgba(15,23,42,.06) !important;
  font-size:24px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

body.vr-page-home .vr-left-col .vr-side-menu a.active .vr-home-side-menu-icon-v103,
body.vr-page-home .vr-left-col .vr-side-menu a:hover .vr-home-side-menu-icon-v103,
body.vr-page-home .vroof-sidebar .vr-side-menu a.active .vr-home-side-menu-icon-v103,
body.vr-page-home .vroof-sidebar .vr-side-menu a:hover .vr-home-side-menu-icon-v103{
  background:#eefaf2 !important;
  color:var(--vroof-green, #087a28) !important;
  border-color:rgba(33,163,74,.24) !important;
}

/* Giữ chữ menu trái theo hiện trạng hiện tại, không ép to/đậm */
body.vr-page-home .vr-left-col .vr-side-menu a span:not(.vr-home-side-menu-icon-v103),
body.vr-page-home .vroof-sidebar .vr-side-menu a span:not(.vr-home-side-menu-icon-v103){
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
}

/* Không ảnh hưởng thẻ Menu xổ xuống từ nút menu */
body.vr-page-home .vr-main-menu-panel-v90 .vr-main-menu-icon-v90,
body.vr-page-home .vr-main-menu-panel-v90 .vr-main-menu-create-icon-v90{
  width:revert-layer;
  height:revert-layer;
}
/* Vroof Home Left Menu Dropdown Icons V10.3 end */


/* Vroof Home Left Menu Font Sample V10.6 start */
/*
  Mục tiêu:
  - Chỉ chỉnh font chữ menu trái trang Home giống ảnh mẫu.
  - Chữ in thường, nét mỏng hơn.
  - Size chữ theo ảnh mẫu.
  - Không đổi icon.
  - Không đổi danh sách mục.
  - Không đụng thẻ Menu xổ xuống.
  - Không đụng trang cá nhân.
*/

body.vr-page-home .vr-left-col .vr-side-menu a,
body.vr-page-home .vroof-sidebar .vr-side-menu a{
  font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size:20px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  letter-spacing:-.015em !important;
}

body.vr-page-home .vr-left-col .vr-side-menu a span:not(.vr-home-side-menu-icon-v103),
body.vr-page-home .vroof-sidebar .vr-side-menu a span:not(.vr-home-side-menu-icon-v103){
  font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size:20px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  letter-spacing:-.015em !important;
}

/* Active/hover cũng không in đậm; chỉ giữ nền/màu theo giao diện hiện tại */
body.vr-page-home .vr-left-col .vr-side-menu a.active,
body.vr-page-home .vr-left-col .vr-side-menu a:hover,
body.vr-page-home .vroof-sidebar .vr-side-menu a.active,
body.vr-page-home .vroof-sidebar .vr-side-menu a:hover{
  font-weight:400 !important;
}

body.vr-page-home .vr-left-col .vr-side-menu a.active span:not(.vr-home-side-menu-icon-v103),
body.vr-page-home .vr-left-col .vr-side-menu a:hover span:not(.vr-home-side-menu-icon-v103),
body.vr-page-home .vroof-sidebar .vr-side-menu a.active span:not(.vr-home-side-menu-icon-v103),
body.vr-page-home .vroof-sidebar .vr-side-menu a:hover span:not(.vr-home-side-menu-icon-v103){
  font-weight:400 !important;
}

/* Không ảnh hưởng thẻ Menu xổ xuống từ nút menu */
body.vr-page-home .vr-main-menu-panel-v90 a,
body.vr-page-home .vr-main-menu-panel-v90 span,
body.vr-page-home .vr-main-menu-panel-v90 strong{
  font-family:revert-layer;
  font-size:revert-layer;
  font-weight:revert-layer;
  letter-spacing:revert-layer;
}
/* Vroof Home Left Menu Font Sample V10.6 end */


/* Vroof Home Left Profile Strip Structural V10.8 start */
/*
  Khôi phục trạng thái trước V10.9:
  - Bỏ khung/nền của block avatar + tên user đầu menu trái Home.
  - Đưa block user vào cùng nền với menu trái.
  - Chỉ giữ 1 đường kẻ ngang dưới.
  - Không ẩn dòng phụ.
  - Không chỉnh lại tỷ lệ/avatar/tên như V10.9.
  - Không đụng .vr-side-menu và các dòng menu bên dưới.
*/

body.vr-page-home .vr-left-col .vroof-sidebar > :first-child:not(.vr-side-menu),
body.vr-page-home .vroof-sidebar > :first-child:not(.vr-side-menu){
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  margin:0 0 22px 0 !important;
  padding:0 0 18px 0 !important;
  position:relative !important;
  overflow:visible !important;
}

body.vr-page-home .vr-left-col .vroof-sidebar > .card:first-child:not(.vr-side-menu),
body.vr-page-home .vroof-sidebar > .card:first-child:not(.vr-side-menu){
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

body.vr-page-home .vr-left-col .vroof-sidebar > :first-child:not(.vr-side-menu) > a,
body.vr-page-home .vroof-sidebar > :first-child:not(.vr-side-menu) > a,
body.vr-page-home .vr-left-col .vroof-sidebar > :first-child:not(.vr-side-menu) .card,
body.vr-page-home .vroof-sidebar > :first-child:not(.vr-side-menu) .card{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

body.vr-page-home .vr-left-col .vroof-sidebar > :first-child:not(.vr-side-menu)::after,
body.vr-page-home .vroof-sidebar > :first-child:not(.vr-side-menu)::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:1px !important;
  background:rgba(160,183,167,.42) !important;
  pointer-events:none !important;
}

body.vr-page-home .vr-left-col .vroof-sidebar > :first-child:not(.vr-side-menu):hover,
body.vr-page-home .vroof-sidebar > :first-child:not(.vr-side-menu):hover,
body.vr-page-home .vr-left-col .vroof-sidebar > :first-child:not(.vr-side-menu) > a:hover,
body.vr-page-home .vroof-sidebar > :first-child:not(.vr-side-menu) > a:hover{
  background:transparent !important;
  background-color:transparent !important;
}

body.vr-page-home .vroof-sidebar > .vr-side-menu,
body.vr-page-home .vr-left-col .vroof-sidebar > .vr-side-menu{
  background:#fff !important;
  border:1px solid var(--vroof-border) !important;
  border-radius:22px !important;
  box-shadow:var(--vroof-shadow) !important;
}
/* Vroof Home Left Profile Strip Structural V10.8 end */


/* Vroof Home Left Profile Down 15 V11.1 start */
/*
  Mục tiêu:
  - Chỉ chỉnh phần avatar + tên người dùng đầu menu trái Home.
  - Đưa cả block này xuống thấp hơn 15px.
  - Giữ nguyên trạng thái hiện tại: nền trong suốt + 1 đường kẻ ngang dưới.
  - Không đụng các mục menu bên dưới.
  - Không đụng header/feed/profile page.
*/

body.vr-page-home .vr-left-col .vroof-sidebar > :first-child:not(.vr-side-menu),
body.vr-page-home .vroof-sidebar > :first-child:not(.vr-side-menu){
  margin-top:15px !important;
}

/* Vroof Home Left Profile Down 15 V11.1 end */


/* Vroof Home Left Menu Card Gap 2 V11.3 start */
/*
  Mục tiêu:
  - Đưa card menu trái Home lên sát hơn với viền ngang dưới của phần avatar + tên người dùng.
  - Khoảng cách còn khoảng 2px.
  - Giữ nguyên phần avatar + tên người dùng.
  - Không đụng nội dung các mục menu.
  - Không đụng header/feed/profile page.
*/

/* Sidebar trái: giảm khoảng cách giữa block user và card menu xuống rất sát */
body.vr-page-home .vr-left-col .vroof-sidebar,
body.vr-page-home .vroof-sidebar{
  gap:2px !important;
  row-gap:2px !important;
}

/* Block avatar + tên user: không tạo khoảng cách dưới thêm */
body.vr-page-home .vr-left-col .vroof-sidebar > :first-child:not(.vr-side-menu),
body.vr-page-home .vroof-sidebar > :first-child:not(.vr-side-menu){
  margin-bottom:0 !important;
}

/* Card menu bên dưới nằm sát viền ngang */
body.vr-page-home .vr-left-col .vroof-sidebar > .vr-side-menu,
body.vr-page-home .vroof-sidebar > .vr-side-menu{
  margin-top:0 !important;
}

/* Vroof Home Left Menu Card Gap 2 V11.3 end */


/* Vroof Home Left Menu Card Transparent V11.4 start */
/*
  Mục tiêu:
  - Chỉ chỉnh nền card menu trái Home.
  - Để nền card trong suốt / bỏ nền trắng.
  - Bỏ viền và shadow của card nếu không ảnh hưởng bố cục.
  - Giữ padding/khoảng cách để không vỡ layout.
  - Giữ nền active/hover của từng dòng menu.
  - Không đụng avatar + tên user.
  - Không đụng header/feed/profile page.
*/

body.vr-page-home .vr-left-col .vroof-sidebar > .vr-side-menu,
body.vr-page-home .vroof-sidebar > .vr-side-menu,
body.vr-page-home .vr-left-col .vr-side-menu,
body.vr-page-home .vroof-sidebar .vr-side-menu{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

/*
  Giữ padding và border-radius để bố cục không bị giật/vỡ.
  Chỉ bỏ phần nền/viền nhìn thấy.
*/
body.vr-page-home .vr-left-col .vr-side-menu,
body.vr-page-home .vroof-sidebar .vr-side-menu{
  padding:12px !important;
  border-radius:22px !important;
}

/* Giữ nền xanh nhạt của dòng đang active/hover như hiện tại */
body.vr-page-home .vr-left-col .vr-side-menu a.active,
body.vr-page-home .vr-left-col .vr-side-menu a:hover,
body.vr-page-home .vroof-sidebar .vr-side-menu a.active,
body.vr-page-home .vroof-sidebar .vr-side-menu a:hover{
  background:var(--vroof-green-soft, #edf7ef) !important;
}

/* Không ảnh hưởng thẻ Menu xổ xuống từ nút menu */
body.vr-page-home .vr-main-menu-panel-v90 .vr-side-menu{
  background:revert-layer;
  border-color:revert-layer;
  box-shadow:revert-layer;
}

/* Vroof Home Left Menu Card Transparent V11.4 end */