*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#e9ecf5;color:#1f2937}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit}.app{max-width:480px;min-height:100vh;margin:0 auto;background:#f4f6fb;padding-bottom:86px;position:relative}.topbar{position:sticky;top:0;z-index:20;background:rgba(244,246,251,.94);backdrop-filter:blur(12px);padding:16px 18px 10px}.topline{display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:900;color:#2457ff;letter-spacing:-.7px}.logo span{color:#8b5cf6}.mini-user{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2457ff,#8b5cf6);display:grid;place-items:center;color:#fff;overflow:hidden}.mini-user img{width:100%;height:100%;object-fit:cover}.login-pill{background:#fff;border:1px solid #dbe2ff;border-radius:999px;padding:9px 14px;color:#2457ff;font-weight:800;font-size:13px}.container{padding:12px 18px}.search-box,.input-like{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:12px 14px;font-size:14px;color:#6b7280;margin-bottom:14px}.hero{background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff;border-radius:26px;padding:24px;box-shadow:0 16px 34px rgba(79,124,255,.28);overflow:hidden}.hero h1{margin:0 0 10px;font-size:28px;line-height:1.05;letter-spacing:-.8px}.hero p{margin:0;font-size:14px;opacity:.92;line-height:1.45}.actions{margin-top:18px;display:grid;gap:10px}.btn{width:100%;border:0;border-radius:16px;padding:14px 18px;font-size:15px;font-weight:800;cursor:pointer;text-align:center;display:inline-block}.btn-primary{background:#2457ff;color:#fff;box-shadow:0 10px 24px rgba(36,87,255,.25)}.btn-gradient{background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff}.btn-light{background:#fff;color:#2457ff;border:1px solid #cfd8ff}.btn-muted{background:#f3f4f6;color:#374151}.btn-danger{background:#fee2e2;color:#991b1b}.section-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-title{font-size:16px;font-weight:900}.link-blue{color:#2457ff;font-weight:800;font-size:13px}.category-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.category-card{min-width:84px;background:#fff;border-radius:18px;padding:14px 10px;text-align:center;box-shadow:0 8px 22px rgba(15,23,42,.06)}.category-icon{width:44px;height:44px;border-radius:16px;margin:0 auto 8px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#ede9fe);font-size:22px}.category-card span{font-size:12px;font-weight:800}.card{background:#fff;border-radius:22px;padding:16px;margin-bottom:12px;box-shadow:0 8px 22px rgba(15,23,42,.055);border:1px solid rgba(229,231,235,.8)}.topic-card{background:#fff;border-radius:18px;padding:14px;margin-bottom:10px;box-shadow:0 8px 22px rgba(15,23,42,.05);border:1px solid #eef0f4}.topic-card strong{display:block;font-size:14px;margin-bottom:5px}.topic-card small,.muted{color:#6b7280;font-size:12px}.form-card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.08)}.form-card h1,.page-title{margin:0 0 8px;font-size:26px;letter-spacing:-.7px}.form-card p{margin:0 0 20px;color:#6b7280;font-size:14px;line-height:1.45}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:7px;font-size:13px;font-weight:800}.form-group input,.form-group textarea{width:100%;border:1px solid #e5e7eb;background:#f9fafb;border-radius:15px;padding:13px 14px;font-size:15px;outline:none}.form-group textarea{min-height:110px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#2457ff;background:#fff}.alert{padding:13px 14px;border-radius:14px;margin-bottom:14px;font-size:14px;line-height:1.4}.alert-error{background:#fee2e2;color:#991b1b}.alert-success{background:#dcfce7;color:#166534}.profile-head{background:#fff;border-radius:28px;padding:22px;text-align:center;box-shadow:0 12px 30px rgba(15,23,42,.07);margin-bottom:14px}.avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff;display:grid;place-items:center;font-size:36px;font-weight:900;margin:0 auto 12px;overflow:hidden;border:4px solid #ede9fe}.avatar img{width:100%;height:100%;object-fit:cover}.profile-head h1{font-size:24px;margin:0 0 3px}.profile-head .user{color:#6d5dfc;font-weight:800;font-size:14px}.profile-bio{font-size:14px;line-height:1.45;color:#374151;margin-top:12px}.stats-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:14px;text-align:left}.stat-card strong{display:block;font-size:20px}.stat-card span{font-size:12px;color:#6b7280}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 11px;font-size:13px}.community-card{position:relative;min-height:104px;border-radius:22px;overflow:hidden;margin-bottom:12px;color:#fff;background:linear-gradient(135deg,#1e3a8a,#7c3aed);box-shadow:0 10px 26px rgba(15,23,42,.12)}.community-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.community-card .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.08))}.community-info{position:relative;z-index:2;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.community-info h3{margin:0 0 4px;font-size:20px}.community-info p{margin:0;font-size:12px;opacity:.92}.small-pill{background:#fff;color:#2457ff;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:900;white-space:nowrap}.cover{height:155px;border-radius:0 0 28px 28px;background:linear-gradient(135deg,#2457ff,#8b5cf6);position:relative;overflow:hidden;margin:-12px -18px 0}.cover img{width:100%;height:100%;object-fit:cover;opacity:.75}.community-detail{background:#fff;border-radius:24px;padding:18px;margin-top:-32px;position:relative;z-index:2;box-shadow:0 12px 28px rgba(15,23,42,.09)}.community-detail h1{margin:0 0 4px;font-size:26px}.tabs{display:flex;gap:8px;overflow-x:auto;margin:14px 0}.tab{border:1px solid #e5e7eb;border-radius:999px;padding:9px 12px;background:#fff;font-weight:800;font-size:13px}.tab.active{background:#2457ff;color:#fff;border-color:#2457ff}.post-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mini-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden;flex:none}.mini-avatar img{width:100%;height:100%;object-fit:cover}.message{font-size:14px;line-height:1.45;white-space:pre-wrap}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px 10px;z-index:40;box-shadow:0 -8px 25px rgba(15,23,42,.08)}.nav-item{text-align:center;font-size:11px;color:#6b7280;padding:6px 2px}.nav-item .ico{display:block;font-size:20px;margin-bottom:3px}.nav-item.active{color:#2457ff;font-weight:900}.nav-plus{width:44px;height:44px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 10px 24px rgba(36,87,255,.35)}.auth-links{text-align:center;margin-top:16px;color:#6b7280;font-size:14px}.auth-links a{color:#2457ff;font-weight:900}.row-actions{display:flex;gap:8px;margin-top:12px}.row-actions .btn{padding:11px 12px;font-size:13px}.empty{background:#fff;border:1px dashed #d1d5db;color:#6b7280;border-radius:18px;padding:18px;text-align:center;font-size:14px}.fab-space{height:12px}@media (min-width:481px){.app{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}}

.top-actions{display:flex;align-items:center;gap:8px}.notif{position:relative;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;display:grid;place-items:center}.notif b{position:absolute;right:-2px;top:-3px;background:#ef4444;color:#fff;border-radius:999px;font-size:10px;line-height:1;padding:4px 6px}.admin-dot{background:#111827;color:#fff;border-radius:999px;padding:8px 9px;font-size:11px;font-weight:900}.header-flash{margin:10px 0 0}.pill-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mini-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;color:#2457ff}.danger-link{color:#b91c1c;font-weight:900}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:16px;box-shadow:0 8px 18px rgba(15,23,42,.05)}.admin-card strong{font-size:24px;display:block}.admin-card span{font-size:12px;color:#6b7280}.list-row{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:13px;margin-bottom:10px;display:flex;gap:10px;align-items:center;justify-content:space-between}.list-row .main{min-width:0}.list-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;border-radius:999px;background:#eef2ff;color:#2457ff;padding:5px 8px;font-size:11px;font-weight:900}.badge-red{background:#fee2e2;color:#991b1b}.badge-green{background:#dcfce7;color:#166534}.switch-row{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:14px;margin-bottom:10px}.select{width:100%;border:1px solid #e5e7eb;background:#f9fafb;border-radius:15px;padding:13px 14px;font-size:15px}.notice-dot{width:10px;height:10px;border-radius:50%;background:#2457ff;display:inline-block;margin-right:6px}.reply-tools,.moderator-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.inline-form{display:inline}.tabs a.tab{color:inherit}.fixed-topic{border:2px solid #c7d2fe}.fixed-topic strong:before{content:'📌 ';}.privacy-note{background:#eef2ff;color:#3730a3;border-radius:16px;padding:12px;font-size:13px;margin:10px 0}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.small-text{font-size:12px;color:#6b7280}.search-form{display:flex;gap:8px}.search-form input{flex:1;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:12px 14px;font-size:14px}.search-form button{width:auto;border-radius:999px;padding:12px 15px}.community-info .badge{background:#fff;color:#2457ff}.muted-block{background:#f9fafb;border-radius:14px;padding:10px;font-size:13px;color:#6b7280}.danger-zone{border:1px solid #fecaca;background:#fff7f7}


/* Identidade visual Scraaps™ - atualização oficial */
:root{
    --scraaps-blue:#0065ff;
    --scraaps-lilac:#b35cff;
    --scraaps-indigo:#172554;
    --scraaps-bg:#f7f8ff;
    --scraaps-soft:#eef2ff;
}
body{
    background: radial-gradient(circle at top left, rgba(0,101,255,.10), transparent 32%),
                radial-gradient(circle at top right, rgba(179,92,255,.12), transparent 34%),
                #eef1fb;
}
.app{
    background: linear-gradient(180deg,#fbfcff 0%,#f4f6ff 45%,#f6f4ff 100%);
}
.topbar{
    background: rgba(255,255,255,.88);
    border-bottom:1px solid rgba(137,115,255,.12);
    box-shadow: 0 10px 28px rgba(23,37,84,.05);
}
.logo.brand-logo{
    display:flex;
    align-items:center;
    width:154px;
    height:42px;
    line-height:0;
    overflow:visible;
}
.logo.brand-logo img{
    display:block;
    width:154px;
    max-height:42px;
    object-fit:contain;
}
.hero,.btn-gradient,.nav-plus,.mini-user,.avatar{
    background: linear-gradient(135deg,var(--scraaps-blue),var(--scraaps-lilac)) !important;
}
.btn-primary{
    background: var(--scraaps-blue) !important;
}
.btn-light,.login-pill,.link-blue,.nav-item.active,.small-pill{
    color: var(--scraaps-blue) !important;
}
.btn-light,.login-pill{
    border-color: rgba(0,101,255,.25) !important;
}
.hero{
    position:relative;
    border:1px solid rgba(255,255,255,.45);
}
.hero:after{
    content:"";
    position:absolute;
    right:-35px;
    top:-35px;
    width:140px;
    height:140px;
    background:url('../img/icone-scraaps.png') center/contain no-repeat;
    opacity:.16;
}
.card,.topic-card,.form-card,.profile-head,.category-card,.stat-card,.community-detail{
    border-color:rgba(137,115,255,.13) !important;
    box-shadow:0 10px 26px rgba(23,37,84,.06) !important;
}
.category-icon{
    background:linear-gradient(135deg,rgba(0,101,255,.12),rgba(179,92,255,.16)) !important;
}
.bottom-nav{
    border-top:1px solid rgba(137,115,255,.14);
    box-shadow:0 -10px 25px rgba(23,37,84,.07);
}
.search-box,.input-like,.search-form input{
    border-color:rgba(137,115,255,.16) !important;
}
@media (max-width:360px){
    .logo.brand-logo{width:132px;height:38px}
    .logo.brand-logo img{width:132px;max-height:38px}
}


/* AJUSTE MOBILE - LOGO MENOR + ENTRAR AO LADO DA LOGO */
.topbar{
    padding:10px 16px 8px !important;
}
.topline{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    min-height:42px !important;
}
.logo.brand-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:144px !important;
    max-width:144px !important;
    height:42px !important;
    max-height:42px !important;
    line-height:0 !important;
    overflow:hidden !important;
    flex:0 0 144px !important;
}
.logo.brand-logo img{
    display:block !important;
    width:144px !important;
    height:auto !important;
    max-width:144px !important;
    max-height:42px !important;
    object-fit:contain !important;
}
.top-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin-left:auto !important;
    flex-shrink:0 !important;
}
.login-pill{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:34px !important;
    padding:0 15px !important;
    border-radius:999px !important;
    font-size:13px !important;
    font-weight:900 !important;
    background:#fff !important;
    white-space:nowrap !important;
}
.container{
    padding-top:14px !important;
}
.search-form{
    margin-top:2px !important;
}
.search-form input{
    min-width:0 !important;
}
.search-form button{
    flex:0 0 46px !important;
    width:46px !important;
    height:46px !important;
    padding:0 !important;
}
@media (max-width:380px){
    .logo.brand-logo{
        width:124px !important;
        max-width:124px !important;
        flex-basis:124px !important;
        height:36px !important;
        max-height:36px !important;
    }
    .logo.brand-logo img{
        width:124px !important;
        max-width:124px !important;
        max-height:36px !important;
    }
    .login-pill{
        height:32px !important;
        padding:0 12px !important;
        font-size:12px !important;
    }
}


