/*
 * SCRAAPS — tema Orkut clássico
 * Paleta inspirada na última identidade visual clássica: azul claro, topo azul,
 * superfícies brancas, texto grafite e rosa na marca/hashtags.
 */
:root{
  --orkut-bg:#f6f3fc;
  --orkut-bg-soft:#eaeaf3;
  --orkut-blue:#4c2a85;
  --orkut-blue-2:#7655c5;
  --orkut-blue-dark:#3b216d;
  --orkut-pink:#ff5e6c;
  --orkut-pink-dark:#c62078;
  --orkut-card:#ffffff;
  --orkut-card-soft:#eef1fa;
  --orkut-line:#c7d8e7;
  --orkut-text:#4b4b4b;
  --orkut-muted:#76818a;
  --orkut-shadow:0 5px 16px rgba(55,92,124,.13);

  --scr-bg:var(--orkut-bg);
  --scr-bg-2:#dfe9f7;
  --scr-card:var(--orkut-card);
  --scr-card-2:var(--orkut-card-soft);
  --scr-soft:rgba(47,127,180,.08);
  --scr-border:var(--orkut-line);
  --scr-text:var(--orkut-text);
  --scr-muted:var(--orkut-muted);
  --scr-mint:var(--orkut-pink);
  --scr-purple:var(--orkut-blue);
  --scr-shadow:var(--orkut-shadow);
  --scr-title-glow:none;
  --scr-card-glow:var(--orkut-shadow);

  --dk-bg:var(--orkut-bg);
  --dk-surface:#fff;
  --dk-surface-2:var(--orkut-card-soft);
  --dk-line:var(--orkut-line);
  --dk-line-soft:#dce8f1;
  --dk-text:var(--orkut-text);
  --dk-text-soft:var(--orkut-muted);
  --dk-green:var(--orkut-pink);
  --dk-green-2:#e36aa5;
  --dk-green-soft:rgba(217,74,145,.12);
  --dk-chip:#e9f2f9;
  --app-purple:var(--orkut-bg);
  --app-purple-2:#cfe2f3;
  --app-purple-3:var(--orkut-blue);
  --app-lilac:var(--orkut-blue-2);
  --app-pink:var(--orkut-pink);
  --app-glass:rgba(255,255,255,.82);
  --app-glass-strong:#fff;
  --app-grad:linear-gradient(180deg,var(--orkut-bg),#e9eef8);
  --app-grad-soft:linear-gradient(180deg,#fff,var(--orkut-card-soft));
  --app-mint-grad:linear-gradient(180deg,var(--orkut-blue-2),var(--orkut-blue));
  --comunia-blue:var(--orkut-blue);
  --comunia-lilac:var(--orkut-pink);
  --ui-blue:var(--orkut-blue);
  --ui-lilac:var(--orkut-pink);
  --ui-grad:linear-gradient(135deg,var(--orkut-blue-2),var(--orkut-blue));
}

html,
body,
body.is-logged{
  background:linear-gradient(180deg,var(--orkut-bg) 0%,#e9eef8 100%)!important;
  color:var(--orkut-text)!important;
}

body:not(.auth-body) .app-shell{
  background:transparent!important;
  color:var(--orkut-text)!important;
}

/* Topo azul clássico */
.scraaps-topbar,
body.is-logged header.scraaps-topbar{
  background:linear-gradient(180deg,var(--orkut-blue-2) 0%,var(--orkut-blue) 100%)!important;
  border-bottom:1px solid var(--orkut-blue-dark)!important;
  box-shadow:0 3px 10px rgba(35,87,124,.25)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.scraaps-topline{
  background:transparent!important;
}

.scraaps-logo{
  padding:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.scraaps-logo img{
  width:140px!important;
  max-width:140px!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
  filter:none!important;
}

.scraaps-round-icon{
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.scraaps-round-icon:hover{
  background:rgba(255,255,255,.24)!important;
}

.scraaps-round-icon b{
  background:var(--orkut-pink)!important;
  color:#fff!important;
}

.scraaps-avatar-btn{
  border-color:#fff!important;
  background:#eef4f8!important;
  color:var(--orkut-text)!important;
}

.scraaps-avatar-btn::after{
  border-color:var(--orkut-blue)!important;
  background:#56bf65!important;
}

.scraaps-global-search,
body.is-logged .scraaps-global-search{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(27,93,137,.24)!important;
  color:var(--orkut-text)!important;
  box-shadow:inset 0 1px 2px rgba(41,79,106,.10)!important;
}

.scraaps-global-search input,
.scraaps-global-search input:not([type=checkbox]):not([type=radio]){
  background:transparent!important;
  border:0!important;
  color:var(--orkut-text)!important;
  box-shadow:none!important;
}

.scraaps-global-search input::placeholder{
  color:#8b969e!important;
}

.scraaps-global-search svg,
.scraaps-global-search button{
  color:var(--orkut-blue)!important;
}

/* Superfícies e cards brancos */
.welcome-panel,
.composer-card,
.feed-card,
.form-card,
.card,
.list-row,
.topic-card,
.memory-card,
.community-detail,
.album-card,
.profile-card,
.profile-bio-card,
.profile-social-card,
.profile-community-summary,
.profile-friends-summary,
.notification-card,
.request-card,
.testimonial-card,
.metric-card,
.admin-card,
.community-showcase-card,
.feed-link-card,
.community-feed-card,
.feed-comments-box,
.muted-block,
.auth-action-card,
.sponsored-cta-card,
.profile-unified-feed .feed-card,
body.page-comunidade .memory-card,
body.page-comunidade .muted-block,
body.page-comunidade .auth-action-card,
body.page-comunidade form.card{
  background:var(--orkut-card)!important;
  border-color:var(--orkut-line)!important;
  color:var(--orkut-text)!important;
  box-shadow:var(--orkut-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.feed-link-card,
.community-feed-card,
.feed-comments-box,
.sponsored-cta-card{
  background:var(--orkut-card-soft)!important;
}

.community-feed-fallback,
.photo-fallback,
.cover-fallback,
.profile-page .empty,
.profile-community-summary .empty,
.profile-friends-summary .empty{
  background:#f6f3fc!important;
  border-color:var(--orkut-line)!important;
  color:var(--orkut-muted)!important;
}

/* Tipografia grafite */
body:not(.auth-body) h1,
body:not(.auth-body) h2,
body:not(.auth-body) h3,
body:not(.auth-body) h4,
body:not(.auth-body) strong,
body:not(.auth-body) b,
.feed-card,
.feed-card p,
.feed-card strong,
.feed-card b,
.feed-link-card,
.feed-link-card p,
.feed-link-card strong,
.community-feed-card,
.community-feed-card strong,
.comments-sheet-head strong,
.feed-comment-item p,
.form-card h1,
.form-card h2,
.form-card h3,
.form-group label,
.profile-page,
.profile-page h1,
.profile-page h2,
.profile-page h3,
.profile-page strong,
body.page-comunidade .memory-card,
body.page-comunidade .memory-card b,
body.page-comunidade .muted-block b,
.metric-card,
.notification-body strong{
  color:var(--orkut-text)!important;
  -webkit-text-fill-color:var(--orkut-text)!important;
  text-shadow:none!important;
}

.muted,
.feed-card .muted,
.post-meta .muted,
.form-card p,
.feed-snippet,
.feed-photo-caption,
.profile-bio,
.profile-count-inline,
.notification-body p,
.notification-body small,
.testimonial-body p,
.testimonial-body small,
.social-info-row span,
.memory-card span:not(.big-ico),
.quick-menu-grid a small,
.request-info small,
.feed-comment-item small,
.music-layer-meta small,
body.page-comunidade .memory-card span:not(.big-ico){
  color:var(--orkut-muted)!important;
  -webkit-text-fill-color:var(--orkut-muted)!important;
}

/* Hashtags no rosa da marca */
.hashtag-link,
.feed-card .hashtag-link,
.feed-photo-caption .hashtag-link,
.message .hashtag-link,
.caption-link.hashtag-link,
.profile-unified-feed.home-feed-list .hashtag-link{
  color:var(--orkut-pink)!important;
  -webkit-text-fill-color:var(--orkut-pink)!important;
  font-weight:900!important;
}

.hashtag-link:hover,
.feed-card .hashtag-link:hover{
  color:var(--orkut-pink-dark)!important;
  -webkit-text-fill-color:var(--orkut-pink-dark)!important;
}

a,
.link-blue,
.caption-link:not(.hashtag-link),
.feed-link-top{
  color:var(--orkut-blue)!important;
}

/* Avatares e iniciais */
.avatar,
.mini-avatar,
.comment-avatar,
.composer-avatar,
.recent-avatar-stack a,
.profile-avatar,
.avatar-wrap{
  border-color:#fff!important;
}

.avatar span,
.mini-avatar span,
.comment-avatar span,
.composer-avatar span,
.scraaps-avatar-btn span,
.profile-avatar span{
  background:#eef3f7!important;
  color:var(--orkut-text)!important;
  -webkit-text-fill-color:var(--orkut-text)!important;
}

.mini-avatar.status-online,
.composer-avatar.status-online,
.comment-avatar.status-online,
.recent-avatar-stack a.status-online,
.profile-page .avatar.status-online{
  border-color:#56b968!important;
  box-shadow:0 0 0 2px rgba(86,185,104,.18)!important;
}

/* Formulários */
input:not([type=checkbox]):not([type=radio]),
textarea,
select,
.feed-comment-form input{
  background:#fff!important;
  border:1px solid #b8cddd!important;
  color:var(--orkut-text)!important;
  -webkit-text-fill-color:var(--orkut-text)!important;
  box-shadow:inset 0 1px 2px rgba(39,80,110,.08)!important;
}

input::placeholder,
textarea::placeholder{
  color:#929ca4!important;
  -webkit-text-fill-color:#929ca4!important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--orkut-blue-2)!important;
  box-shadow:0 0 0 3px rgba(73,151,201,.14)!important;
  outline:none!important;
}

.btn,
.btn-gradient,
.btn-light,
.btn-muted,
.feed-comment-form button,
.search-form button,
.mini-btn.primary{
  background:linear-gradient(180deg,var(--orkut-blue-2),var(--orkut-blue))!important;
  border:1px solid var(--orkut-blue-dark)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 2px 5px rgba(37,100,144,.20)!important;
}

.btn:hover,
.btn-gradient:hover,
.btn-light:hover,
.btn-muted:hover{
  background:linear-gradient(180deg,#62acd7,#2875a8)!important;
}

.chip,
.badge,
.post-tag,
.sponsor-badge{
  background:#e8f2f9!important;
  border-color:#c8dbe9!important;
  color:var(--orkut-blue-dark)!important;
}

/* Ações do feed e comentários */
.feed-action-row.actions-three .feed-action,
.feed-comments-close,
.music-play-btn,
.composer-media-btn{
  background:#e6eef8!important;
  border:1px solid #d2e0eb!important;
  color:var(--orkut-blue)!important;
}

.feed-action-row.actions-three .feed-action:hover,
.composer-media-btn:hover{
  background:#dce9f6!important;
  color:var(--orkut-blue-dark)!important;
}

.feed-like-button.is-active,
.feed-action.is-active,
.music-layer-card.is-playing .music-play-btn{
  background:rgba(217,74,145,.12)!important;
  border-color:rgba(217,74,145,.26)!important;
  color:var(--orkut-pink)!important;
}

/* Abas, menus e navegação */
.inline-tabs,
.tabs{
  background:#e7eaf8!important;
  border-color:var(--orkut-line)!important;
}

.inline-tabs a,
.tabs .tab,
.profile-view-tabs a,
.compact-social-menu a{
  color:#65727b!important;
}

.inline-tabs a.active,
.tabs .tab.active,
.profile-view-tabs a.active,
.compact-social-menu a.active{
  background:#fff!important;
  color:var(--orkut-blue)!important;
  border-color:#c8dae8!important;
}

.status-popover,
.quick-menu-panel{
  background:#fff!important;
  border-color:var(--orkut-line)!important;
  color:var(--orkut-text)!important;
  box-shadow:0 18px 44px rgba(45,83,111,.24)!important;
}

.status-choice,
.status-exit,
.quick-menu-grid a,
.quick-menu-close{
  background:#e9edf8!important;
  border-color:#d2e1ec!important;
  color:var(--orkut-text)!important;
}

.quick-menu-handle{
  background:#b7cbd9!important;
}

.bottom-nav,
body.is-logged .bottom-nav{
  background:#fff!important;
  border-color:#c7d9e7!important;
  box-shadow:0 -3px 14px rgba(46,85,114,.14)!important;
}

.bottom-nav .nav-item,
body.is-logged .bottom-nav .nav-item{
  color:#73808a!important;
}

.bottom-nav .nav-item.active,
body.is-logged .bottom-nav .nav-item.active{
  color:var(--orkut-blue)!important;
  background:rgba(47,127,180,.08)!important;
  border-color:rgba(47,127,180,.14)!important;
}

.nav-plus,
body.is-logged .bottom-nav .nav-create-clean{
  background:linear-gradient(180deg,#e161a3,var(--orkut-pink))!important;
  border-color:var(--orkut-pink-dark)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(217,74,145,.25)!important;
}

.app-signature,
.app-signature p,
.app-signature strong{
  color:#7a8790!important;
  -webkit-text-fill-color:#7a8790!important;
}

/* Modais e processamento */
.scraaps-global-processing-layer,
.upload-processing-layer,
.quick-menu-backdrop{
  background:rgba(48,89,119,.38)!important;
}

.scraaps-global-processing-card,
.upload-processing-card{
  background:#fff!important;
  border-color:var(--orkut-line)!important;
  color:var(--orkut-text)!important;
  box-shadow:0 24px 60px rgba(38,77,106,.26)!important;
}

.scraaps-global-processing-spinner,
.upload-processing-spinner{
  border-color:#d6e4ee!important;
  border-top-color:var(--orkut-pink)!important;
}

/* Mídia mantém controles claros sobre fotos e vídeos */
.video-play-overlay,
.video-play-overlay span,
.music-layer-card.has-cover,
.music-layer-card.has-cover strong,
.music-layer-card.has-cover small{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Telas públicas e de autenticação */
body.auth-body,
body.auth-body .app-shell.auth-shell{
  background:linear-gradient(180deg,#f6f3fc 0%,#eaeaf3 100%)!important;
  color:var(--orkut-text)!important;
}

body.auth-body .form-card,
body.auth-body .auth-card{
  background:#fff!important;
  border:1px solid var(--orkut-line)!important;
  color:var(--orkut-text)!important;
  box-shadow:var(--orkut-shadow)!important;
}

body.auth-body h1,
body.auth-body h2,
body.auth-body label,
body.auth-body p,
body.auth-body small,
body.auth-body .auth-links{
  color:var(--orkut-text)!important;
  -webkit-text-fill-color:var(--orkut-text)!important;
  text-shadow:none!important;
}

body.auth-body a,
body.auth-body .auth-links a{
  color:var(--orkut-pink)!important;
  -webkit-text-fill-color:var(--orkut-pink)!important;
}

.auth-logo-wrap img,
.login-brand-logo-slot img{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 2px 2px rgba(36,91,131,.22))!important;
}

.login-brand-logo-slot{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.pwa-install-btn{
  background:#fff!important;
  border:1px solid var(--orkut-blue)!important;
  color:var(--orkut-text)!important;
  box-shadow:0 4px 14px rgba(45,89,121,.16)!important;
}

.pwa-install-btn span,
.pwa-install-btn b{
  color:var(--orkut-text)!important;
  -webkit-text-fill-color:var(--orkut-text)!important;
}

@media (min-width:1024px){
  body.is-logged .scraaps-logo,
  body.is-logged header.scraaps-topbar .scraaps-topline > a.scraaps-logo{
    top:22px!important;
    background:transparent!important;
  }

  body.is-logged .bottom-nav::before{
    color:#87949d!important;
  }
}