/* Sistema de postagens com memória social */
.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.memory-card{background:#fff;border:1px solid rgba(137,115,255,.15);border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(23,37,84,.06)}
.memory-card .big-ico{font-size:26px;margin-bottom:8px;display:block}
.memory-card b{display:block;font-size:15px;margin-bottom:5px}
.memory-card span{font-size:12px;color:#6b7280;line-height:1.35;display:block}
.memory-card.full{grid-column:1/-1}
.album-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.album-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(137,115,255,.15);box-shadow:0 8px 22px rgba(23,37,84,.055)}
.album-cover{height:118px;background:linear-gradient(135deg,rgba(0,101,255,.14),rgba(179,92,255,.20));display:grid;place-items:center;font-size:34px;color:#2457ff}
.album-cover img{width:100%;height:100%;object-fit:cover;display:block}
.album-info{padding:12px}
.album-info b{font-size:14px;display:block;line-height:1.2}
.album-info small{font-size:11px;color:#6b7280}
.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.photo-thumb{display:block;position:relative;border-radius:16px;overflow:hidden;background:#eef2ff;aspect-ratio:1/1;border:1px solid rgba(137,115,255,.14)}
.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.photo-page-img{width:100%;border-radius:22px;display:block;background:#eef2ff}
.poll-option{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:12px;margin-bottom:9px;display:flex;align-items:center;gap:10px}
.poll-bar{height:10px;background:#eef2ff;border-radius:999px;overflow:hidden;margin-top:8px}
.poll-fill{height:100%;background:linear-gradient(135deg,var(--scraaps-blue),var(--scraaps-lilac));border-radius:999px}
.inline-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}
.inline-tabs a{white-space:nowrap;border:1px solid rgba(137,115,255,.18);background:#fff;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900;color:#2457ff}
.comment-card{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:13px;margin-bottom:10px}


/* Ajustes inspirados na organização do Orkut, sem copiar identidade */
.admin-dot{background:transparent !important;color:var(--scraaps-blue) !important;border:0 !important;padding:0 2px !important;font-size:12px !important;font-weight:900 !important;text-transform:lowercase !important}.logout-mini{color:#64748b;font-size:12px;font-weight:900;padding:6px 2px}.top-actions{gap:7px !important}.mini-user{width:34px;height:34px}.notif{width:34px;height:34px}.pill-line{justify-content:center;display:grid !important;grid-template-columns:1fr 1fr;gap:10px;max-width:330px;margin:14px auto 0}.pill-line .mini-btn{height:42px;padding:0 10px;border-radius:999px;font-size:13px;box-shadow:0 6px 18px rgba(23,37,84,.045)}.orkut-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0}.orkut-stats a{background:#fff;border:1px solid rgba(137,115,255,.15);border-radius:16px;padding:9px 4px;text-align:center;box-shadow:0 8px 20px rgba(23,37,84,.05)}.orkut-stats span{display:block;font-size:18px;line-height:1}.orkut-stats b{display:block;font-size:14px;margin:3px 0 0;color:#111827}.orkut-stats small{display:block;font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-card{background:#fff;border-radius:22px;border:1px solid rgba(137,115,255,.15);box-shadow:0 10px 24px rgba(23,37,84,.06);padding:0;margin:14px 0;overflow:hidden}.social-tab-title{background:linear-gradient(135deg,rgba(0,101,255,.10),rgba(179,92,255,.12));color:#2457ff;font-weight:900;text-transform:lowercase;padding:10px 14px;border-bottom:1px solid rgba(137,115,255,.13)}.social-row{display:grid;grid-template-columns:108px 1fr;gap:8px;padding:10px 14px;border-bottom:1px solid #f1f5f9;font-size:13px;align-items:start}.social-row:nth-child(even){background:#f8fbff}.social-row span{color:#64748b;text-align:right}.social-row b{font-weight:700;color:#1f2937;line-height:1.35}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.friend-card{background:#fff;border:1px solid rgba(137,115,255,.15);border-radius:18px;padding:10px;text-align:center;box-shadow:0 8px 20px rgba(23,37,84,.05);min-width:0}.friend-card img,.friend-fallback{width:58px;height:58px;border-radius:16px;object-fit:cover;margin:0 auto 7px;display:grid;place-items:center;background:linear-gradient(135deg,var(--scraaps-blue),var(--scraaps-lilac));color:#fff;font-weight:900}.friend-card span{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.empty.full{grid-column:1/-1}.quick-menu-toggle{display:none}.quick-menu-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:49;opacity:0;pointer-events:none;transition:.2s}.quick-menu-panel{position:fixed;left:50%;bottom:72px;transform:translateX(-50%) translateY(16px);width:calc(100% - 28px);max-width:452px;background:#fff;border-radius:28px;padding:12px 14px 16px;z-index:50;box-shadow:0 24px 60px rgba(15,23,42,.24);opacity:0;pointer-events:none;transition:.2s;border:1px solid rgba(137,115,255,.14)}.quick-menu-toggle:checked ~ .quick-menu-backdrop{opacity:1;pointer-events:auto}.quick-menu-toggle:checked ~ .quick-menu-panel{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.quick-menu-handle{width:42px;height:5px;border-radius:999px;background:#e5e7eb;margin:0 auto 10px}.quick-menu-title{font-size:16px;font-weight:900;text-align:center;margin-bottom:12px}.quick-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-menu-grid a{border:1px solid rgba(137,115,255,.15);background:#fbfcff;border-radius:18px;padding:12px;display:block}.quick-menu-grid span{font-size:23px;display:block;margin-bottom:5px}.quick-menu-grid b{display:block;font-size:13px}.quick-menu-grid small{font-size:11px;color:#64748b}.nav-create{cursor:pointer}.inline-tabs a.active{background:linear-gradient(135deg,var(--scraaps-blue),var(--scraaps-lilac));color:#fff !important}.text-memory-card strong{display:block;font-size:15px;margin-bottom:6px}.search-form{margin-bottom:14px}


/* CORREÇÃO FINAL: menu criar alinhado, perfil social elegante e cache atualizado */
.quick-menu-toggle{display:none!important}
.quick-menu-backdrop[hidden],.quick-menu-panel[hidden]{display:none!important}
.quick-menu-backdrop{position:fixed!important;inset:0!important;background:rgba(15,23,42,.38)!important;z-index:80!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease!important}
.quick-menu-backdrop.is-open{opacity:1!important;pointer-events:auto!important}
.quick-menu-panel{position:fixed!important;left:50%!important;bottom:78px!important;transform:translateX(-50%) translateY(18px)!important;width:calc(100% - 28px)!important;max-width:452px!important;background:#fff!important;border-radius:28px!important;padding:12px 14px 16px!important;z-index:81!important;box-shadow:0 24px 60px rgba(15,23,42,.24)!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease,transform .18s ease!important;border:1px solid rgba(137,115,255,.14)!important}
.quick-menu-panel.is-open{opacity:1!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important}
.quick-menu-handle{width:42px!important;height:5px!important;border-radius:999px!important;background:#e5e7eb!important;margin:0 auto 10px!important}
.quick-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important;padding:0 2px!important}
.quick-menu-head strong{font-size:17px!important;color:#111827!important;letter-spacing:-.2px!important}
.quick-menu-close{width:32px!important;height:32px!important;border:0!important;background:#f3f4f6!important;border-radius:50%!important;color:#334155!important;font-size:22px!important;line-height:1!important;font-weight:800!important}
.quick-menu-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.quick-menu-grid a{display:grid!important;grid-template-columns:34px 1fr!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;text-align:left!important;border:1px solid rgba(137,115,255,.15)!important;background:#fbfcff!important;border-radius:18px!important;padding:12px!important;min-height:72px!important;box-shadow:0 8px 22px rgba(23,37,84,.045)!important;overflow:hidden!important}
.quick-menu-grid a span{grid-row:1/3!important;font-size:24px!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(0,101,255,.12),rgba(179,92,255,.15))!important;margin:0!important}
.quick-menu-grid a b{display:block!important;font-size:13px!important;line-height:1.15!important;color:#172033!important;white-space:normal!important;margin:0!important}
.quick-menu-grid a small{display:block!important;font-size:11px!important;color:#64748b!important;line-height:1.15!important;margin-top:2px!important;white-space:normal!important}
.nav-create{border:0!important;background:transparent!important;padding:6px 2px!important;font:inherit!important;color:inherit!important;cursor:pointer!important}
.admin-dot{background:transparent!important;color:var(--scraaps-blue)!important;border:0!important;padding:0 3px!important;font-size:12px!important;font-weight:900!important;text-transform:none!important}.admin-dot::before{content:''!important}.logout-mini{color:#64748b!important;font-size:12px!important;font-weight:900!important;padding:6px 2px!important}

.profile-mini-menu{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:16px 0 14px!important;padding:0 2px!important}
.profile-mini-menu a{background:#fff!important;border:1px solid rgba(137,115,255,.15)!important;border-radius:20px!important;padding:12px 8px!important;text-align:center!important;box-shadow:0 9px 22px rgba(23,37,84,.055)!important;min-width:0!important}
.profile-mini-menu span{display:block!important;font-size:22px!important;line-height:1!important;margin-bottom:6px!important}
.profile-mini-menu strong{display:block!important;font-size:20px!important;line-height:1!important;color:#111827!important;font-weight:900!important}
.profile-mini-menu em{display:block!important;font-style:normal!important;font-size:12px!important;color:#64748b!important;font-weight:800!important;margin-top:4px!important;white-space:nowrap!important}
.profile-accordion{background:#fff!important;border:1px solid rgba(137,115,255,.15)!important;border-radius:22px!important;box-shadow:0 10px 24px rgba(23,37,84,.06)!important;margin:14px 0!important;overflow:hidden!important}
.profile-accordion summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:15px 16px!important;background:linear-gradient(135deg,rgba(0,101,255,.08),rgba(179,92,255,.10))!important;cursor:pointer!important}
.profile-accordion summary::-webkit-details-marker{display:none!important}.profile-accordion summary b{font-size:17px!important;text-transform:lowercase!important;color:#111827!important}.profile-accordion summary span{font-size:12px!important;color:#64748b!important;font-weight:800!important}.profile-accordion summary:after{content:'⌄';font-size:18px;color:#2457ff;font-weight:900}.profile-accordion[open] summary:after{content:'⌃'}
.social-info-list{padding:4px 0!important}.social-info-row{display:grid!important;grid-template-columns:112px 1fr!important;gap:12px!important;align-items:start!important;padding:12px 16px!important;border-top:1px solid #eef2f7!important;font-size:14px!important;line-height:1.35!important}.social-info-row:first-child{border-top:0!important}.social-info-row:nth-child(even){background:#f8fbff!important}.social-info-row span{color:#64748b!important;text-align:right!important;font-weight:800!important}.social-info-row strong{color:#172033!important;font-weight:800!important;word-break:break-word!important}.social-info-row.full{grid-template-columns:1fr!important}.social-info-row.full span{text-align:left!important}.social-info-row.full strong{font-weight:700!important;line-height:1.45!important}
.testimonial-form{padding:14px 16px!important;border-top:1px solid #eef2f7!important}.testimonial-form textarea{width:100%!important;border:1px solid #e5e7eb!important;background:#f9fafb!important;border-radius:16px!important;min-height:92px!important;padding:13px!important;font-size:14px!important;resize:vertical!important;margin-bottom:10px!important}.testimonial-list{padding:0!important}.testimonial-item{display:grid!important;grid-template-columns:46px 1fr!important;gap:12px!important;padding:14px 16px!important;border-top:1px solid #eef2f7!important;align-items:start!important}.testimonial-avatar{width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--scraaps-blue),var(--scraaps-lilac))!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important;overflow:hidden!important}.testimonial-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.testimonial-body b{display:block!important;font-size:14px!important;color:#111827!important}.testimonial-body small{display:block!important;font-size:12px!important;color:#64748b!important;margin:1px 0 6px!important}.testimonial-body p{margin:0!important;font-size:14px!important;line-height:1.45!important;color:#374151!important;word-break:break-word!important}.mini-link-right{display:block!important;text-align:right!important;color:#2457ff!important;font-size:13px!important;font-weight:900!important;padding:0 16px 14px!important}.clean-empty{border:0!important;border-radius:0!important;background:#fff!important;text-align:left!important;padding:16px!important}.container{padding-left:18px!important;padding-right:18px!important;padding-bottom:22px!important}.section-head{margin-left:0!important;margin-right:0!important}.memory-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:14px 0 18px!important}.memory-card{display:block!important;background:#fff!important;border:1px solid rgba(137,115,255,.15)!important;border-radius:22px!important;padding:16px!important;box-shadow:0 10px 26px rgba(23,37,84,.06)!important;min-width:0!important}.memory-card .big-ico{display:block!important;font-size:26px!important;margin:0 0 8px!important}.memory-card b{display:block!important;font-size:15px!important;margin-bottom:5px!important;color:#111827!important}.memory-card span:not(.big-ico){display:block!important;font-size:12px!important;color:#6b7280!important;line-height:1.35!important}.empty{line-height:1.35!important}.profile-head{margin-bottom:14px!important}
@media(max-width:380px){.quick-menu-grid a{padding:10px!important;grid-template-columns:31px 1fr!important}.quick-menu-grid a span{width:31px!important;height:31px!important;font-size:21px!important}.quick-menu-grid a b{font-size:12px!important}.social-info-row{grid-template-columns:96px 1fr!important;padding:11px 13px!important}.profile-mini-menu{gap:8px}.profile-mini-menu a{padding:11px 5px}.profile-mini-menu strong{font-size:18px}.profile-mini-menu em{font-size:11px}}

/* FIX 2026-05-05: alinhamento notificações, perfil, busca e solicitações */
.header-tools{
    position:relative;
    z-index:18;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    max-width:480px;
    margin:0 auto;
    padding:10px 18px 8px;
    background:rgba(255,255,255,.72);
    border-bottom:1px solid rgba(137,115,255,.08);
}
.friend-request-wrap{position:relative;min-width:0;flex:1;}
.friend-request-pill{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
    border:0;
    border-radius:999px;
    padding:10px 14px;
    background:#ede9fe;
    color:#4f46e5;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
    box-shadow:0 8px 18px rgba(79,70,229,.10);
}
.friend-request-pill span{
    position:absolute;
    right:-6px;
    top:-8px;
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:#ef4444;
    color:#fff;
    font-size:12px;
    border:2px solid #fff;
}
.friend-request-dropdown{
    position:absolute;
    left:0;
    top:calc(100% + 8px);
    width:min(330px, calc(100vw - 36px));
    background:#fff;
    border:1px solid rgba(137,115,255,.16);
    border-radius:20px;
    box-shadow:0 18px 45px rgba(23,37,84,.18);
    padding:10px;
    z-index:90;
}
.friend-request-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:16px;}
.friend-request-row + .friend-request-row{border-top:1px solid #eef0f4;}
.request-avatar{width:42px;height:42px;border-radius:50%;flex:0 0 42px;overflow:hidden;background:linear-gradient(135deg,#0065ff,#b35cff);color:#fff;display:grid;place-items:center;font-weight:900;}
.request-avatar img{width:100%;height:100%;object-fit:cover;}
.request-info{min-width:0;flex:1;line-height:1.15;}
.request-info b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.request-info small{font-size:11px;color:#6b7280;}
.accept-btn{border-radius:999px;background:#2457ff;color:#fff!important;font-size:12px;font-weight:900;padding:8px 11px;}
.request-empty{padding:14px;text-align:center;color:#6b7280;font-size:13px;}
.site-search-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;}
.search-icon-only{border:0;background:transparent;color:#2457ff;font-size:24px;line-height:1;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;}
.site-search-slide{width:0;opacity:0;overflow:hidden;transition:width .22s ease,opacity .18s ease;}
.site-search-slide input{width:170px;border:1px solid rgba(137,115,255,.18);background:#fff;border-radius:999px;padding:11px 13px;font-size:14px;outline:none;}
.site-search-wrap.is-search-open .site-search-slide{width:176px;opacity:1;}
@media(max-width:380px){.friend-request-pill{font-size:11px;padding:9px 10px}.site-search-wrap.is-search-open .site-search-slide{width:140px}.site-search-slide input{width:134px}}

.notifications-page{padding-top:18px;}
.notifications-head{align-items:center;gap:12px;}
.notifications-head .page-title{font-size:30px;line-height:1;margin:0;}
.mini-btn.disabled{opacity:.8;pointer-events:none;}
.notification-list{display:grid;gap:10px;}
.notification-card{
    display:flex!important;
    align-items:flex-start;
    gap:12px;
    width:100%;
    background:#fff;
    border:1px solid rgba(137,115,255,.13);
    border-radius:20px;
    padding:14px;
    box-shadow:0 8px 22px rgba(23,37,84,.06);
    overflow:hidden;
}
.notification-dot{width:12px;height:12px;border-radius:50%;background:#2457ff;flex:0 0 12px;margin-top:8px;}
.notification-body{min-width:0;flex:1;}
.notification-body b{display:block;font-size:16px;line-height:1.2;margin-bottom:4px;white-space:normal;overflow:visible;}
.notification-body p{margin:0 0 6px;font-size:14px;line-height:1.35;color:#374151;}
.notification-body small{color:#6b7280;font-size:12px;}

.profile-page{padding-left:18px!important;padding-right:18px!important;padding-bottom:110px;}
.compact-social-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;}
.compact-social-menu a{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;background:#fff;border:1px solid rgba(137,115,255,.15);border-radius:18px;padding:11px 6px;box-shadow:0 8px 18px rgba(23,37,84,.05);}
.compact-social-menu span{font-size:20px;line-height:1;}
.compact-social-menu strong{font-size:18px;color:#111827;line-height:1;}
.compact-social-menu em{font-style:normal;font-size:12px;color:#4b5563;font-weight:800;line-height:1;}
.social-card{background:#fff;border:1px solid rgba(137,115,255,.14);border-radius:22px;padding:16px;margin:12px 0 16px;box-shadow:0 8px 22px rgba(23,37,84,.055);}
.social-card h2{margin:0 0 12px;text-transform:lowercase;font-size:20px;letter-spacing:-.2px;}
.social-info-list{display:grid;gap:0;border:1px solid #eef0f4;border-radius:18px;overflow:hidden;background:#fbfcff;}
.social-info-row{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:12px 13px;border-bottom:1px solid #eef0f4;align-items:flex-start;}
.social-info-row:last-child{border-bottom:0;}
.social-info-row span{color:#6b7280;font-size:13px;text-align:left;}
.social-info-row strong{font-size:14px;color:#1f2937;line-height:1.35;word-break:break-word;}
.social-info-row.full{grid-template-columns:1fr;gap:5px;}
.social-info-row.full strong{font-size:15px;}
.clean-album-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.clean-album-grid .album-card{background:#fff;border:1px solid rgba(137,115,255,.13);border-radius:18px;overflow:hidden;box-shadow:0 8px 18px rgba(23,37,84,.05);}
.clean-album-grid .album-cover{height:148px;border-radius:0;background:#eef2ff;display:grid;place-items:center;overflow:hidden;}
.clean-album-grid .album-cover img{width:100%;height:100%;object-fit:cover;}
.clean-album-grid .album-info{position:static!important;background:#fff!important;color:#1f2937!important;padding:10px 12px!important;display:block!important;}
.clean-album-grid .album-info b{display:block;font-size:14px;line-height:1.2;margin-bottom:3px;}
.clean-album-grid .album-info small{color:#6b7280;font-size:12px;}
.compact-friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.compact-friend-grid .friend-card{background:#fff;border:1px solid rgba(137,115,255,.12);border-radius:18px;padding:7px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 18px rgba(23,37,84,.05);min-height:auto;}
.compact-friend-grid .friend-card img,.compact-friend-grid .friend-fallback{width:100%;aspect-ratio:1/1;border-radius:14px;object-fit:cover;margin:0 0 7px;}
.compact-friend-grid .friend-card span{font-size:13px;font-weight:900;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.recado-card .mini-avatar{width:46px;height:46px;flex:0 0 46px;}
.recado-card .message{margin-left:58px;margin-top:-2px;}
.profile-testimonials{background:#fff;border:1px solid rgba(137,115,255,.13);border-radius:20px;overflow:hidden;box-shadow:0 8px 18px rgba(23,37,84,.05);}
.profile-testimonials .testimonial-item{display:flex;gap:12px;padding:14px;border-bottom:1px solid #eef0f4;}
.profile-testimonials .testimonial-item:last-child{border-bottom:0;}
.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0065ff,#b35cff);overflow:hidden;display:grid;place-items:center;color:#fff;font-weight:900;flex:0 0 44px;}
.testimonial-avatar img{width:100%;height:100%;object-fit:cover;}
.testimonial-body{min-width:0;}
.testimonial-body b{display:block;font-size:14px;}
.testimonial-body small{display:block;color:#6b7280;font-size:12px;margin-bottom:6px;}
.testimonial-body p{margin:0;font-size:14px;line-height:1.4;color:#374151;}
.visitor-list .chip{margin-bottom:4px;}
.edit-cover-preview{border-radius:16px;overflow:hidden;margin:0 0 10px;border:1px solid #e5e7eb;}
.edit-cover-preview img{display:block;width:100%;height:140px;object-fit:cover;}


/* === SCRAAPS UI UPGRADE — visual branco, cards modernos, sem alterar funções === */
:root{
  --ui-bg:#f7f8fb;
  --ui-card:#ffffff;
  --ui-line:#e8eaf0;
  --ui-soft:#f1f3f8;
  --ui-text:#151b2d;
  --ui-muted:#70788c;
  --ui-blue:#1175ff;
  --ui-lilac:#a855f7;
  --ui-grad:linear-gradient(135deg,#1175ff 0%,#6d5dfc 50%,#a855f7 100%);
}
body{background:var(--ui-bg)!important;color:var(--ui-text)!important;font-family:Inter,Arial,Helvetica,sans-serif!important}.app{background:var(--ui-bg)!important}.topbar{background:#fff!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:none!important;padding:14px 16px 12px!important}.topline{min-height:48px!important}.logo.brand-logo{width:146px!important;max-width:146px!important;height:42px!important;max-height:42px!important;flex-basis:146px!important}.logo.brand-logo img{width:146px!important;max-width:146px!important;max-height:42px!important;object-fit:contain!important}.top-actions{gap:8px!important}.admin-dot{background:transparent!important;color:var(--ui-blue)!important;border:0!important;padding:0 3px!important;font-size:13px!important;font-weight:900!important}.logout-mini{color:#6b7280!important;background:transparent!important;border:0!important;font-size:13px!important;font-weight:900!important;padding:0 2px!important}.friend-top-icon,.notif{position:relative;width:42px!important;height:42px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--ui-line)!important;display:grid!important;place-items:center!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(17,24,39,.04)!important}.friend-top-icon b,.notif b{position:absolute!important;right:-3px!important;top:-5px!important;min-width:20px;height:20px;border-radius:999px;background:#ff3b5f;color:#fff;font-size:12px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}.mini-user{width:46px!important;height:46px!important;background:#fff!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}.mini-user img{object-fit:cover}.header-tools{display:flex;align-items:center;gap:10px;padding:10px 16px 12px;background:#fff;border-bottom:1px solid var(--ui-line)}.friend-request-pill{height:38px;border-radius:999px;border:0;background:#f3e8ff;color:#7e22ce;font-weight:900;padding:0 13px;font-size:12px;position:relative;white-space:nowrap}.friend-request-pill span{position:absolute;right:-6px;top:-7px;background:#ff3b5f;color:white;border:2px solid #fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px}.friend-request-dropdown{position:absolute;left:16px;right:16px;top:112px;background:#fff;border:1px solid var(--ui-line);border-radius:22px;padding:12px;z-index:70;box-shadow:0 18px 40px rgba(17,24,39,.12)}.friend-request-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f2f6}.friend-request-row:last-child{border-bottom:0}.request-avatar{width:42px;height:42px;border-radius:50%;background:var(--ui-grad);display:grid;place-items:center;color:#fff;font-weight:900;overflow:hidden}.request-avatar img{width:100%;height:100%;object-fit:cover}.request-info b{font-size:14px;display:block}.request-info small{font-size:12px;color:var(--ui-muted)}.accept-btn{height:32px;border-radius:999px;background:var(--ui-grad);color:#fff!important;padding:0 12px;display:inline-grid;place-items:center;font-size:12px;font-weight:900}.site-search-wrap{margin-left:auto;display:flex;align-items:center;gap:8px;max-width:210px}.search-icon-only{width:38px;height:38px;border-radius:50%;background:#fff!important;border:1px solid var(--ui-line)!important;display:grid;place-items:center;font-size:17px;box-shadow:0 8px 20px rgba(17,24,39,.04)}.site-search-slide{width:0;opacity:0;overflow:hidden;transition:width .22s ease,opacity .18s ease}.site-search-wrap.is-search-open .site-search-slide{width:152px;opacity:1}.site-search-slide input{height:38px;width:100%;border:1px solid var(--ui-line);border-radius:999px;background:#fff;padding:0 13px;font-size:14px;outline:0}.container{padding:18px 20px 96px!important}.profile-head{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:30px!important;box-shadow:0 18px 45px rgba(17,24,39,.06)!important;padding:26px 18px!important;margin-bottom:18px!important}.profile-head .avatar{width:118px!important;height:118px!important;border:6px solid #f0ecff!important;box-shadow:none!important;background:var(--ui-grad)!important}.profile-head h1{font-size:30px!important;letter-spacing:-1px!important;margin-top:8px!important}.profile-head .user{font-size:16px!important;color:#7c5cff!important;font-weight:900!important}.verify-badge{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ui-grad);color:white;font-size:12px;vertical-align:middle}.profile-view-tabs{display:flex;justify-content:center;gap:8px;margin:15px 0 12px}.profile-view-tabs a{height:38px;min-width:88px;border-radius:999px;border:1px solid var(--ui-line);background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}.profile-view-tabs a.active{background:var(--ui-grad);border-color:transparent;color:#fff}.home-tabs{margin-top:18px}.mini-btn,.login-pill,.btn-light{background:#fff!important;border:1px solid var(--ui-line)!important;color:var(--ui-blue)!important;box-shadow:0 8px 18px rgba(17,24,39,.04);border-radius:999px!important}.btn-gradient,.btn-primary,.nav-plus{background:var(--ui-grad)!important}.section-head{margin:24px 0 12px!important}.section-title,.page-title{color:var(--ui-text)!important;letter-spacing:-.6px}.page-title{font-size:34px!important}.card,.topic-card,.form-card,.category-card,.profile-head,.stat-card,.community-detail,.empty,.social-card{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:24px!important;box-shadow:none!important}.empty{padding:20px!important;color:var(--ui-muted)!important}.compact-social-menu{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px}.compact-social-menu a{background:#fff;border:1px solid var(--ui-line);border-radius:20px;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ui-text);box-shadow:none}.compact-social-menu span{font-size:22px}.compact-social-menu strong{font-size:20px;line-height:1}.compact-social-menu em{font-style:normal;color:var(--ui-muted);font-weight:800;font-size:12px}.social-card{padding:18px;margin-bottom:16px}.social-card h2{text-transform:lowercase;margin:0 0 14px;font-size:22px}.social-info-list{display:grid;gap:0;border:1px solid var(--ui-line);border-radius:18px;overflow:hidden}.social-info-row{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:13px 14px;background:#fff;border-bottom:1px solid #f0f1f5;align-items:start}.social-info-row:nth-child(even){background:#fafbff}.social-info-row:last-child{border-bottom:0}.social-info-row span{text-transform:lowercase;color:var(--ui-muted);font-size:13px;font-weight:800}.social-info-row strong{font-size:14px;line-height:1.4}.social-info-row.full{grid-template-columns:1fr}.community-chip-list{gap:8px}.community-chip-list .chip{background:#fff;border-color:var(--ui-line);color:var(--ui-text)}.album-grid.clean-album-grid,.photo-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}.album-card{border:0!important;background:transparent!important;color:var(--ui-text)!important;box-shadow:none!important}.album-cover,.photo-thumb{aspect-ratio:9/16!important;border-radius:22px!important;overflow:hidden;background:#e5e7eb!important;display:grid;place-items:center}.album-cover img,.photo-thumb img{width:100%;height:100%;object-fit:cover}.album-info{padding:10px 2px 0!important;background:transparent!important;color:var(--ui-text)!important;position:static!important;text-shadow:none!important}.album-info b{display:block;font-size:14px}.album-info small{color:var(--ui-muted);font-size:12px}.friend-grid.compact-friend-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px!important}.friend-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;text-align:center;color:var(--ui-text)}.friend-card img,.friend-fallback{width:74px!important;height:74px!important;border-radius:50%!important;margin:0 auto 8px!important;object-fit:cover}.friend-card span{font-size:13px;font-weight:900;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-memory-card,.recado-card{border-radius:22px!important}.feed-comment-row{margin-top:10px;border-top:1px solid #f0f1f5;padding-top:10px;color:var(--ui-muted);font-size:13px;font-weight:800}.recado-form-card textarea{min-height:118px!important;border-radius:22px!important}.post-meta{align-items:center!important}.mini-avatar{width:48px!important;height:48px!important;border-radius:50%!important;background:var(--ui-grad)!important}.mini-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-list{background:#fff;border:1px solid var(--ui-line);border-radius:24px;overflow:hidden}.testimonial-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid #f0f1f5}.testimonial-item:last-child{border-bottom:0}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--ui-grad);display:grid;place-items:center;color:#fff;font-weight:900;overflow:hidden;flex:0 0 48px}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-body b{display:block}.testimonial-body small{color:var(--ui-muted)}.testimonial-body p{margin:8px 0 0;line-height:1.45}.visitor-list .chip{background:#fff;border-color:var(--ui-line)}.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memory-card{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:24px!important;box-shadow:none!important;color:var(--ui-text)!important;padding:18px!important;min-height:138px;display:flex;flex-direction:column;gap:8px}.memory-card .big-ico{font-size:34px}.memory-card b{font-size:20px}.memory-card span:last-child{color:var(--ui-muted);line-height:1.35}.feed-actions-grid .memory-card{min-height:120px}.feed-topic-card{display:block}.notification-list{display:grid;gap:12px}.notification-card{display:grid!important;grid-template-columns:12px 1fr;gap:12px;align-items:start;background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:22px!important;padding:16px!important;box-shadow:none!important;color:var(--ui-text)!important;max-width:100%;overflow:hidden}.notification-dot{width:10px;height:10px;border-radius:50%;background:var(--ui-blue);margin-top:7px}.notification-body{min-width:0}.notification-body b{font-size:17px;display:block;white-space:normal!important}.notification-body p{margin:5px 0;color:#374151;font-size:14px;line-height:1.35;word-break:break-word}.notification-body small{color:var(--ui-muted)}.bottom-nav{background:#fff!important;border-top:1px solid var(--ui-line)!important;box-shadow:0 -8px 26px rgba(17,24,39,.06)!important}.nav-item{background:transparent!important;border:0!important}.quick-menu-panel{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:28px 28px 0 0!important;box-shadow:0 -16px 44px rgba(17,24,39,.16)!important}.quick-menu-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.quick-menu-grid a{background:#f8f9fc!important;border:1px solid var(--ui-line)!important;border-radius:20px!important;padding:14px!important;color:var(--ui-text)!important;display:grid;gap:3px;text-decoration:none}.quick-menu-grid a span{font-size:24px}.quick-menu-grid a b{font-size:14px}.quick-menu-grid a small{color:var(--ui-muted);font-size:11px}.community-card{border-radius:24px!important;background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}.community-card .overlay{background:linear-gradient(90deg,rgba(17,24,39,.55),rgba(17,24,39,.05))}.photo-page-img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:24px;background:#e5e7eb}.comment-card{background:#fff;border:1px solid var(--ui-line);border-radius:20px;padding:14px;margin-bottom:10px}.search-form button{background:#fff!important;border:1px solid var(--ui-line)!important;color:var(--ui-text)!important;box-shadow:none!important}@media(max-width:380px){.logo.brand-logo{width:132px!important;flex-basis:132px!important}.logo.brand-logo img{width:132px!important}.container{padding-left:18px!important;padding-right:18px!important}.friend-grid.compact-friend-grid{grid-template-columns:repeat(3,1fr);gap:10px}.friend-card img,.friend-fallback{width:64px!important;height:64px!important}.profile-view-tabs a{min-width:78px}.social-info-row{grid-template-columns:98px 1fr}}

/* ===== FINAL OVERRIDE: dark neon green UI ===== */
:root{
  --dk-bg:#090a0b;
  --dk-surface:#111316;
  --dk-surface-2:#171a1f;
  --dk-line:#262a31;
  --dk-line-soft:#1d2026;
  --dk-text:#f5f7fa;
  --dk-text-soft:#a1a7b3;
  --dk-green:#c8ff2c;
  --dk-green-2:#95ff17;
  --dk-green-soft:rgba(200,255,44,.12);
  --dk-chip:#1a1d22;
}
html,body{background:var(--dk-bg)!important;color:var(--dk-text)!important;}
body,.app{background:var(--dk-bg)!important;color:var(--dk-text)!important;}
a{color:inherit}
.topbar{background:#0b0d10!important;border-bottom:1px solid var(--dk-line)!important;box-shadow:none!important;padding:14px 16px 10px!important;}
.topline,.top-header-mobile{align-items:center!important}
.logo.brand-logo{width:152px!important;height:42px!important;max-height:42px!important;flex-basis:152px!important;}
.logo.brand-logo img{width:152px!important;max-width:152px!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.03));}
.icon-btn svg,.ico svg,.profile-friends-counter svg,.avatar-bell svg{width:20px;height:20px;display:block}
.top-actions{gap:10px!important}
.friend-top-icon,.notif,.search-icon-only,.friend-request-pill,.mini-user{background:var(--dk-surface)!important;border:1px solid var(--dk-line)!important;box-shadow:none!important;color:var(--dk-text)!important}
.friend-top-icon b,.notif b,.profile-friends-counter b,.avatar-bell b,.friend-request-pill span{background:var(--dk-green)!important;color:#081003!important;border:2px solid #0b0d10!important;font-weight:900}
.logout-mini,.admin-dot{color:var(--dk-text-soft)!important}
.admin-dot:hover,.logout-mini:hover{color:var(--dk-green)!important}
.header-tools{background:#0b0d10!important;border-bottom:1px solid var(--dk-line)!important;padding:10px 16px 12px!important;gap:10px!important}
.friend-request-pill{background:var(--dk-chip)!important;border-color:var(--dk-line)!important;color:var(--dk-text)!important}
.friend-request-dropdown{background:var(--dk-surface)!important;border:1px solid var(--dk-line)!important;box-shadow:0 18px 40px rgba(0,0,0,.45)!important}
.friend-request-row{border-bottom:1px solid var(--dk-line-soft)!important}
.request-info b{color:var(--dk-text)!important}.request-info small,.request-empty{color:var(--dk-text-soft)!important}
.accept-btn{background:var(--dk-green)!important;color:#0a0f03!important}
.site-search-slide input{background:var(--dk-surface)!important;border:1px solid var(--dk-line)!important;color:var(--dk-text)!important}
.site-search-slide input::placeholder{color:#727887}
.container{padding:18px 18px 102px!important}
.page-title,.section-title,.profile-top-title,.profile-head h1,.memory-card b,.feed-title{color:var(--dk-text)!important}
.muted,.link-blue,.album-info small,.notification-body small,.social-info-row span,.memory-card span:not(.big-ico),.feed-snippet,.post-meta .muted{color:var(--dk-text-soft)!important}
.link-blue{color:var(--dk-green)!important}
.card,.topic-card,.form-card,.profile-head,.empty,.community-card,.social-card,.profile-details-card,.memory-card,.notification-card,.comment-card,.testimonial-list,.quick-menu-panel{background:var(--dk-surface)!important;border:1px solid var(--dk-line)!important;box-shadow:none!important;color:var(--dk-text)!important}
.empty{background:var(--dk-surface)!important;color:var(--dk-text-soft)!important}
.btn,.mini-btn,.login-pill,.btn-light,.search-form button{background:var(--dk-surface)!important;border:1px solid var(--dk-line)!important;color:var(--dk-text)!important;box-shadow:none!important}
.btn-gradient,.btn-primary,.nav-plus,.profile-view-tabs a.active,.accept-btn{background:linear-gradient(135deg,var(--dk-green),var(--dk-green-2))!important;color:#071003!important;border:0!important}
.profile-view-tabs a{background:var(--dk-chip)!important;color:var(--dk-text-soft)!important;border:1px solid var(--dk-line)!important;min-width:92px!important}
.profile-view-tabs a.active{color:#071003!important}
.profile-head{padding:18px!important;border-radius:28px!important}
.profile-head-modern .profile-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.profile-top-title{font-size:26px;font-weight:900;letter-spacing:-.8px}
.profile-friends-counter{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--dk-chip);border:1px solid var(--dk-line);color:var(--dk-text)}
.avatar-wrap{position:relative;width:max-content;margin:6px auto 0}
.profile-head .avatar{width:108px!important;height:108px!important;border:4px solid #20242b!important;background:#14171c!important;box-shadow:none!important}
.profile-head .avatar img{object-fit:cover}
.avatar-bell{position:absolute;right:-4px;top:-6px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--dk-surface-2);border:1px solid var(--dk-line);color:var(--dk-text)}
.profile-head .user{margin-top:14px!important;color:var(--dk-text)!important;font-size:15px!important}
.verify-badge{background:linear-gradient(135deg,var(--dk-green),var(--dk-green-2))!important;color:#071003!important}
.profile-bio{color:var(--dk-text-soft)!important;text-align:center;max-width:320px;margin:0 auto 8px;line-height:1.45}
.row-actions{gap:10px!important}
.compact-social-menu a,.chip,.visitor-list .chip,.community-chip-list .chip{background:var(--dk-chip)!important;border:1px solid var(--dk-line)!important;color:var(--dk-text)!important;box-shadow:none!important}
.compact-social-menu strong{color:var(--dk-text)!important}.compact-social-menu em{color:var(--dk-text-soft)!important}
.profile-details-card{margin:0 0 18px;padding:16px 16px 2px;border-radius:24px}
.compact-head{margin-top:0!important}.social-info-list{border:1px solid var(--dk-line)!important;background:var(--dk-surface-2)!important}
.social-info-row{background:transparent!important;border-bottom:1px solid var(--dk-line-soft)!important}.social-info-row:nth-child(even){background:#12151a!important}.social-info-row strong{color:var(--dk-text)!important}
.community-card .overlay{background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.08))!important}
.community-card .badge{background:linear-gradient(135deg,var(--dk-green),var(--dk-green-2))!important;color:#071003!important}
.album-cover,.photo-thumb,.photo-page-img{background:#0e1013!important;border:1px solid var(--dk-line)!important}
.album-info b{color:var(--dk-text)!important}.under-feed-media{padding:10px 2px 0!important}
.friend-grid.compact-friend-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.friend-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.friend-card img,.friend-fallback{width:78px!important;height:78px!important;border-radius:50%!important;border:1px solid var(--dk-line)!important;background:#14171c!important}
.friend-card span{color:var(--dk-text)!important}
.feed-card{padding:16px!important;border-radius:24px!important;margin-bottom:14px}
.feed-author-text{min-width:0}.feed-badge{margin-left:auto;background:var(--dk-green-soft);border:1px solid rgba(200,255,44,.18);color:var(--dk-green);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.feed-title{font-size:18px;margin:12px 0 8px;line-height:1.25}
.feed-link-card{display:block;background:#0f1115;border:1px solid var(--dk-line);border-radius:20px;padding:14px;color:var(--dk-text)!important}
.feed-link-top{color:var(--dk-green);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.feed-snippet{margin:0 0 8px;line-height:1.45}
.photo-portrait{aspect-ratio:9/16!important;border-radius:22px!important;overflow:hidden;display:block}.photo-portrait img{width:100%;height:100%;object-fit:cover}
.feed-comment-row{margin-top:12px;border-top:1px solid var(--dk-line);padding-top:12px;color:var(--dk-text-soft)!important;font-size:13px;font-weight:800}
.feed-comment-row a{color:var(--dk-text-soft)!important}.feed-comment-row a:hover{color:var(--dk-green)!important}
.recado-form-card textarea,.form-group input,.form-group textarea,.site-search-slide input{background:#0f1115!important;color:var(--dk-text)!important;border:1px solid var(--dk-line)!important}
.form-group input::placeholder,.form-group textarea::placeholder,.recado-form-card textarea::placeholder{color:#727887}
.notification-card{background:var(--dk-surface)!important;border-color:var(--dk-line)!important;grid-template-columns:12px 1fr!important}
.notification-dot{background:var(--dk-green)!important}
.notification-body b{color:var(--dk-text)!important}.notification-body p{color:var(--dk-text-soft)!important}
.testimonial-list,.testimonial-item,.comment-card{background:var(--dk-surface)!important;border-color:var(--dk-line)!important}
.testimonial-item{border-bottom:1px solid var(--dk-line-soft)!important}.testimonial-body b{color:var(--dk-text)!important}.testimonial-body p{color:var(--dk-text-soft)!important}
.post-meta{display:flex!important;align-items:center!important;gap:12px!important}.mini-avatar,.testimonial-avatar{background:#14171c!important;border:1px solid var(--dk-line)!important}.mini-avatar img,.testimonial-avatar img{object-fit:cover}
.memory-card{background:var(--dk-surface)!important;min-height:126px!important}.memory-card .big-ico{font-size:30px;color:var(--dk-green)}
.search-form input{background:#0f1115!important;border:1px solid var(--dk-line)!important;color:var(--dk-text)!important}
.search-form input::placeholder{color:#727887}
.bottom-nav{background:#0b0d10!important;border-top:1px solid var(--dk-line)!important;box-shadow:0 -8px 30px rgba(0,0,0,.35)!important;padding-top:8px!important}
.nav-item{color:#7d8491!important;font-weight:700!important}.nav-item.active{color:var(--dk-green)!important}.nav-item .ico{display:block;margin:0 auto 4px;width:22px;height:22px}.nav-item .ico svg{width:22px;height:22px}
.nav-plus{width:54px!important;height:54px!important;box-shadow:0 0 0 6px rgba(200,255,44,.08),0 10px 24px rgba(0,0,0,.35)!important;color:#071003!important;font-size:30px!important}
.quick-menu-backdrop{background:rgba(0,0,0,.55)!important}.quick-menu-panel{background:#101216!important;border:1px solid var(--dk-line)!important;border-radius:28px 28px 0 0!important}.quick-menu-handle{background:#343844!important}.quick-menu-head strong,.quick-menu-grid a b{color:var(--dk-text)!important}.quick-menu-close{background:#181b20;border:1px solid var(--dk-line);color:var(--dk-text)}
.quick-menu-grid a{background:#15181d!important;border:1px solid var(--dk-line)!important;color:var(--dk-text)!important}.quick-menu-grid a small{color:var(--dk-text-soft)!important}
.hero{background:linear-gradient(180deg,#121418,#0c0e11)!important;border:1px solid var(--dk-line)!important;box-shadow:none!important;color:var(--dk-text)!important}.hero p{color:var(--dk-text-soft)!important}
.community-chip-list,.chips{gap:8px!important}
@media(max-width:380px){
  .logo.brand-logo{width:136px!important;flex-basis:136px!important}.logo.brand-logo img{width:136px!important}
  .profile-top-title{font-size:22px}
  .friend-card img,.friend-fallback{width:68px!important;height:68px!important}
  .profile-view-tabs a{min-width:78px!important}
}

/* ===== tweak v2 per latest request ===== */
.header-tools{padding-top:12px!important;padding-bottom:14px!important}
.site-search-wrap.is-full{max-width:none!important;width:100%!important;justify-content:stretch!important;gap:10px!important}
.site-search-wrap.is-full .site-search-slide{width:100%!important;opacity:1!important;overflow:visible!important}
.site-search-wrap.is-full .site-search-slide.is-open{width:100%!important;opacity:1!important}
.site-search-wrap.is-full .site-search-slide input{width:100%!important;height:50px!important;border-radius:18px!important;padding:0 18px!important}
.search-icon-only{width:50px!important;height:50px!important;border-radius:18px!important;flex:0 0 50px!important}
.profile-head.profile-head-modern{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0 10px!important}
.profile-head.profile-head-modern .profile-topline{display:none!important}
.profile-head.profile-head-modern .avatar-wrap{margin-top:6px!important}
.profile-head.profile-head-modern .avatar{width:128px!important;height:128px!important;border:4px solid #1f232a!important}
.profile-head.profile-head-modern h1{font-size:30px!important;margin-top:14px!important;text-align:center!important}
.profile-head.profile-head-modern .user{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center!important}
.profile-count-inline{display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0 14px;color:var(--dk-text-soft);font-size:14px;font-weight:600}
.profile-count-inline span{display:inline-flex;align-items:center;gap:6px}
.profile-count-inline b{color:var(--dk-text)!important;font-size:15px}
.profile-view-tabs{width:100%!important;max-width:360px!important;margin:0 auto 14px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.profile-view-tabs a{min-width:0!important;width:100%!important;padding:0 8px!important;text-align:center!important;justify-content:center!important}
.home-tabs{margin-top:0!important}
.row-actions{justify-content:center!important}
.profile-head .avatar-wrap .avatar-bell{top:-4px!important;right:-6px!important}
.profile-head .avatar-wrap:only-child .avatar-bell{display:none}
.pill-line{display:none!important}
@media(max-width:380px){
  .site-search-wrap.is-full .site-search-slide input{font-size:13px!important;padding:0 14px!important}
  .profile-head.profile-head-modern .avatar{width:118px!important;height:118px!important}
  .profile-head.profile-head-modern h1{font-size:26px!important}
  .profile-count-inline{gap:12px;font-size:13px}
}

/* ===== feed/comment/profile refinements v3 ===== */
.feed-question-title{font-size:34px;font-weight:950;letter-spacing:-1px;color:var(--dk-text);margin:6px 0 18px;line-height:1.05}
.feed-badge{display:none!important}
.feed-photo-caption{font-size:15px;line-height:1.45;color:var(--dk-text-soft);padding:12px 2px 0}
.feed-comment-toggle{appearance:none;border:0;background:transparent;color:var(--dk-text-soft);font-weight:900;font-size:14px;padding:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.feed-comment-toggle:hover{color:var(--dk-green)}
.feed-comments-box{border-top:1px solid var(--dk-line);padding-top:12px;margin-top:10px}
.feed-comments-list{display:grid;gap:10px;margin-bottom:10px}
.feed-comment-item{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}
.comment-avatar{width:38px;height:38px;border-radius:50%;background:#15181d;border:1px solid var(--dk-line);display:grid;place-items:center;overflow:hidden;color:var(--dk-green);font-weight:900;flex:0 0 38px}
.comment-avatar img{width:100%;height:100%;object-fit:cover}
.comment-content{background:#0f1115;border:1px solid var(--dk-line-soft);border-radius:16px;padding:10px 12px;min-width:0}
.comment-content b{display:block;color:var(--dk-text);font-size:13px}.comment-content small{display:block;color:var(--dk-text-soft);font-size:11px;margin-top:1px}.comment-content p{margin:6px 0 0;color:var(--dk-text);font-size:14px;line-height:1.35;word-break:break-word}
.feed-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.feed-comment-form input{height:42px;border-radius:999px;border:1px solid var(--dk-line);background:#0f1115;color:var(--dk-text);padding:0 14px;font-size:14px;outline:none}.feed-comment-form input::placeholder{color:#727887}.feed-comment-form button{height:42px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--dk-green),var(--dk-green-2));color:#071003;font-weight:900;padding:0 14px}
.comment-login-hint{color:var(--dk-text-soft);font-size:13px;padding:8px 0}
.feed-card .album-info,.feed-card .under-feed-media{display:none!important}
.clean-album-grid .album-card,.album-grid .album-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.clean-album-grid .album-card .album-cover{border-radius:22px!important;overflow:hidden!important}
.clean-album-grid .album-card .album-info{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 0 0!important;position:static!important;color:var(--dk-text)!important;text-shadow:none!important}
.clean-album-grid .album-card .album-info b{color:var(--dk-text)!important;font-size:14px!important}.clean-album-grid .album-card .album-info small{color:var(--dk-text-soft)!important;font-size:12px!important}
.social-info-list{border-radius:20px!important;overflow:hidden!important}.social-info-row{grid-template-columns:1fr!important;gap:4px!important;text-align:left!important;padding:14px 16px!important}.social-info-row span{text-transform:none!important;text-align:left!important;color:var(--dk-text-soft)!important;font-size:13px!important;font-weight:900!important}.social-info-row strong{text-align:left!important;font-size:16px!important}

/* ===== latest visual cleanup ===== */
.profile-head.profile-head-modern{position:relative;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 12px!important;margin-bottom:18px!important}
.profile-head.profile-head-modern .avatar-wrap{margin-top:8px!important}
.profile-head.profile-head-modern .avatar{width:138px!important;height:138px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.profile-head.profile-head-modern .avatar img{border-radius:50%!important;width:100%!important;height:100%!important;object-fit:cover!important}
.profile-main-name{font-size:30px!important;margin:16px 0 6px!important;text-align:center!important;letter-spacing:-.8px!important;color:var(--dk-text)!important}
.profile-head.profile-head-modern .user{margin-top:0!important}
.profile-count-inline{display:none!important}
.floating-friends-counter{position:absolute;right:14px;top:8px;z-index:3}
.avatar-bell{background:#12151a!important;border:1px solid var(--dk-line)!important;box-shadow:none!important}
.profile-head.profile-head-modern .avatar-bell{top:2px!important;right:-4px!important}
.profile-head.profile-head-modern .profile-bio{max-width:520px;margin:10px auto 10px!important;padding:0 8px}
.profile-head.profile-head-modern .row-actions{margin-top:14px!important}
.profile-head.profile-head-modern .btn,.profile-head.profile-head-modern .btn-light,.profile-head.profile-head-modern .btn-gradient{min-width:0}
.feed-photo-caption{display:block;margin:16px 0 4px!important;padding:0 4px!important;color:var(--dk-text)!important;font-size:15px;line-height:1.45}
.feed-comment-row{margin-top:14px!important;padding-top:12px!important;border-top:1px solid var(--dk-line)!important}
.feed-comment-toggle{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font-weight:800!important;font-size:15px!important;padding:0!important;display:inline-flex!important;align-items:center!important;gap:8px!important;line-height:1!important}
.feed-comment-toggle:hover,.feed-comment-toggle:focus{color:var(--dk-green)!important;outline:none!important}
.feed-comment-toggle::before{content:"💬";display:inline-block;font-size:18px;line-height:1}
.feed-comment-row .feed-comment-toggle{font-family:inherit!important}
.comment-content{background:#0c0f13!important}
@media(max-width:380px){
  .profile-head.profile-head-modern .avatar{width:126px!important;height:126px!important}
  .profile-main-name{font-size:26px!important}
}


/* ===== ajustes solicitados 2026-05-05 ===== */
.feed-comment-row{border-top:0!important;padding-top:0!important;margin-top:14px!important}
.feed-comment-toggle,
.feed-comment-toggle:hover,
.feed-comment-toggle:focus{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#fff!important;font-weight:800!important;font-size:15px!important;line-height:1.1!important;text-decoration:none!important;outline:none!important}
.feed-comment-toggle::before{content:none!important;display:none!important}
.feed-comments-box{padding-top:12px!important;margin-top:10px!important;border-top:1px solid var(--dk-line)!important}
.feed-comment-form{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center!important}
.feed-comment-form input{height:42px!important;border-radius:12px!important;border:1px solid #262a31!important;background:#121317!important;color:#fff!important;padding:0 14px!important;font-size:14px!important;outline:none!important;box-shadow:none!important}
.feed-comment-form input::placeholder{color:#9aa0aa!important}
.feed-comment-form button{height:42px!important;border:0!important;border-radius:12px!important;padding:0 16px!important}
.feed-comment-item{grid-template-columns:40px 1fr!important;gap:10px!important}
.comment-avatar{width:40px!important;height:40px!important}
.comment-content{background:transparent!important;border:0!important;padding:0!important}
.comment-content b{display:block!important;color:#fff!important;font-size:13px!important;line-height:1.1!important;margin:0!important}
.comment-content small{display:block!important;color:#a9afb9!important;font-size:11px!important;line-height:1.1!important;margin:2px 0 0!important}
.comment-content p{margin:6px 0 0!important;color:#fff!important;font-size:14px!important;line-height:1.35!important}

.profile-page .profile-head.profile-head-modern,
.profile-head.profile-head-modern{background:#000!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0 0 12px!important}
.profile-head.profile-head-modern .avatar-wrap,
.profile-head.profile-head-modern .avatar,
.profile-head.profile-head-modern .avatar img{box-shadow:none!important}
.profile-head.profile-head-modern .avatar{border:0!important;background:transparent!important}
.profile-main-name{margin:14px 0 2px!important;line-height:1.02!important}
.profile-head.profile-head-modern .user{margin-top:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;line-height:1.02!important}
.profile-head.profile-head-modern .profile-view-tabs{margin-top:16px!important}

.clean-album-grid .album-card .album-cover,
.album-grid .album-card .album-cover{border:0!important;box-shadow:none!important}
.clean-album-grid .album-card .album-info,
.album-grid .album-card .album-info{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0 0!important}
.clean-album-grid .album-card .album-info b,
.album-grid .album-card .album-info b{color:#fff!important;font-size:14px!important;font-weight:800!important}
.clean-album-grid .album-card .album-info small,
.album-grid .album-card .album-info small{display:none!important}


/* ===== correção avatar perfil 2026-05-05 ===== */
.profile-head.profile-head-modern .avatar-wrap{
  width:132px!important;
  height:132px!important;
  margin:8px auto 12px!important;
  position:relative!important;
  display:block!important;
}

.profile-head.profile-head-modern .avatar{
  width:132px!important;
  height:132px!important;
  min-width:132px!important;
  min-height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
  border:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#000!important;
  box-shadow:none!important;
  display:block!important;
}

.profile-head.profile-head-modern .avatar img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

.profile-head.profile-head-modern .avatar-bell{
  top:4px!important;
  right:-8px!important;
  z-index:5!important;
}

.profile-main-name,
.profile-head.profile-head-modern h1{
  position:relative!important;
  z-index:1!important;
  clear:both!important;
  margin:8px 0 2px!important;
  line-height:1.05!important;
}

.profile-head.profile-head-modern .user{
  position:relative!important;
  z-index:1!important;
  margin-top:0!important;
  line-height:1.05!important;
}

@media(max-width:380px){
  .profile-head.profile-head-modern .avatar-wrap{
    width:122px!important;
    height:122px!important;
  }
  .profile-head.profile-head-modern .avatar{
    width:122px!important;
    height:122px!important;
    min-width:122px!important;
    min-height:122px!important;
    max-width:122px!important;
    max-height:122px!important;
  }
}

/* ===== correção final avatar e participe 2026-05-05 ===== */
/* Avatar do card inicial/perfil: força círculo real e impede oval/estouro */
.profile-head.profile-head-modern{
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  padding:26px 0 18px!important;
  margin-bottom:22px!important;
  text-align:center!important;
}
.profile-head.profile-head-modern .avatar-wrap{
  width:132px!important;
  height:132px!important;
  min-width:132px!important;
  min-height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
  margin:0 auto 16px!important;
  position:relative!important;
  display:block!important;
  line-height:0!important;
}
.profile-head.profile-head-modern .avatar{
  width:132px!important;
  height:132px!important;
  min-width:132px!important;
  min-height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
  aspect-ratio:1/1!important;
  border:0!important;
  border-radius:9999px!important;
  overflow:hidden!important;
  clip-path:circle(50% at 50% 50%)!important;
  background:#15181d!important;
  box-shadow:none!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.profile-head.profile-head-modern .avatar img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  border-radius:9999px!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.profile-head.profile-head-modern .avatar-bell{
  width:42px!important;
  height:42px!important;
  top:0!important;
  right:-8px!important;
  z-index:5!important;
}
.profile-head.profile-head-modern .profile-main-name,
.profile-head.profile-head-modern h1{
  display:block!important;
  clear:both!important;
  position:relative!important;
  z-index:1!important;
  margin:0 0 4px!important;
  padding:0 18px!important;
  line-height:1.04!important;
  text-align:center!important;
}
.profile-head.profile-head-modern .user{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  line-height:1.05!important;
  text-align:center!important;
}
.profile-head.profile-head-modern .profile-view-tabs,
.profile-head.profile-head-modern .home-tabs{
  margin-top:18px!important;
}
@media(max-width:380px){
  .profile-head.profile-head-modern .avatar-wrap,
  .profile-head.profile-head-modern .avatar{
    width:122px!important;
    height:122px!important;
    min-width:122px!important;
    min-height:122px!important;
    max-width:122px!important;
    max-height:122px!important;
  }
}

/* Ícones da seção Participe no mesmo padrão vazado/verde dos demais cards */
.participe-grid .participe-card .participe-icon,
.memory-grid .participe-card .participe-icon{
  width:42px!important;
  height:42px!important;
  display:block!important;
  margin:0 0 18px!important;
  color:var(--dk-green)!important;
  line-height:0!important;
  font-size:0!important;
}
.participe-grid .participe-card .participe-icon svg,
.memory-grid .participe-card .participe-icon svg{
  width:42px!important;
  height:42px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.participe-grid .participe-card .participe-icon svg path,
.memory-grid .participe-card .participe-icon svg path{
  fill:none!important;
  stroke:currentColor!important;
}


/* ===== CORRECAO DEFINITIVA: avatar redondo + icones participe ===== */
.profile-head.profile-head-modern{background:#000!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;padding:22px 0 18px!important;margin-bottom:22px!important;text-align:center!important;}
.profile-head.profile-head-modern .avatar-wrap{width:132px!important;height:132px!important;min-width:132px!important;min-height:132px!important;max-width:132px!important;max-height:132px!important;margin:0 auto 16px!important;position:relative!important;display:block!important;line-height:0!important;overflow:visible!important;}
.profile-head.profile-head-modern .avatar{width:132px!important;height:132px!important;min-width:132px!important;min-height:132px!important;max-width:132px!important;max-height:132px!important;aspect-ratio:1/1!important;border:0!important;border-radius:50%!important;overflow:hidden!important;background:#15181d!important;box-shadow:none!important;display:block!important;margin:0!important;padding:0!important;line-height:0!important;clip-path:circle(50% at 50% 50%)!important;}
.profile-head.profile-head-modern .avatar img{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;object-position:center center!important;display:block!important;margin:0!important;padding:0!important;transform:none!important;}
.profile-head.profile-head-modern .avatar-bell{width:42px!important;height:42px!important;top:0!important;right:-8px!important;z-index:5!important;}
.profile-head.profile-head-modern .profile-main-name,.profile-head.profile-head-modern h1{display:block!important;clear:both!important;position:relative!important;z-index:1!important;margin:0 0 4px!important;padding:0 18px!important;line-height:1.04!important;text-align:center!important;}
.profile-head.profile-head-modern .user{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:0!important;line-height:1.05!important;text-align:center!important;}
.participe-grid .participe-card .participe-icon,.memory-grid .participe-card .participe-icon{width:42px!important;height:42px!important;display:block!important;margin:0 0 18px!important;color:var(--dk-green,#a6ff21)!important;line-height:0!important;font-size:0!important;}
.participe-grid .participe-card .participe-icon svg,.memory-grid .participe-card .participe-icon svg{width:42px!important;height:42px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.participe-grid .participe-card .participe-icon svg path,.memory-grid .participe-card .participe-icon svg path{fill:none!important;stroke:currentColor!important;}
@media(max-width:380px){.profile-head.profile-head-modern .avatar-wrap,.profile-head.profile-head-modern .avatar{width:122px!important;height:122px!important;min-width:122px!important;min-height:122px!important;max-width:122px!important;max-height:122px!important;}}


/* ===== ajuste perfil: fundo padrão e ícone amizade fora do avatar ===== */
.profile-page .profile-head,
.profile-page .profile-head.profile-head-modern,
.profile-head.profile-head-modern{
  background:#090A0C!important;
  border:0!important;
  box-shadow:none!important;
}

.profile-head.profile-head-modern .floating-friends-counter,
.floating-friends-counter{
  left:18px!important;
  right:auto!important;
  top:22px!important;
  z-index:6!important;
}

.profile-head.profile-head-modern .avatar-wrap{
  margin-top:0!important;
}

.profile-head.profile-head-modern .avatar-bell{
  top:0!important;
  right:-8px!important;
}

@media(max-width:380px){
  .profile-head.profile-head-modern .floating-friends-counter,
  .floating-friends-counter{
    left:14px!important;
    top:18px!important;
  }
}


/* ===== remover ícone duplicado de amizade no container do perfil ===== */
.profile-head.profile-head-modern .floating-friends-counter,
.profile-page .floating-friends-counter,
a.profile-friends-counter.floating-friends-counter{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.profile-page .profile-head,
.profile-page .profile-head.profile-head-modern,
.profile-head.profile-head-modern{
  background:#090A0C!important;
}


/* ===== ajuste privacidade: texto legível nos campos brancos ===== */
.privacy-page .switch-row,
.privacy-card .switch-row{
  background:#fff!important;
  color:#111827!important;
}
.privacy-page .switch-row label,
.privacy-card .switch-row label,
.privacy-page .switch-row label *,
.privacy-card .switch-row label *{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
.privacy-page .switch-row .small-text,
.privacy-card .switch-row .small-text{
  color:#6b7280!important;
  -webkit-text-fill-color:#6b7280!important;
}
.privacy-page .select,
.privacy-card .select{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  background:#f9fafb!important;
}


/* ===== ajuste título "O que há de novo?" na página inicial ===== */
.feed-question-title{
  font-size:30px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.8px!important;
  margin:24px 0 18px!important;
}
@media(max-width:380px){
  .feed-question-title{
    font-size:28px!important;
    margin:22px 0 16px!important;
  }
}


/* ===== ajuste foto aberta: avatar e espaçamentos ===== */
.photo-detail-image{
  display:block!important;
  width:100%!important;
  border-radius:22px!important;
  margin:0 0 18px!important;
  object-fit:cover!important;
}
.photo-detail-card{
  margin-top:14px!important;
  margin-bottom:24px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.photo-detail-card .post-meta{
  align-items:center!important;
  gap:14px!important;
}
.photo-detail-card .mini-avatar,
.photo-comment-card .mini-avatar{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#14171c!important;
  border:1px solid var(--dk-line)!important;
  color:#fff!important;
  text-decoration:none!important;
}
.photo-detail-card .mini-avatar img,
.photo-comment-card .mini-avatar img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.photo-detail-card .message{
  margin-top:16px!important;
}
.photo-comment-card{
  margin-top:12px!important;
  margin-bottom:16px!important;
  border-radius:24px!important;
}
.photo-comment-form{
  margin-top:18px!important;
  margin-bottom:28px!important;
  border-radius:28px!important;
}
.photo-comment-form textarea{
  border-radius:20px!important;
}
.container > .section-title{
  margin-top:24px!important;
  margin-bottom:14px!important;
}
.container > .empty{
  margin-top:12px!important;
  margin-bottom:18px!important;
  border-radius:24px!important;
}


/* ===== correção definitiva avatar foto aberta redondo ===== */
.photo-detail-card .post-meta > .mini-avatar,
.photo-comment-card .post-meta > .mini-avatar,
.photo-detail-card a.mini-avatar,
.photo-comment-card a.mini-avatar{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  line-height:0!important;
  background:#14171c!important;
  border:1px solid var(--dk-line)!important;
  clip-path:circle(50% at 50% 50%)!important;
}
.photo-detail-card .post-meta > .mini-avatar img,
.photo-comment-card .post-meta > .mini-avatar img,
.photo-detail-card a.mini-avatar img,
.photo-comment-card a.mini-avatar img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.photo-detail-card .post-meta{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
@media(max-width:380px){
  .photo-detail-card .post-meta > .mini-avatar,
  .photo-comment-card .post-meta > .mini-avatar,
  .photo-detail-card a.mini-avatar,
  .photo-comment-card a.mini-avatar{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    flex-basis:54px!important;
  }
}


/* ===== ajuste topo sem painel / sem scroll lateral 2026-05-06 ===== */
html,body,.app{max-width:100%!important;overflow-x:hidden!important;}
.topbar,.topline,.top-header-mobile,.top-actions{max-width:100%!important;overflow:visible!important;}
.topline.top-header-mobile{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-width:0!important;}
.logo.brand-logo{flex:0 1 152px!important;min-width:0!important;max-width:152px!important;}
.logo.brand-logo img{width:100%!important;max-width:152px!important;height:auto!important;display:block!important;}
.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;}
.admin-dot{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;max-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
.friend-top-icon.icon-btn,.notif.icon-btn{flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;}
.mini-user{flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;}
.logout-mini{flex:0 0 auto!important;margin-left:2px!important;font-size:13px!important;padding:0!important;}
@media(max-width:390px){
  .topline.top-header-mobile{gap:8px!important;}
  .logo.brand-logo{flex-basis:138px!important;max-width:138px!important;}
  .logo.brand-logo img{max-width:138px!important;}
  .top-actions{gap:6px!important;}
  .friend-top-icon.icon-btn,.notif.icon-btn{flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;}
  .mini-user{flex-basis:42px!important;width:42px!important;height:42px!important;min-width:42px!important;}
  .logout-mini{font-size:12px!important;}
}
@media(max-width:350px){
  .logo.brand-logo{flex-basis:124px!important;max-width:124px!important;}
  .logo.brand-logo img{max-width:124px!important;}
  .top-actions{gap:5px!important;}
  .logout-mini{font-size:11px!important;}
}


/* ===== ajuste capa das comunidades em todas as listagens ===== */
.community-card,
a.community-card{
  position:relative!important;
  display:block!important;
  min-height:150px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  margin:0 0 16px!important;
  background:linear-gradient(135deg,#1d2230,#101217)!important;
  border:1px solid var(--dk-line)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.community-card.has-cover,
a.community-card.has-cover{
  background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.22)),var(--community-cover)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.community-card > img,
a.community-card > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  display:block!important;
  z-index:0!important;
}
.community-card.has-cover > img,
a.community-card.has-cover > img{
  filter:none!important;
}
.community-card .overlay,
a.community-card .overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.20))!important;
  pointer-events:none!important;
}
.community-card .community-info,
a.community-card .community-info{
  position:relative!important;
  z-index:2!important;
  min-height:150px!important;
  padding:18px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:#fff!important;
}
.community-card .community-info h3,
a.community-card .community-info h3{
  color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.65)!important;
}
.community-card .community-info p,
a.community-card .community-info p{
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.55)!important;
}
.community-card .badge,
.community-card .small-pill,
a.community-card .badge,
a.community-card .small-pill{
  position:relative!important;
  z-index:3!important;
}
.cover{
  background-image:linear-gradient(135deg,#2457ff,#8b5cf6)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.cover.has-cover{
  background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.25)),var(--community-cover)!important;
}
.cover.has-cover img,
.cover img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  display:block!important;
}

/* ===== SCRAAPS FINAL UI 2026 — paleta roxo/lilás + glass + botões mint ===== */
:root{
  --dk-bg:#26185f;
  --dk-surface:rgba(255,255,255,.105);
  --dk-surface-2:rgba(255,255,255,.155);
  --dk-line:rgba(255,255,255,.18);
  --dk-line-soft:rgba(255,255,255,.10);
  --dk-text:#ffffff;
  --dk-text-soft:rgba(255,255,255,.72);
  --dk-green:#76f2c3;
  --dk-green-2:#8cf9d3;
  --dk-green-soft:rgba(118,242,195,.18);
  --dk-chip:rgba(255,255,255,.14);
  --app-purple:#1a063a;
  --app-purple-2:#291062;
  --app-purple-3:#432c8d;
  --app-lilac:#7c5cff;
  --app-pink:#d74fee;
  --app-glass:rgba(255,255,255,.12);
  --app-glass-strong:rgba(255,255,255,.18);
  --app-grad:linear-gradient(145deg,#1a063a 0%,#26105c 38%,#432c8d 72%,#5940b8 100%);
  --app-grad-soft:linear-gradient(145deg,rgba(124,92,255,.34),rgba(215,79,238,.24),rgba(118,242,195,.12));
  --app-mint-grad:linear-gradient(135deg,#76f2c3 0%,#8cf9d3 100%);
  --scraaps-blue:#7c5cff;
  --scraaps-lilac:#d74fee;
  --ui-blue:#7c5cff;
  --ui-lilac:#d74fee;
  --ui-grad:linear-gradient(135deg,#7c5cff,#d74fee);
}
html,body{
  min-height:100%;
  background:
    radial-gradient(circle at 78% 8%,rgba(118,242,195,.16) 0 16%,transparent 38%),
    radial-gradient(circle at 18% 88%,rgba(215,79,238,.34) 0 18%,transparent 44%),
    radial-gradient(circle at 50% 42%,rgba(124,92,255,.30) 0 20%,transparent 56%),
    linear-gradient(145deg,#1b0a43 0%,#2b1a68 54%,#3f2c85 100%)!important;
  color:var(--dk-text)!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(0,0,0,.28),transparent 32%),
    linear-gradient(315deg,rgba(10,3,35,.42),transparent 38%);
}
body,.app{color:var(--dk-text)!important;}
.app{
  background:transparent!important;
  overflow:hidden!important;
}
.app:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 86% 18%,rgba(118,242,195,.18) 0 10%,transparent 24%),
    radial-gradient(circle at 18% 26%,rgba(124,92,255,.32) 0 16%,transparent 38%),
    radial-gradient(circle at 52% 72%,rgba(215,79,238,.22) 0 18%,transparent 46%);
}
.app>*{position:relative;z-index:1;}
.topbar,.header-tools,.bottom-nav{
  background:rgba(22,7,55,.60)!important;
  border-color:rgba(255,255,255,.14)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
  box-shadow:0 18px 45px rgba(8,2,26,.28)!important;
}
.topbar{border-bottom:1px solid rgba(255,255,255,.14)!important;}
.header-tools{border-bottom:1px solid rgba(255,255,255,.10)!important;}
.logo.brand-logo img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.30))!important;}
.friend-top-icon,.notif,.mini-user,.search-icon-only,.login-pill,.friend-request-pill,.profile-friends-counter,.avatar-bell{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  color:#24134f!important;
  box-shadow:0 12px 28px rgba(15,5,48,.22)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.friend-top-icon b,.notif b,.friend-request-pill span,.profile-friends-counter b,.avatar-bell b{
  background:var(--app-mint-grad)!important;
  color:#170b35!important;
  border:2px solid rgba(36,15,79,.86)!important;
}
.logout-mini,.admin-dot{color:rgba(255,255,255,.82)!important;}
.logout-mini:hover,.admin-dot:hover,.link-blue{color:var(--dk-green)!important;}
.site-search-wrap.is-full .site-search-slide input,.site-search-slide input,.search-form input,.form-group input,.form-group textarea,.recado-form-card textarea,.feed-comment-form input,.select{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.site-search-slide input::placeholder,.search-form input::placeholder,.form-group input::placeholder,.form-group textarea::placeholder,.feed-comment-form input::placeholder{color:rgba(255,255,255,.58)!important;}
.container{padding-top:20px!important;}
.card,.topic-card,.form-card,.profile-head,.profile-details-card,.social-card,.memory-card,.notification-card,.comment-card,.testimonial-list,.quick-menu-panel,.empty,.album-card,.stat-card,.community-detail,.profile-accordion,.switch-row,.list-row,.admin-card,.friend-request-dropdown{
  background:rgba(255,255,255,.115)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:0 22px 48px rgba(9,2,31,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(22px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.2)!important;
}
.card,.topic-card,.form-card,.profile-head,.social-card,.memory-card,.notification-card,.comment-card,.testimonial-list,.quick-menu-panel{border-radius:26px!important;}
.hero,.cover,.community-card{
  background:linear-gradient(145deg,rgba(34,8,78,.88),rgba(85,58,177,.70)),var(--app-grad-soft)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:0 24px 55px rgba(12,4,38,.30)!important;
  backdrop-filter:blur(20px)!important;
}
.hero h1,.hero p,.page-title,.section-title,.profile-head h1,.profile-main-name,.feed-question-title,.feed-title,.memory-card b,.topic-card strong,.notification-body b,.testimonial-body b,.social-card h2,.form-card h1,.profile-top-title{color:#fff!important;}
.muted,.topic-card small,.form-card p,.profile-bio,.profile-count-inline,.notification-body p,.notification-body small,.testimonial-body small,.testimonial-body p,.social-info-row span,.memory-card span:not(.big-ico),.feed-photo-caption,.feed-snippet,.comment-login-hint,.auth-links,.album-info small,.quick-menu-grid a small,.request-info small,.request-empty{color:rgba(255,255,255,.72)!important;}
.profile-head.profile-head-modern{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;}
.profile-head .avatar,.avatar,.mini-avatar,.testimonial-avatar,.friend-fallback,.request-avatar{
  background:linear-gradient(135deg,#7c5cff,#d74fee)!important;
  border:2px solid rgba(255,255,255,.26)!important;
  box-shadow:0 14px 36px rgba(12,4,38,.28)!important;
}
.avatar-bell,.verify-badge,.badge-green,.feed-badge{
  background:var(--app-mint-grad)!important;
  color:#170b35!important;
}
.btn,.mini-btn,.login-pill,.btn-light,.btn-muted,.search-form button,.quick-menu-close,.chip,.tab,.inline-tabs a,.profile-view-tabs a,.compact-social-menu a,.nav-create{
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(9,2,31,.16)!important;
  backdrop-filter:blur(14px)!important;
}
.btn-primary,.btn-gradient,.accept-btn,.feed-comment-form button,.nav-plus,.profile-view-tabs a.active,.inline-tabs a.active,.tab.active,.poll-fill{
  background:var(--app-mint-grad)!important;
  color:#170b35!important;
  border:0!important;
  box-shadow:0 16px 34px rgba(118,242,195,.22)!important;
}
.btn-danger{background:rgba(255,89,133,.20)!important;color:#ffdce7!important;border:1px solid rgba(255,89,133,.30)!important;}
.small-pill,.badge{
  background:rgba(255,255,255,.88)!important;
  color:#251250!important;
  border:0!important;
}
.community-card .overlay,a.community-card .overlay{
  background:linear-gradient(90deg,rgba(20,5,50,.82),rgba(77,50,159,.24))!important;
}
.community-card .community-info,a.community-card .community-info{color:#fff!important;}
.community-card .community-info h3,a.community-card .community-info h3{color:#fff!important;text-shadow:0 4px 16px rgba(0,0,0,.46)!important;}
.community-card .community-info p,a.community-card .community-info p{color:rgba(255,255,255,.84)!important;}
.album-cover,.photo-thumb,.photo-page-img,.poll-bar,.comment-content,.feed-link-card,.social-info-list,.quick-menu-grid a,.friend-card,.clean-album-grid .album-info{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
.social-info-row,.testimonial-item,.friend-request-row,.feed-comments-box,.feed-comment-row{border-color:rgba(255,255,255,.12)!important;}
.social-info-row:nth-child(even){background:rgba(255,255,255,.045)!important;}
.social-info-row strong,.comment-content b,.comment-content p,.album-info b,.quick-menu-grid a b,.request-info b,.friend-card span{color:#fff!important;}
.friend-grid.compact-friend-grid .friend-card,.friend-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;}
.bottom-nav{border-top:1px solid rgba(255,255,255,.14)!important;padding-top:8px!important;}
.nav-item{color:rgba(255,255,255,.60)!important;font-weight:800!important;}
.nav-item.active{color:var(--dk-green)!important;}
.nav-plus{width:54px!important;height:54px!important;color:#170b35!important;}
.alert-success{background:rgba(118,242,195,.18)!important;color:#e7fff6!important;border:1px solid rgba(118,242,195,.25)!important;}
.alert-error{background:rgba(255,89,133,.18)!important;color:#ffe4ec!important;border:1px solid rgba(255,89,133,.24)!important;}
.category-card,.category-icon{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(8,2,30,.18)!important;
}
.memory-card .big-ico,.participe-icon,.participe-icon svg,.feed-link-top,.feed-comment-toggle:hover,.feed-comment-toggle:focus{color:var(--dk-green)!important;}
.quick-menu-backdrop{background:rgba(10,2,30,.66)!important;backdrop-filter:blur(8px)!important;}
.quick-menu-panel{background:rgba(32,13,73,.88)!important;border-radius:28px 28px 0 0!important;}
.cover.has-cover{background-image:linear-gradient(180deg,rgba(34,8,78,.10),rgba(34,8,78,.36)),var(--community-cover)!important;}
@media (min-width:481px){.app{border-left:1px solid rgba(255,255,255,.10)!important;border-right:1px solid rgba(255,255,255,.10)!important;}}
@media(max-width:380px){.card,.topic-card,.form-card,.profile-head,.social-card,.memory-card,.notification-card{border-radius:22px!important;}}

/* =========================================================
   FIX: barra de menu do rodapé sempre fixa na tela
   ========================================================= */
html, body{
  min-height:100%!important;
  overflow-x:hidden!important;
}
body{
  padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))!important;
}
.app{
  padding-bottom:calc(112px + env(safe-area-inset-bottom, 0px))!important;
  overflow:visible!important;
}
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
  width:100%!important;
  max-width:480px!important;
  margin:0!important;
  z-index:999999!important;
  padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;
  border-radius:0!important;
  will-change:transform!important;
}
.quick-menu-panel{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translate3d(-50%,110%,0)!important;
  -webkit-transform:translate3d(-50%,110%,0)!important;
  width:100%!important;
  max-width:480px!important;
  z-index:999998!important;
}
.quick-menu-panel.is-open{
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
}
.quick-menu-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:999997!important;
}

/* ===== FIX: remover quadrado branco do botão + do menu inferior ===== */
.bottom-nav .nav-create,
.bottom-nav button.nav-create,
button#quickMenuOpen.nav-create{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  outline:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.bottom-nav .nav-create:hover,
.bottom-nav .nav-create:focus,
.bottom-nav .nav-create:active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.bottom-nav .nav-create .nav-plus{
  margin:0 auto!important;
  border-radius:50%!important;
}


/* ===== Tela de login/cadastro bloqueando acesso público ao feed ===== */
.auth-body{padding-bottom:0!important;}
.auth-app{min-height:100vh!important;padding-bottom:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:visible!important;}
.auth-topbar{display:none!important;}
.auth-container{width:100%!important;max-width:480px!important;margin:0 auto!important;padding:34px 22px 42px!important;}
.auth-logo-wrap{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto 24px!important;}
.auth-logo-wrap img{width:210px!important;max-width:78%!important;height:auto!important;filter:drop-shadow(0 18px 36px rgba(0,0,0,.34))!important;}
.auth-card{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:30px!important;padding:26px 22px!important;box-shadow:0 28px 65px rgba(8,2,28,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(24px) saturate(1.2)!important;-webkit-backdrop-filter:blur(24px) saturate(1.2)!important;}
.auth-card h1{text-align:center!important;font-size:30px!important;margin-bottom:8px!important;}
.auth-card p{text-align:center!important;color:rgba(255,255,255,.76)!important;margin-bottom:22px!important;}
.auth-card .btn-gradient{height:52px!important;border-radius:18px!important;font-size:16px!important;}
.auth-card .auth-links{color:rgba(255,255,255,.76)!important;}
.auth-card .auth-links a{color:var(--dk-green)!important;}
.auth-card .form-group label{color:rgba(255,255,255,.88)!important;}

/* Ajuste: página de perfil sem fundo preto no container do avatar/cabeçalho */
.profile-page .profile-head,
.profile-page .profile-head-modern{
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.profile-page .profile-head::before,
.profile-page .profile-head::after,
.profile-page .profile-head-modern::before,
.profile-page .profile-head-modern::after{
    background: transparent !important;
    box-shadow: none !important;
}

/* ===== CORREÇÃO REAL: remover fundo preto do bloco de perfil/avatar ===== */
.container.profile-page .profile-head,
.container.profile-page .profile-head.profile-head-modern,
.profile-page .profile-head,
.profile-page .profile-head.profile-head-modern,
.profile-head.profile-head-modern{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.container.profile-page .profile-head::before,
.container.profile-page .profile-head::after,
.profile-page .profile-head::before,
.profile-page .profile-head::after,
.profile-head.profile-head-modern::before,
.profile-head.profile-head-modern::after{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}


/* ===== CORREÇÃO EXTRA 2026-05-06: perfil/avatar sem fundo preto ===== */
html body .app .container.profile-page > .profile-head.profile-head-modern{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body .app .container.profile-page > .profile-head.profile-head-modern .avatar-wrap{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app .container.profile-page > .profile-head.profile-head-modern::before,
html body .app .container.profile-page > .profile-head.profile-head-modern::after,
html body .app .container.profile-page > .profile-head.profile-head-modern .avatar-wrap::before,
html body .app .container.profile-page > .profile-head.profile-head-modern .avatar-wrap::after{
  display:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* ===== AJUSTE FINAL 2026-05-06: perfil sem campos arredondados + botão + sem quadrado ===== */
/* Página de perfil: remove os blocos arredondados da seção de informações e mantém apenas linhas divisórias */
html body .app .container.profile-page #perfil-info.profile-details-card,
html body .app .container.profile-page .profile-details-card#perfil-info{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0 0 22px!important;
  overflow:visible!important;
}
html body .app .container.profile-page #perfil-info .social-info-list,
html body .app .container.profile-page .profile-details-card .social-info-list{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .app .container.profile-page #perfil-info .social-info-row,
html body .app .container.profile-page .profile-details-card .social-info-row,
html body .app .container.profile-page #perfil-info .social-info-row:nth-child(even),
html body .app .container.profile-page .profile-details-card .social-info-row:nth-child(even){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .app .container.profile-page #perfil-info .social-info-row:last-child,
html body .app .container.profile-page .profile-details-card .social-info-row:last-child{
  border-bottom:0!important;
}
html body .app .container.profile-page #perfil-info::before,
html body .app .container.profile-page #perfil-info::after,
html body .app .container.profile-page #perfil-info .social-info-list::before,
html body .app .container.profile-page #perfil-info .social-info-list::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Menu fixo inferior: remove definitivamente o quadrado/base atrás do círculo verde + sem alterar o menu suspenso */
html body .bottom-nav > button.nav-item.nav-create,
html body .bottom-nav > .nav-item.nav-create,
html body .bottom-nav button#quickMenuOpen,
html body button#quickMenuOpen.nav-create{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  padding:0!important;
  margin:0!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  border-radius:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  overflow:visible!important;
}
html body .bottom-nav > button.nav-item.nav-create::before,
html body .bottom-nav > button.nav-item.nav-create::after,
html body .bottom-nav > .nav-item.nav-create::before,
html body .bottom-nav > .nav-item.nav-create::after,
html body button#quickMenuOpen::before,
html body button#quickMenuOpen::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
html body .bottom-nav > button.nav-item.nav-create .nav-plus,
html body .bottom-nav > .nav-item.nav-create .nav-plus,
html body button#quickMenuOpen .nav-plus{
  width:64px!important;
  height:64px!important;
  margin:-18px auto 0!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--dk-green,#70f0c8),var(--dk-green-2,#8af5d6))!important;
  color:#170b35!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:34px!important;
  font-weight:900!important;
}


/* =========================================================
   CORREÇÃO DEFINITIVA 2026-05-06
   Perfil: área de informações sem caixas arredondadas.
   Rodapé: menu realmente fixo e botão + sem quadrado/base.
   ========================================================= */
html,
body{
  width:100%!important;
  min-height:100%!important;
  overflow-x:hidden!important;
}
body{
  padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px))!important;
}
.app{
  max-width:480px!important;
  min-height:100vh!important;
  margin:0 auto!important;
  overflow:visible!important;
  padding-bottom:calc(118px + env(safe-area-inset-bottom, 0px))!important;
  transform:none!important;
  filter:none!important;
  perspective:none!important;
  contain:none!important;
}
body .app .bottom-nav,
html body .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  -webkit-transform:translateX(-50%)!important;
  width:100%!important;
  max-width:480px!important;
  min-height:84px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:center!important;
  padding:8px 8px calc(10px + env(safe-area-inset-bottom, 0px))!important;
  margin:0!important;
  z-index:2147483000!important;
  border-radius:0!important;
  background:rgba(22,7,55,.74)!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 -10px 34px rgba(5,0,20,.42)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
}
body .app .bottom-nav .nav-item,
html body .bottom-nav .nav-item{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body .app .bottom-nav .nav-create-clean,
html body .bottom-nav .nav-create-clean,
body button#quickMenuOpen.nav-create-clean,
html body button#quickMenuOpen.nav-create-clean{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:76px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
body .app .bottom-nav .nav-create-clean::before,
body .app .bottom-nav .nav-create-clean::after,
html body button#quickMenuOpen.nav-create-clean::before,
html body button#quickMenuOpen.nav-create-clean::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body .app .bottom-nav .nav-create-clean .nav-plus,
html body button#quickMenuOpen.nav-create-clean .nav-plus{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  margin:-18px auto 0!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:36px!important;
  font-weight:900!important;
  color:#170b35!important;
  background:linear-gradient(135deg,#70f0c8,#8af5d6)!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 14px 32px rgba(0,0,0,.30)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.quick-menu-panel{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translate3d(-50%,110%,0)!important;
  -webkit-transform:translate3d(-50%,110%,0)!important;
  width:100%!important;
  max-width:480px!important;
  z-index:2147482999!important;
}
.quick-menu-panel.is-open{
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
}
.quick-menu-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:2147482998!important;
}

/* Limpeza real da seção Perfil > informações */
body .app .container.profile-page #perfil-info.profile-info-clean,
html body .app .container.profile-page .profile-info-clean#perfil-info{
  display:block!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  margin:0 0 24px!important;
  overflow:visible!important;
}
body .app .container.profile-page #perfil-info .profile-info-lines,
html body .app .container.profile-page .profile-info-lines{
  display:block!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
body .app .container.profile-page #perfil-info .social-info-row,
html body .app .container.profile-page .profile-info-lines .social-info-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:18px 0!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.24)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body .app .container.profile-page #perfil-info .social-info-row:last-child,
html body .app .container.profile-page .profile-info-lines .social-info-row:last-child{
  border-bottom:0!important;
}
body .app .container.profile-page #perfil-info .social-info-row span,
html body .app .container.profile-page .profile-info-lines .social-info-row span{
  color:rgba(255,255,255,.68)!important;
  font-size:17px!important;
  font-weight:900!important;
  text-transform:none!important;
}
body .app .container.profile-page #perfil-info .social-info-row strong,
html body .app .container.profile-page .profile-info-lines .social-info-row strong{
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
body .app .container.profile-page #perfil-info::before,
body .app .container.profile-page #perfil-info::after,
body .app .container.profile-page #perfil-info .profile-info-lines::before,
body .app .container.profile-page #perfil-info .profile-info-lines::after{
  display:none!important;
  content:none!important;
}


/* =========================================================
   SCRAAPS - CORREÇÃO FINAL DO MENU FIXO DO RODAPÉ
   - Mantém o menu sempre fixo embaixo da tela
   - Remove qualquer quadrado/fundo/contorno atrás do botão +
   - Mantém somente o círculo verde com + e não altera o menu suspenso
   ========================================================= */
html,
body{
  min-height:100%!important;
  overflow-x:hidden!important;
}
body .app,
html body .app{
  padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px))!important;
  overflow:visible!important;
  transform:none!important;
  filter:none!important;
  contain:initial!important;
}
body .app .bottom-nav,
html body .bottom-nav,
body .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
  width:100vw!important;
  max-width:480px!important;
  min-height:84px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:center!important;
  margin:0!important;
  padding:8px 8px calc(10px + env(safe-area-inset-bottom, 0px))!important;
  z-index:2147483647!important;
  border-radius:0!important;
  background:rgba(22,7,55,.82)!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 -10px 34px rgba(5,0,20,.42)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
}
body .bottom-nav > a.nav-item,
body .bottom-nav > button.nav-item,
body .bottom-nav > .nav-item{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body .bottom-nav > button#quickMenuOpen,
html body .bottom-nav > button#quickMenuOpen,
body .bottom-nav > button.nav-create,
body .bottom-nav > button.nav-create-clean,
body .bottom-nav > .nav-create,
body .bottom-nav > .nav-create-clean{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:76px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  -webkit-tap-highlight-color:transparent!important;
}
body .bottom-nav > button#quickMenuOpen:hover,
body .bottom-nav > button#quickMenuOpen:focus,
body .bottom-nav > button#quickMenuOpen:active,
body .bottom-nav > button#quickMenuOpen:focus-visible{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body .bottom-nav > button#quickMenuOpen::before,
body .bottom-nav > button#quickMenuOpen::after,
body .bottom-nav > .nav-create::before,
body .bottom-nav > .nav-create::after,
body .bottom-nav > .nav-create-clean::before,
body .bottom-nav > .nav-create-clean::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body .bottom-nav > button#quickMenuOpen .nav-plus,
html body .bottom-nav > button#quickMenuOpen .nav-plus,
body .bottom-nav .nav-create .nav-plus,
body .bottom-nav .nav-create-clean .nav-plus,
body .bottom-nav .nav-plus{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  margin:-18px auto 0!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:38px!important;
  font-weight:900!important;
  color:#170b35!important;
  background:linear-gradient(135deg,#70f0c8,#8af5d6)!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 14px 32px rgba(0,0,0,.30)!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* =========================================================
   AJUSTE LOGIN — links "Esqueci minha senha" e "Criar conta" em preto
========================================================= */
.auth-card .auth-links,
.auth-card .auth-links a,
.auth-container .auth-links,
.auth-container .auth-links a {
    color: #000000 !important;
}


/* =========================================================
   CORREÇÃO FORÇADA — LINKS DA TELA DE LOGIN EM PRETO
   Aplicado diretamente nos links de login para sobrescrever azul/verde.
========================================================= */
html body .auth-card .auth-links,
html body .auth-card .auth-links a,
html body .auth-card .auth-links a:link,
html body .auth-card .auth-links a:visited,
html body .auth-card .auth-links a:hover,
html body .auth-card .auth-links a:active,
html body .auth-container .auth-links,
html body .auth-container .auth-links a,
html body .auth-container .auth-links a:link,
html body .auth-container .auth-links a:visited,
html body .auth-container .auth-links a:hover,
html body .auth-container .auth-links a:active,
html body .login-links-black,
html body .login-links-black a,
html body a.login-link-black,
html body a.login-link-black:link,
html body a.login-link-black:visited,
html body a.login-link-black:hover,
html body a.login-link-black:active,
html body a[href="esqueci-senha.php"],
html body a[href="cadastro.php"] {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}

/* Scraaps PWA install prompt */
.pwa-install-wrap{position:fixed;left:50%;bottom:92px;z-index:9997;transform:translate(-50%,18px);opacity:0;transition:.2s ease;pointer-events:none;width:min(92vw,390px)}
.pwa-install-wrap.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.pwa-install-btn{width:100%;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:12px 14px;background:linear-gradient(135deg,rgba(38,24,95,.96),rgba(133,75,255,.94));box-shadow:0 18px 42px rgba(18,6,60,.35);color:#fff;font-family:inherit;text-align:left;cursor:pointer;backdrop-filter:blur(14px)}
.pwa-install-btn img{width:44px;height:44px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.22);background:#26185f;object-fit:cover;flex:0 0 44px}
.pwa-install-btn b{display:block;font-size:15px;line-height:1.1;letter-spacing:-.01em}
.pwa-install-btn small{display:block;margin-top:3px;font-size:12px;line-height:1.2;color:rgba(255,255,255,.82)}
.pwa-ios-help{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(14,7,34,.62);backdrop-filter:blur(8px);opacity:0;transition:.18s ease;padding:22px}
.pwa-ios-help.is-visible{opacity:1}
.pwa-ios-card{position:relative;width:min(92vw,360px);border-radius:26px;padding:26px 22px 22px;background:#fff;color:#1f1a50;text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.30)}
.pwa-ios-card img{width:74px;height:74px;border-radius:20px;display:block;margin:0 auto 14px;background:#26185f}
.pwa-ios-card strong{display:block;font-size:21px;margin-bottom:8px}
.pwa-ios-card p{margin:0;font-size:14px;line-height:1.45;color:#403a68}
.pwa-ios-close{position:absolute;top:10px;right:12px;border:0;background:rgba(31,26,80,.08);color:#1f1a50;width:34px;height:34px;border-radius:50%;font-size:23px;line-height:1;cursor:pointer}
.pwa-install-toast{position:fixed;left:50%;bottom:104px;z-index:10000;transform:translate(-50%,16px);opacity:0;transition:.2s ease;background:rgba(26,188,106,.96);color:#fff;font-weight:800;border-radius:999px;padding:13px 18px;box-shadow:0 16px 36px rgba(0,0,0,.25);text-align:center;white-space:nowrap;max-width:92vw}
.pwa-install-toast.is-visible{transform:translate(-50%,0);opacity:1}
@media (display-mode: standalone){.pwa-install-wrap{display:none!important}}
@media (max-width:560px){.pwa-install-wrap{bottom:88px}.auth-body .pwa-install-wrap{bottom:22px}.pwa-install-toast{bottom:96px;font-size:13px}.auth-body .pwa-install-toast{bottom:28px}}

/* Correção do botão de instalação PWA: garante clique acima do menu inferior */
.pwa-install-wrap{z-index:2147483000!important;pointer-events:auto!important;touch-action:manipulation!important;}
.pwa-install-wrap.is-visible{pointer-events:auto!important;}
.pwa-install-btn{position:relative!important;z-index:2147483001!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;}
.pwa-ios-help{z-index:2147483002!important;pointer-events:auto!important;}
.pwa-ios-help[hidden],.pwa-install-wrap[hidden],.pwa-install-toast[hidden]{display:none!important;}


/* ===== Scraaps click/public access fix 2026-05-10 ===== */
[hidden],
.quick-menu-backdrop[hidden],
.quick-menu-panel[hidden],
.pwa-ios-help[hidden],
.pwa-install-wrap[hidden],
.pwa-install-toast[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.quick-menu-backdrop:not(.is-open){
  pointer-events:none!important;
}
.quick-menu-panel:not(.is-open){
  pointer-events:none!important;
}
.quick-menu-panel.is-open,
.quick-menu-backdrop.is-open{
  pointer-events:auto!important;
}
.pwa-install-wrap{
  pointer-events:none!important;
}
.pwa-install-wrap.is-visible{
  pointer-events:none!important;
}
.pwa-install-btn{
  pointer-events:auto!important;
}
a,button,input,textarea,select,label,.btn,.mini-btn,.memory-card,.topic-card,.community-card,.nav-item{
  touch-action:manipulation;
}
.auth-action-card{
  display:block;
  text-align:left;
}

/* ===== Scraaps fix 2026-05-10: menu Criar/Postar acima do botão de instalar ===== */
html body .quick-menu-backdrop{
  z-index:2147483590!important;
}
html body .quick-menu-panel{
  z-index:2147483600!important;
  left:50%!important;
  width:calc(100% - 28px)!important;
  max-width:452px!important;
  bottom:calc(172px + env(safe-area-inset-bottom, 0px))!important;
  transform:translate3d(-50%,24px,0)!important;
  -webkit-transform:translate3d(-50%,24px,0)!important;
  border-radius:28px!important;
  max-height:calc(100dvh - 198px - env(safe-area-inset-bottom, 0px))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
html body .quick-menu-panel.is-open{
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
}
html body.quick-menu-open .pwa-install-wrap{
  opacity:0!important;
  transform:translate3d(-50%,18px,0)!important;
  pointer-events:none!important;
}
html body.pwa-standalone .pwa-install-wrap,
html body.pwa-standalone .pwa-ios-help,
html body.pwa-standalone .pwa-install-btn{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html body.pwa-standalone .quick-menu-panel{
  bottom:calc(98px + env(safe-area-inset-bottom, 0px))!important;
  max-height:calc(100dvh - 124px - env(safe-area-inset-bottom, 0px))!important;
}
@media (max-height:720px){
  html body .quick-menu-panel{
    bottom:calc(150px + env(safe-area-inset-bottom, 0px))!important;
    max-height:calc(100dvh - 168px - env(safe-area-inset-bottom, 0px))!important;
  }
  html body.pwa-standalone .quick-menu-panel{
    bottom:calc(86px + env(safe-area-inset-bottom, 0px))!important;
    max-height:calc(100dvh - 104px - env(safe-area-inset-bottom, 0px))!important;
  }
}

/* ===== Ajuste: postagens do feed quadradas e opção excluir ===== */
.card.feed-card,
.feed-card,
.feed-card .feed-link-card,
.feed-card .photo-thumb,
.feed-card .photo-thumb img,
.feed-card .photo-portrait,
.feed-card .photo-portrait img{
  border-radius:0!important;
}
.feed-card .post-meta,
.photo-detail-card .post-meta{
  align-items:flex-start!important;
}
.feed-author-text{
  min-width:0;
}
.post-delete-form{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.post-delete-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(255,90,120,.32)!important;
  background:rgba(255,70,100,.10)!important;
  color:#ff8aa1!important;
  border-radius:0!important;
  min-height:32px!important;
  padding:0 10px!important;
  font-size:12px!important;
  line-height:32px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.post-delete-btn:hover,
.post-delete-btn:focus{
  background:rgba(255,70,100,.18)!important;
  outline:none!important;
}

/* ===== Correção final: feed sem cantos arredondados ===== */
.feed-page-dark .card,
.feed-page-dark .feed-card,
.feed-page-dark article.card,
.feed-page-dark .memory-card,
.feed-page-dark .participe-card,
.feed-page-dark .topic-card,
.feed-page-dark .community-card,
.feed-page-dark .feed-link-card,
.feed-page-dark .photo-thumb,
.feed-page-dark .photo-thumb img,
.feed-page-dark .photo-portrait,
.feed-page-dark .photo-portrait img,
.feed-page-dark .album-cover,
.feed-page-dark .album-cover img,
.feed-page-dark .comment-content,
.feed-page-dark .feed-comments-box,
.feed-page-dark .empty{
  border-radius:0!important;
}
.feed-page-dark .community-card,
.feed-page-dark .community-card > img,
.feed-page-dark .community-card .overlay{
  border-radius:0!important;
}


/* ===== Scraaps 2026-05-11: cantos quadrados em todo o site =====
   Mantém somente avatares e o botão central verde '+' circulares. */
html body .card,
html body .topic-card,
html body .form-card,
html body .profile-head,
html body .profile-head-modern,
html body .social-card,
html body .memory-card,
html body .notification-card,
html body .comment-card,
html body .testimonial-list,
html body .testimonial-card,
html body .community-card,
html body .community-detail,
html body .community-card img,
html body .community-card .overlay,
html body .cover,
html body .cover img,
html body .album-card,
html body .album-cover,
html body .album-cover img,
html body .photo-card,
html body .photo-thumb,
html body .photo-thumb img,
html body .photo-portrait,
html body .photo-portrait img,
html body .photo-detail-card,
html body .feed-card,
html body .feed-link-card,
html body .feed-comments-box,
html body .comment-content,
html body .participe-card,
html body .admin-card,
html body .list-row,
html body .switch-row,
html body .stat-card,
html body .category-card,
html body .category-icon,
html body .hero,
html body .empty,
html body .alert,
html body .tabs,
html body .tab,
html body .chip,
html body .badge,
html body .small-pill,
html body .login-pill,
html body .mini-btn,
html body .btn,
html body button,
html body input,
html body textarea,
html body select,
html body .select,
html body .search-box,
html body .input-like,
html body .search-form,
html body .search-form input,
html body .quick-menu-panel,
html body .quick-menu-grid a,
html body .quick-menu-close,
html body .quick-menu-handle,
html body .auth-card,
html body .pwa-install-btn,
html body .pwa-install-btn img,
html body .pwa-ios-card,
html body .pwa-ios-card img,
html body .pwa-ios-close,
html body .pwa-install-toast,
html body .post-delete-btn,
html body .auth-action-card {
  border-radius:0!important;
}

/* Exceções visuais que precisam continuar circulares */
html body .nav-plus,
html body .avatar,
html body .avatar img,
html body .mini-avatar,
html body .mini-avatar img,
html body .mini-user,
html body .mini-user img,
html body .notif,
html body .friend-top-icon,
html body .icon-btn,
html body .profile-head.profile-head-modern .avatar,
html body .profile-head.profile-head-modern .avatar img,
html body .photo-detail-card a.mini-avatar,
html body .photo-detail-card a.mini-avatar img,
html body .photo-comment-card a.mini-avatar,
html body .photo-comment-card a.mini-avatar img {
  border-radius:50%!important;
}

/* Menu suspenso do botão +: painel e opções quadrados, sem alterar o botão verde central */
html body .quick-menu-panel,
html body .quick-menu-panel.is-open,
html body .quick-menu-panel *,
html body .quick-menu-grid,
html body .quick-menu-grid a,
html body .quick-menu-head,
html body .quick-menu-close,
html body .quick-menu-handle {
  border-radius:0!important;
}
html body .bottom-nav .nav-plus {
  border-radius:50%!important;
}

/* ===== Scraaps: fotos e álbuns do perfil em grid limpo ===== */
html body .profile-photo-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 18px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .profile-photo-item{
  display:block!important;
  aspect-ratio:1/1!important;
  width:100%!important;
  min-height:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  border-radius:0!important;
  padding:0!important;
}
html body .profile-photo-item img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body #fotos + .profile-photo-grid,
html body #fotos + .profile-photo-grid *{
  border-radius:0!important;
}


/* FONTE GLOBAL: Gilroy
   Coloque os arquivos .ttf licenciados em assets/fonts/ para ativar em todos os dispositivos. */
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-BlackItalic.ttf') format('truetype');font-weight:900;font-style:italic;font-display:swap}
html,body,body *:not(svg):not(path),button,input,textarea,select{font-family:'Gilroy',Arial,Helvetica,sans-serif!important}


/* Perfil estilo Orkut compacto: campos sociais */
.orkut-profile-table{padding:0!important;margin:12px 0 18px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.orkut-profile-table .compact-head{margin:0 0 6px!important}
.social-profile-lines{border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.04)!important}
.social-profile-lines .social-info-row{display:grid!important;grid-template-columns:118px 1fr!important;gap:8px!important;align-items:start!important;min-height:0!important;padding:5px 8px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.035)!important;font-size:12px!important;line-height:1.15!important}
.social-profile-lines .social-info-row:nth-child(even){background:rgba(255,255,255,.075)!important}
.social-profile-lines .social-info-row:last-child{border-bottom:0!important}
.social-profile-lines .social-info-row span{font-size:11.5px!important;line-height:1.15!important;font-weight:800!important;text-align:right!important;color:rgba(255,255,255,.62)!important;text-transform:lowercase!important;padding-top:1px!important}
.social-profile-lines .social-info-row strong{font-size:12px!important;line-height:1.2!important;font-weight:700!important;color:#fff!important;word-break:break-word!important;white-space:normal!important}
.profile-web-link{color:#7cf4c7!important;text-decoration:none!important}
.edit-profile-section-title{font-size:18px!important;margin:22px 0 12px!important;letter-spacing:-.3px!important}
.edit-social-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-bottom:16px!important}
.edit-social-grid .form-group{margin-bottom:0!important}
.edit-social-grid .form-group label{font-size:12px!important;margin-bottom:5px!important;text-transform:lowercase!important}
.edit-social-grid .form-group input,.edit-social-grid .form-group textarea,.edit-social-grid .form-group select{border-radius:0!important;padding:10px 11px!important;font-size:13px!important;min-height:auto!important}
.edit-social-grid .form-group textarea{min-height:68px!important}
@media (min-width:700px){.edit-social-grid{grid-template-columns:1fr 1fr!important}.edit-social-grid .full{grid-column:1/-1!important}}

/* ===== Scraaps ajuste final: Perfil Orkut bem compacto =====
   Reduz drasticamente o espaçamento dos campos do perfil e capitaliza títulos/respostas. */
html body .app .container.profile-page #perfil-info.profile-info-clean.orkut-profile-table,
html body .app .container.profile-page .profile-info-clean#perfil-info.orkut-profile-table{
  margin:6px 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines,
html body .app .container.profile-page .profile-info-lines.social-profile-lines{
  display:block!important;
  width:100%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines .social-info-row,
html body .app .container.profile-page .profile-info-lines.social-profile-lines .social-info-row,
html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines .social-info-row:nth-child(even),
html body .app .container.profile-page .profile-info-lines.social-profile-lines .social-info-row:nth-child(even){
  display:grid!important;
  grid-template-columns:108px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  min-height:0!important;
  padding:4px 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.13)!important;
  border-radius:0!important;
  box-shadow:none!important;
  line-height:1.08!important;
}
html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines .social-info-row:last-child,
html body .app .container.profile-page .profile-info-lines.social-profile-lines .social-info-row:last-child{
  border-bottom:0!important;
}
html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines .social-info-row span,
html body .app .container.profile-page .profile-info-lines.social-profile-lines .social-info-row span{
  display:block!important;
  padding:0!important;
  margin:0!important;
  color:rgba(255,255,255,.62)!important;
  font-size:11px!important;
  line-height:1.08!important;
  font-weight:800!important;
  text-align:right!important;
  text-transform:capitalize!important;
  letter-spacing:.01em!important;
}
html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines .social-info-row strong,
html body .app .container.profile-page .profile-info-lines.social-profile-lines .social-info-row strong{
  display:block!important;
  padding:0!important;
  margin:0!important;
  color:#fff!important;
  font-size:11.5px!important;
  line-height:1.12!important;
  font-weight:700!important;
  text-align:left!important;
  text-transform:capitalize!important;
  word-break:break-word!important;
  white-space:normal!important;
}
html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines .social-info-row strong a,
html body .app .container.profile-page .profile-info-lines.social-profile-lines .social-info-row strong a{
  color:#7cf4c7!important;
  text-transform:none!important;
}
@media(max-width:380px){
  html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines .social-info-row,
  html body .app .container.profile-page .profile-info-lines.social-profile-lines .social-info-row{
    grid-template-columns:98px minmax(0,1fr)!important;
    gap:7px!important;
    padding:3.5px 0!important;
  }
  html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines .social-info-row span,
  html body .app .container.profile-page .profile-info-lines.social-profile-lines .social-info-row span{
    font-size:10.5px!important;
  }
  html body .app .container.profile-page #perfil-info .profile-info-lines.social-profile-lines .social-info-row strong,
  html body .app .container.profile-page .profile-info-lines.social-profile-lines .social-info-row strong{
    font-size:11px!important;
  }
}