/* =====================================================================
   MigraSpace — Identidade visual 2026 (estilo "Monzo")
   ---------------------------------------------------------------------
   Deep Navy · Hot Coral · Neon Yellow · Soft White · Mona Sans
   Carregue ESTE ficheiro DEPOIS de style.css (ver partials/head.php).
   1) Remapeia todos os tokens do app para a nova paleta;
   2) Sobrepõe elementos com cor fixa (sidebar, hero, botões, chips);
   3) Estiliza os novos componentes do feed (composer + filtros).
   ===================================================================== */

/* ---- 1. Núcleo de tokens (paleta base do style.css) ---- */
:root{
  /* Primária = Hot Coral */
  --blue:#FF5A45;
  --blue-2:#E8432E;
  --blue-3:#FF7461;
  --blue-4:#FFE8E3;
  --coral:#FF5A45;
  --coral-dk:#E8432E;

  /* Estrutura / Ink = Deep Navy */
  --navy:#14273D;
  --ink:#0E1C2C;
  --text:#28394B;
  --muted:#6B7887;

  /* Neutros — Soft White */
  --line:#E5E8E2;
  --line-2:#EFF1EC;
  --soft:#F1F4EE;
  --soft-2:#E8ECE4;
  --white:#FFFFFF;
  --sand:#F3F5F0;

  /* Apoio */
  --green:#12B76A;
  --purple:#5B6CF0;
  --teal:#FF5A45;      /* slot antigo "teal" -> coral (nova marca) */
  --teal-dk:#14273D;
  --teal-tint:#FFE8E3;

  /* Sombras (frias, tom navy) */
  --shadow:0 24px 70px rgba(20,39,61,.14);
  --shadow-soft:0 12px 34px rgba(20,39,61,.09);
  --radius:26px;

  /* Destaques de marca (novos) */
  --volt:#D6F24B;
  --volt-soft:#F1FAC7;
}

/* ---- 2. Estados semânticos ---- */
:root{
  --red:#F0453B; --red-strong:#C92D2A; --red-soft:#FFE7E4; --red-line:#FFC9C2;
  --amber:#F5A524; --amber-strong:#B96E00; --amber-soft:#FFF3D6; --amber-line:#FCE0A0;
  --green-state:#12B76A; --green-strong:#0E8A50; --green-soft:#E7F8EF; --green-line:#BFECD4;
  --lilac:#5B6CF0; --lilac-soft:#ECEEFF; --lilac-line:#D2D8FF;
  --cyan:#0FB5C4; --cyan-soft:#E3F7F9; --cyan-line:#BCEBEF;
}

/* ---- 3. Tokens de marca (--brand-*) ---- */
:root{
  --brand-blue:#FF5A45; --brand-blue-dark:#E8432E; --brand-blue-soft:#FFE8E3; --brand-blue-line:#FFD2C8;
  --brand-mint:#12B76A; --brand-mint-soft:#E7F8EF;
  --brand-amber:#F5A524; --brand-amber-soft:#FFF3D6;
  --brand-rose:#FF6B8A; --brand-rose-soft:#FFE9EE;
  --brand-lilac:#5B6CF0; --brand-lilac-soft:#ECEEFF;
  --brand-cyan:#0FB5C4; --brand-cyan-soft:#E3F7F9;
  --brand-surface:#F3F5F0; --brand-card:#FFFFFF; --brand-border:#E5E8E2;
}

/* ---- 4. Camada social (--social-*) ---- */
:root{
  --social-bg:#F3F5F0;
  --social-card:#FFFFFF;
  --social-border:#E5E8E2;
  --social-ink:#14273D;
  --social-muted:#6B7887;
  --social-shadow:0 14px 38px rgba(20,39,61,.10);
  --social-radius:24px;
}

/* ---- 5. Camada MVP (--mvp-*) ---- */
:root{
  --mvp-bg:#F3F5F0;
  --mvp-surface:#FFFFFF;
  --mvp-ink:#14273D;
  --mvp-muted:#6B7887;
  --mvp-blue:#FF5A45;
  --mvp-blue-dark:#E8432E;
  --mvp-line:#E5E8E2;
  --mvp-shadow:0 18px 44px rgba(20,39,61,.10);
  --mvp-shadow-strong:0 26px 70px rgba(20,39,61,.16);
}

/* ---- 6. Tipografia — Mona Sans em toda parte ---- */
:root{
  --font-app:"Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display:"Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
body{
  font-family:"Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* =====================================================================
   7. Overrides estruturais
   ===================================================================== */

/* Fundo do app — Soft White calmo */
body{
  background:linear-gradient(180deg,#F5F7F2 0%,#EFF2EC 55%,#F3F5F0 100%);
  color:var(--text);
}

/* Sidebar — navy profundo (vence os !important tardios do style.css
   porque esta folha carrega por último). */
.sidebar,
.site-shell > .sidebar{
  background:linear-gradient(180deg,#1B3350 0%,#14273D 55%,#0E1C2C 100%) !important;
  box-shadow:0 28px 80px rgba(14,28,44,.32) !important;
}
.sidebar.admin-sidebar,
.site-shell > .admin-sidebar{
  background:linear-gradient(180deg,#16273A 0%,#0E1C2C 100%) !important;
}

/* Link ativo — pílula coral com texto branco */
.side-link.active,
.sidebar .side-link.active,
.social-nav .side-link.active,
.admin-side-nav .side-link.active{
  background:var(--coral) !important;
  color:#fff !important;
  box-shadow:0 16px 40px rgba(232,67,46,.32) !important;
}
.sidebar .side-link.active .side-icon,
.social-nav .side-link.active .side-icon{
  background:rgba(255,255,255,.22) !important;
  color:#fff !important;
}
.side-link.active .side-label{ color:#fff !important; }
.side-link.active .counter,
.side-link.active .badge-count{
  background:#fff !important;
  color:var(--coral) !important;
}

/* Contadores / badges — neon sobre navy */
.counter,.badge-count,
.sidebar .counter,
.sidebar .badge-count,
.side-nav .side-link .counter,
.social-nav .side-link .counter,
.sidebar .side-nav .side-link .counter,
.site-shell .sidebar .side-nav .side-link .counter,
.site-shell .sidebar .social-nav .side-link .counter{
  background:#D6F24B !important;
  color:#14273D !important;
}

/* Progresso do card de impacto (sidebar) — neon */
.mini-progress span,
.sidebar .mini-progress span{
  background:#D6F24B !important;
}

/* CTA "Torne-se mentor" — botão neon */
.mentor-cta .button-white,
.sidebar .mentor-cta .button-white{
  background:var(--volt) !important;
  color:var(--navy) !important;
  box-shadow:0 12px 26px rgba(214,242,75,.28) !important;
}
.mentor-cta .letter{ color:var(--volt) !important; }

/* Hero da dashboard — gradiente navy → coral (marca) */
.hero-card{
  background:
    radial-gradient(circle at 78% 14%, rgba(255,90,69,.45), transparent 42%),
    linear-gradient(135deg,#14273D 0%,#1B3350 42%,#FF5A45 100%) !important;
}
.stat-float{ background:rgba(20,39,61,.86) !important; }

/* Capa do perfil (rail direito) — navy → coral */
.cover-strip{
  background:linear-gradient(135deg,#14273D 0%,#1C3350 45%,#FF5A45 100%) !important;
}

/* Barras de progresso em cards claros — coral */
.progress-line span{ background:var(--coral); }
.account-progress-bar span{ background:linear-gradient(90deg,var(--coral),#FF8A6E); }

/* Botões primários — coral com sombra fria */
.button-primary{
  background:var(--coral) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(232,67,46,.26) !important;
}
.button-primary:hover{ background:var(--coral-dk) !important; }
.button-white{ color:var(--coral); }

/* Kicker / rótulos — tint coral */
.page-kicker,.micro-label{
  background:var(--blue-4);
  color:var(--coral-dk);
}
.micro-label.blue{ background:var(--blue-4); color:var(--coral-dk); }

/* Título de secção do feed — superfície branca limpa */
.feed-section-title{
  background:linear-gradient(135deg,#FFFFFF,#F6F8F3);
  border-color:var(--social-border);
}

/* Ponto de notificação — coral */
.dot,.notify span{ background:var(--coral); }

/* Marca (texto do logo) */
.brand-title small,.brand small{ color:var(--volt) !important; }

/* Campos com foco — anel coral suave */
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:var(--coral) !important;
  box-shadow:0 0 0 4px rgba(255,90,69,.14) !important;
}
.search-box:focus-within{
  border-color:var(--coral);
  box-shadow:0 0 0 4px rgba(255,90,69,.14);
}

/* Tag de post padrão — tint coral */
.post-tag{ background:var(--blue-4); color:var(--coral-dk); }
.post-tag.community{ background:var(--green-soft); color:var(--green-strong); }
.post-tag.mentor{ background:var(--lilac-soft); color:#3D4BC7; }
.post-tag.alert{ background:var(--red-soft); color:#C92D2A; }

/* Chips de filtro existentes (páginas de listas) */
.filter-chip.active,.forum-tabs a.active{
  background:var(--navy) !important;
  color:#fff !important;
  border-color:var(--navy) !important;
}

/* =====================================================================
   8. NOVOS COMPONENTES — Feed 2026
   ===================================================================== */

/* ---- 8a. Composer do feed ("Partilhe com a comunidade…") ---- */
.ms-feed-composer{ padding:18px !important; }
.ms-feed-composer .ms-composer-main{
  display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:start;
}
.ms-feed-composer .ms-composer-avatar{
  width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 auto;
  border:2px solid var(--line);
}
.ms-feed-composer .ms-composer-avatar.is-letter{
  display:grid;place-items:center;background:linear-gradient(135deg,var(--coral),#FF8A6E);
  color:#fff;font-weight:800;font-size:17px;border:0;
}
.ms-composer-fields{ display:grid;gap:10px;min-width:0; }
.ms-composer-input{
  min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--soft);
  padding:12px 15px;color:var(--ink);font:inherit;font-weight:600;width:100%;resize:vertical;
}
.ms-composer-input::placeholder{ color:var(--muted); }
.ms-composer-title{
  height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;
  padding:0 14px;color:var(--ink);font:inherit;font-weight:700;width:100%;
}
.ms-composer-meta{ display:flex;gap:8px;flex-wrap:wrap; }
.ms-composer-meta select{
  height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;
  padding:0 10px;color:var(--text);font:inherit;font-weight:700;font-size:12.5px;
}
.ms-composer-row{ display:flex;gap:8px;flex-wrap:wrap;align-items:center; }
.ms-composer-act{
  height:36px;padding:0 13px;border-radius:11px;background:var(--soft);border:0;
  color:var(--text);font:inherit;font-size:12.5px;font-weight:700;
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;text-decoration:none;
}
.ms-composer-act:hover{ background:var(--soft-2); }
.ms-composer-act.c1{ color:var(--coral-dk); }
.ms-composer-act.c2{ color:var(--green-strong); }
.ms-composer-act.c3{ color:#3D4BC7; }
.ms-composer-act.c4{ color:#B96E00; }
.ms-composer-send{
  margin-left:auto;height:40px;padding:0 20px;border-radius:12px;border:0;cursor:pointer;
  background:var(--coral);color:#fff;font:inherit;font-weight:800;font-size:13px;
  display:inline-flex;align-items:center;gap:8px;
  box-shadow:0 12px 26px rgba(232,67,46,.26);
}
.ms-composer-send:hover{ background:var(--coral-dk); }
.ms-composer-extra{ display:none;gap:10px; }
.ms-feed-composer.is-open .ms-composer-extra{ display:grid; }
.ms-composer-hint{ color:var(--muted);font-size:12px;font-weight:600; }
.ms-composer-login{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.ms-composer-login p{ margin:0;color:var(--muted);font-weight:650; }

/* ---- 8b. Etiquetas de filtro do feed ---- */
.ms-feed-filters{
  display:flex;gap:9px;flex-wrap:wrap;margin:2px 0 4px;
}
.ms-feed-filters .ms-filter{
  height:36px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line);
  color:var(--text);font:inherit;font-size:12.5px;font-weight:750;cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;box-shadow:var(--shadow-soft);
  transition:transform .14s ease,background .14s ease;
}
.ms-feed-filters .ms-filter:hover{ transform:translateY(-1px); }
.ms-feed-filters .ms-filter.on{
  background:var(--navy);border-color:var(--navy);color:#fff;
}
.ms-feed-filters .ms-filter .ms-filter-dot{
  width:8px;height:8px;border-radius:50%;background:var(--coral);flex:0 0 auto;
}
.ms-feed-filters .ms-filter.on .ms-filter-dot{ background:var(--volt); }
.feed-filter-empty{
  padding:22px;text-align:center;color:var(--muted);font-weight:650;
}

/* ---- 8c. Acentos de categoria nos cards do feed ---- */
.post-card{ position:relative; }
.feed-update-card{ overflow:hidden; }
.feed-update-card:before{
  content:"";position:absolute;left:0;top:18px;bottom:18px;width:5px;border-radius:999px;
  background:var(--coral);opacity:.9;
}
.feed-update-card.feed-vagas:before{ background:var(--green-state); }
.feed-update-card.feed-bolsas:before{ background:var(--lilac); }
.feed-update-card.feed-eventos:before{ background:var(--amber); }
.feed-update-card.feed-radar:before,
.feed-update-card.feed-atualizacoes:before{ background:var(--coral); }
.feed-update-card.feed-noticias:before{ background:var(--cyan); }
.feed-update-card.feed-estatisticas:before{ background:var(--navy); }
.feed-update-card.feed-blog:before{ background:var(--volt); }
.feed-update-card.feed-estudos:before,
.feed-update-card.feed-formacao:before{ background:var(--lilac); }
.feed-update-card.feed-oportunidades:before{ background:var(--green-state); }

/* Post fixado — anel neon discreto */
.feed-spotlight{ box-shadow:0 0 0 2px var(--volt),var(--shadow-soft) !important; }

/* ---- 8d. Micro-ajustes ---- */
.system-avatar{ background:var(--soft);border-color:var(--line); }
.feed-welcome-tags a{
  background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.18);
}
.feed-welcome-tags a:hover{ background:var(--coral);border-color:var(--coral); }
.typewriter-cursor{ background:var(--volt); }
.feed-brand-blue{ color:var(--coral) !important; }
.feed-welcome-name{ color:var(--volt) !important; }

/* Scrollbar discreta (WebKit) */
::-webkit-scrollbar{ width:10px;height:10px; }
::-webkit-scrollbar-thumb{ background:#C9CFC6;border-radius:999px;border:2px solid var(--sand); }
::-webkit-scrollbar-track{ background:transparent; }

/* Seleção de texto — neon sobre navy */
::selection{ background:var(--volt);color:var(--navy); }

/* =====================================================================
   9. Polimento final (vence os últimos !important do style.css,
      pois esta folha é a última a carregar)
   ===================================================================== */

/* Card de boas-vindas do feed — superfície limpa, sem borda salmão */
.social-home-main .feed-section-title.feed-welcome-card,
.social-home-main .feed-welcome-card{
  background:linear-gradient(135deg,#FFFFFF 0%,#F6F8F3 60%,#F3F5F0 100%) !important;
  border:1px solid var(--line) !important;
  color:var(--ink) !important;
  box-shadow:var(--shadow-soft) !important;
}
.social-home-main .feed-welcome-title,
.social-home-main .feed-welcome-card h2{ color:var(--navy) !important; }
.social-home-main .feed-welcome-greeting .feed-welcome-name{ color:var(--coral) !important; }

/* Botões do card de boas-vindas: primário coral, secundário branco */
.social-home-main .feed-welcome-actions a:first-child{
  background:var(--coral) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 12px 26px rgba(232,67,46,.26) !important;
}
.social-home-main .feed-welcome-actions a + a{
  background:#FFFFFF !important;
  color:var(--navy) !important;
  border:1px solid var(--line) !important;
}

/* Atalhos com emoji do card de boas-vindas — chips claros */
.social-home-main .feed-welcome-tags a{
  background:#FFFFFF !important;
  color:var(--navy) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow-soft) !important;
}
.social-home-main .feed-welcome-tags a:hover{
  background:var(--coral) !important;
  color:#fff !important;
  border-color:var(--coral) !important;
}
.social-home-main .feed-welcome-stats span{
  background:var(--soft) !important;
  color:var(--muted) !important;
  border-color:var(--line) !important;
}
.feed-typewriter-label{
  background:var(--navy) !important;
  color:var(--volt) !important;
}

/* Páginas públicas (login, cadastro, landing) — fundo soft white */
.public-shell{
  background:linear-gradient(160deg,#F5F7F2 0%,#FFFFFF 45%,#EAEDE6 100%) !important;
}
/* Painel visual do auth — navy → coral (marca) */
.auth-visual{
  background:
    radial-gradient(circle at 80% 12%, rgba(255,90,69,.5), transparent 46%),
    linear-gradient(135deg,#14273D 0%,#1C3350 48%,#FF5A45 100%) !important;
}

/* Topbar fixa — véu soft white neutro (sem tint rosado) */
.topbar,
body:not(.admin-area) .main > .topbar{
  background:rgba(245,247,242,.92) !important;
}
.mobile-top{
  background:rgba(245,247,242,.92) !important;
  border-bottom:1px solid var(--line) !important;
}

@media (max-width:860px){
  .ms-feed-composer .ms-composer-main{ grid-template-columns:40px minmax(0,1fr); }
  .ms-feed-composer .ms-composer-avatar{ width:40px;height:40px; }
  .ms-composer-send{ width:100%;justify-content:center;margin-left:0; }
  .ms-feed-filters{ overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px; }
  .ms-feed-filters .ms-filter{ white-space:nowrap;flex:0 0 auto; }
}

/* =====================================================================
   10. FEED 2026 — fiel à proposta aprovada
   (carrega por último: vence os !important do style.css)
   ===================================================================== */

/* ---- 10a. Chips de hashtag nos cards (#burocracia #lisboa …) ---- */
.ms-chips{ display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 2px; }
.ms-chips .c{
  height:30px;padding:0 13px;border-radius:999px;background:var(--soft);
  color:var(--text);font-size:12.5px;font-weight:750;display:inline-flex;align-items:center;
}

/* ---- 10b. Reações em pílula (❤ 128 · 💬 34 · Partilhar · Salvo) ---- */
.ms-icon-row{ gap:9px!important; }
.ms-icon-action,
.save-btn-icon{
  width:auto!important;
  min-width:44px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--soft)!important;
  color:var(--text)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:12.5px!important;
  font-weight:750!important;
  font-family:var(--font-app)!important;
}
.ms-icon-action:hover,
.save-btn-icon:hover{
  background:var(--soft-2)!important;
  border:0!important;
  color:var(--ink)!important;
  transform:translateY(-1px);
}
.ms-icon-action svg,
.save-btn-icon svg{ width:17px!important;height:17px!important; }
.ms-icon-action-count{
  min-width:56px!important;
  padding:0 13px!important;
  background:var(--soft)!important;
  border:0!important;
  grid-auto-flow:unset!important;
  column-gap:0!important;
}
.ms-icon-action-count svg{ color:currentColor!important; }
.ms-icon-action-count b{
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:currentColor!important;
  font-size:13px!important;
  font-weight:800!important;
}
/* Curtidas — pílula coral tint como no mock */
.ms-icon-action[title="Curtidas"],
.ms-icon-action[aria-label$="curtida(s)"]{
  background:var(--blue-4)!important;
  color:var(--coral-dk)!important;
}
.ms-icon-action[title="Curtidas"] svg{ fill:var(--coral)!important;stroke:var(--coral)!important; }
/* Partilhar / abrir — neutros */
.ms-link-share-btn,
.ms-icon-action[aria-label^="Compartilhar link"],
.ms-icon-action[aria-label^="Abrir"],
.ms-icon-action[aria-label^="Ver perfil"]{
  background:var(--soft)!important;
  border:0!important;
  color:var(--text)!important;
}
.ms-link-share-btn.is-shared{ background:var(--navy)!important;color:#fff!important; }
/* Salvar — à direita; salvo = neon (como no mock) */
.save-btn-icon{ margin-left:auto!important; }
.save-btn-icon .save-btn-label{
  display:inline!important;
  font-size:12.5px!important;
  font-weight:800!important;
  color:currentColor!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  clip:auto!important;
  clip-path:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
  margin:0!important;
}
.save-btn-icon.is-saved{
  background:var(--volt)!important;
  color:var(--navy)!important;
  border:0!important;
}
.save-btn-icon.is-saved svg path{ fill:var(--navy)!important;stroke:var(--navy)!important; }
.profile-repost-btn{ background:var(--green-soft)!important;border:0!important;color:var(--green-strong)!important; }
.profile-repost-btn.is-reposted{ background:var(--green-state)!important;color:#fff!important; }
@media (hover:hover) and (pointer:fine){
  .ms-icon-action:hover,
  .save-btn-icon:hover{
    background:var(--soft-2)!important;
    border:0!important;
    color:var(--ink)!important;
  }
}

/* ---- 10c. Badges de categoria coloridos (menos laranja!) ---- */
.post-tag{ min-height:30px!important;font-weight:800!important; }
.post-tag:before{ content:"●";font-size:9px;margin-right:6px;opacity:.85; }
.post-tag.alert:before{ content:"●"; }
.feed-forum-post .post-tag{ background:var(--green-soft)!important;color:var(--green-strong)!important; }
.feed-forum-post .post-tag.is-repost{ background:var(--lilac-soft)!important;color:#3D4BC7!important; }
.feed-update-card.feed-vagas .post-tag{ background:var(--cyan-soft)!important;color:#0B7A85!important; }
.feed-update-card.feed-oportunidades .post-tag{ background:var(--green-soft)!important;color:var(--green-strong)!important; }
.feed-update-card.feed-bolsas .post-tag,
.feed-update-card.feed-estudos .post-tag,
.feed-update-card.feed-formacao .post-tag{ background:var(--lilac-soft)!important;color:#3D4BC7!important; }
.feed-update-card.feed-eventos .post-tag{ background:var(--amber-soft)!important;color:#9A5C00!important; }
.feed-update-card.feed-noticias .post-tag,
.feed-update-card.feed-blog .post-tag{ background:var(--navy)!important;color:#fff!important; }
.feed-update-card.feed-estatisticas .post-tag,
.feed-update-card.feed-tendencias .post-tag{ background:var(--volt)!important;color:var(--navy)!important; }
.feed-update-card.feed-radar .post-tag,
.feed-update-card.feed-atualizacoes .post-tag{ background:var(--blue-4)!important;color:var(--coral-dk)!important; }

/* ---- 10d. Avatares com gradientes variados (rede descolada) ---- */
.feed-update-card .system-avatar{
  color:#fff!important;border:0!important;font-weight:800!important;
}
.feed-update-card.feed-vagas .system-avatar{ background:linear-gradient(135deg,#0FB5C4,#5CE0EC)!important; }
.feed-update-card.feed-oportunidades .system-avatar{ background:linear-gradient(135deg,#12B76A,#57DA9E)!important; }
.feed-update-card.feed-bolsas .system-avatar,
.feed-update-card.feed-estudos .system-avatar,
.feed-update-card.feed-formacao .system-avatar{ background:linear-gradient(135deg,#5B6CF0,#8A97FF)!important; }
.feed-update-card.feed-eventos .system-avatar{ background:linear-gradient(135deg,#F5A524,#FFC96B)!important; }
.feed-update-card.feed-noticias .system-avatar,
.feed-update-card.feed-blog .system-avatar{ background:linear-gradient(135deg,#14273D,#2E4A6B)!important; }
.feed-update-card.feed-estatisticas .system-avatar,
.feed-update-card.feed-tendencias .system-avatar{ background:linear-gradient(135deg,#1C3350,#14273D)!important;color:var(--volt)!important; }
.feed-update-card.feed-radar .system-avatar,
.feed-update-card.feed-atualizacoes .system-avatar{ background:linear-gradient(135deg,#FF7A5C,#FF5A45)!important; }
/* Publicações de pessoas: iniciais em gradiente coral */
.feed-forum-post .system-avatar{
  background:linear-gradient(135deg,#FF7A5C,#FF5A45)!important;
  color:#fff!important;border:0!important;font-weight:800!important;
}

/* ---- 10e. Sidebar como no mock (tiles de ícone + pílula ativa) ---- */
.side-nav{ gap:6px!important; }
.side-link{
  min-height:46px!important;
  border-radius:14px!important;
  font-size:13.5px!important;
  font-weight:750!important;
  gap:11px!important;
}
.side-icon{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.09)!important;
}
.side-link.active .side-icon{ background:rgba(255,255,255,.22)!important; }
.side-icon svg{ width:19px!important;height:19px!important; }

/* ---- 10f. Rail direito com cores de apoio ---- */
.data-list .data-row:nth-child(5n+1) .job-logo{ background:var(--blue-4);color:var(--coral-dk); }
.data-list .data-row:nth-child(5n+2) .job-logo{ background:var(--green-soft);color:var(--green-strong); }
.data-list .data-row:nth-child(5n+3) .job-logo{ background:var(--lilac-soft);color:#3D4BC7; }
.data-list .data-row:nth-child(5n+4) .job-logo{ background:var(--amber-soft);color:#9A5C00; }
.data-list .data-row:nth-child(5n+5) .job-logo{ background:var(--cyan-soft);color:#0B7A85; }
.profile-stats span:nth-child(1) strong{ color:var(--coral); }
.profile-stats span:nth-child(2) strong{ color:var(--green-strong); }
.profile-stats span:nth-child(3) strong{ color:#3D4BC7; }
.account-check{ border-color:var(--green-state)!important; }
.account-checklist li.is-done .account-check{ background:var(--green-state)!important;border-color:var(--green-state)!important; }

/* ---- 10g. Comentário em destaque + rodapé dos cards ---- */
.comment-preview{ background:var(--soft)!important;border:1px solid var(--line)!important; }
.feed-card-footer{ border-top:1px solid var(--line);margin-top:14px;padding-top:12px; }

/* ---- 10h. Composer: emojis coloridos e foco ---- */
.ms-composer-act.c1{ background:var(--blue-4);color:var(--coral-dk); }
.ms-composer-act.c2{ background:var(--cyan-soft);color:#0B7A85; }
.ms-composer-act.c3{ background:var(--lilac-soft);color:#3D4BC7; }
.ms-composer-act.c4{ background:var(--amber-soft);color:#9A5C00; }

/* =====================================================================
   11. Ações dos cards — pílulas (vence os seletores .social-home-main
       de alta especificidade do style.css)
   ===================================================================== */
:root{
  --contrast-blue:#1C3350;
  --contrast-blue-dark:#0E1C2C;
}
.social-home-main .feed-forum-actions a,
.social-home-main .feed-forum-actions button,
.social-home-main .feed-forum-actions .save-btn,
.social-home-main .feed-forum-actions .ms-icon-action,
.social-home-main .feed-forum-actions .save-btn-icon,
.social-home-main .feed-card-footer-actions .ms-icon-action,
.social-home-main .feed-card-footer-actions .save-btn-icon,
.profile-post-actions .ms-icon-action,
.profile-post-actions .save-btn-icon,
.share-publication-actions .ms-icon-action,
.share-publication-actions .save-btn-icon,
.community-topic-actions .ms-icon-action{
  width:auto!important;
  min-width:44px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  border:0!important;
  background:var(--soft)!important;
  color:var(--text)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:12.5px!important;
  font-weight:750!important;
  box-shadow:none!important;
}
.social-home-main .feed-forum-actions .ms-icon-action:hover,
.social-home-main .feed-forum-actions .save-btn-icon:hover,
.social-home-main .feed-card-footer-actions .ms-icon-action:hover,
.social-home-main .feed-card-footer-actions .save-btn-icon:hover{
  background:var(--soft-2)!important;
  color:var(--ink)!important;
}
.social-home-main .feed-forum-actions .ms-icon-action-count,
.social-home-main .feed-card-footer-actions .ms-icon-action-count{
  width:auto!important;
  min-width:56px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  background:var(--soft)!important;
}
/* Curtidas — coral tint (❤ 128) */
.social-home-main .feed-forum-actions .ms-icon-action[title="Curtidas"],
.social-home-main .post-card .ms-icon-action[title="Curtidas"],
.profile-post-actions .ms-icon-action[title="Curtidas"]{
  background:var(--blue-4)!important;
  color:var(--coral-dk)!important;
}
.social-home-main .ms-icon-action[title="Curtidas"] svg,
.profile-post-actions .ms-icon-action[title="Curtidas"] svg{
  fill:var(--coral)!important;
  stroke:var(--coral)!important;
}
.social-home-main .feed-forum-actions .ms-icon-action[title="Curtidas"]:hover{
  background:var(--blue-4)!important;
  color:var(--coral-dk)!important;
}
/* Salvar — texto visível; salvo = neon */
.social-home-main .save-btn-icon,
.profile-post-actions .save-btn-icon,
.share-publication-actions .save-btn-icon{
  margin-left:auto!important;
}
.save-btn-icon .save-btn-label,
.social-home-main .save-btn-icon .save-btn-label,
.profile-post-actions .save-btn .save-btn-label,
.share-publication-actions .save-btn .save-btn-label{
  display:inline!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  position:static!important;
  clip:auto!important;
  clip-path:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.save-btn-icon.is-saved,
.social-home-main .feed-forum-actions .save-btn.is-saved,
.social-home-main .save-btn-icon.is-saved{
  background:var(--volt)!important;
  color:var(--navy)!important;
}
.save-btn-icon.is-saved svg,
.social-home-main .save-btn-icon.is-saved svg{
  fill:var(--navy)!important;
  stroke:var(--navy)!important;
}
.save-btn-icon.is-saved svg path,
.social-home-main .save-btn-icon.is-saved svg path{
  fill:var(--navy)!important;
  stroke:var(--navy)!important;
}

/* Bordas dos cards — neutras (sem salmão) */
.post-card,.social-card,.list-card,.content-card,.rcard{
  border-color:var(--line)!important;
}

/* Post fixado — navy sólido com anel neon (como o card Radar do mock) */
.post-card.feed-spotlight{
  background:
    radial-gradient(circle at 92% 8%,rgba(255,90,69,.35),transparent 34%),
    linear-gradient(145deg,#1C3350 0%,#0E1C2C 100%)!important;
  box-shadow:0 0 0 2px var(--volt),0 22px 52px rgba(10,20,32,.30)!important;
}
.post-card.feed-spotlight .ms-chips .c{
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.88);
}
.post-card.feed-spotlight .ms-icon-action,
.post-card.feed-spotlight .save-btn-icon,
.post-card.feed-spotlight .ms-icon-action-count{
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.9)!important;
}
.post-card.feed-spotlight .post-tag{
  background:var(--volt)!important;
  color:var(--navy)!important;
}
.post-card.feed-spotlight .feed-country-badge{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
  color:#fff;
}
.post-card.feed-spotlight:before{ display:none!important; }
.post-card.feed-spotlight .feed-card-footer{ border-top-color:rgba(255,255,255,.14); }
.post-card.feed-spotlight .feed-card-footer small a{ color:rgba(255,255,255,.7); }
.post-card.feed-spotlight h3,
.post-card.feed-spotlight .feed-card-copy p{ color:#fff!important; }
.post-card.feed-spotlight .feed-card-copy p{ color:rgba(255,255,255,.78)!important; }
.post-card.feed-spotlight .feed-detail-panel{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
}
.post-card.feed-spotlight .feed-detail-panel-head span,
.post-card.feed-spotlight .feed-countdown-date{ color:rgba(255,255,255,.66)!important; }
.post-card.feed-spotlight .feed-detail-panel-head strong{ color:var(--volt)!important; }

/* =====================================================================
   12. Re-skin da camada "flat" do feed (mesmos seletores, cara do mock)
   ===================================================================== */

/* Shell dos cards — arredondado, borda neutra, sombra suave */
.social-home-main .post-card.feed-update-card,
.social-home-main .post-card.feed-forum-post{
  border-radius:22px!important;
  border:1px solid var(--line)!important;
  background:#FFFFFF!important;
  box-shadow:var(--shadow-soft)!important;
}
.social-home-main .post-card.feed-update-card:hover,
.social-home-main .post-card.feed-forum-post:hover{
  border-color:var(--line)!important;
  box-shadow:0 18px 44px rgba(20,39,61,.12)!important;
  transform:translateY(-2px)!important;
}

/* Avatares sem anel salmão */
.social-home-main .feed-update-card .system-avatar,
.social-home-main .feed-forum-post .forum-post-header .system-avatar{
  border:0!important;
}
.social-home-main .feed-forum-post .feed-forum-avatar{
  border:2px solid var(--line)!important;
  background:var(--soft)!important;
}

/* Etiquetas maiores e coloridas por categoria */
.social-home-main .feed-update-card .post-tag,
.social-home-main .feed-forum-post .post-tag{
  min-height:26px!important;
  max-height:26px!important;
  padding:0 11px!important;
  font-size:11px!important;
  border:0!important;
  max-width:180px!important;
}
.social-home-main .feed-forum-post .post-tag:not(.alert){
  background:var(--green-soft)!important;
  color:var(--green-strong)!important;
  border:0!important;
}
.social-home-main .feed-forum-post .post-tag.is-repost{
  background:var(--lilac-soft)!important;
  color:#3D4BC7!important;
  border:0!important;
}
.social-home-main .feed-update-card.feed-vagas .post-tag{ background:var(--cyan-soft)!important;color:#0B7A85!important; }
.social-home-main .feed-update-card.feed-oportunidades .post-tag{ background:var(--green-soft)!important;color:var(--green-strong)!important; }
.social-home-main .feed-update-card.feed-bolsas .post-tag,
.social-home-main .feed-update-card.feed-estudos .post-tag,
.social-home-main .feed-update-card.feed-formacao .post-tag{ background:var(--lilac-soft)!important;color:#3D4BC7!important; }
.social-home-main .feed-update-card.feed-eventos .post-tag{ background:var(--amber-soft)!important;color:#9A5C00!important; }
.social-home-main .feed-update-card.feed-noticias .post-tag,
.social-home-main .feed-update-card.feed-blog .post-tag{ background:var(--navy)!important;color:#FFFFFF!important; }
.social-home-main .feed-update-card.feed-estatisticas .post-tag,
.social-home-main .feed-update-card.feed-tendencias .post-tag{ background:var(--volt)!important;color:var(--navy)!important; }
.social-home-main .feed-update-card.feed-radar .post-tag,
.social-home-main .feed-update-card.feed-atualizacoes .post-tag{ background:var(--blue-4)!important;color:var(--coral-dk)!important; }

/* Selo de país e painéis internos — neutros soft */
.social-home-main .feed-country-badge{
  background:var(--soft)!important;
  border:1px solid var(--line)!important;
}
.social-home-main .feed-detail-panel,
.social-home-main .feed-countdown-panel,
.social-home-main .feed-update-card .feed-stat-panel,
.social-home-main .feed-stat-panel{
  background:var(--soft)!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
}
.social-home-main .feed-detail-panel-head strong{
  background:var(--volt)!important;
  border:0!important;
  color:var(--navy)!important;
}
.social-home-main .feed-mini-progress{ background:#E1E5DC!important; }
.social-home-main .feed-mini-progress span{ background:var(--coral)!important; }
.social-home-main .feed-stat-value{ color:var(--navy)!important; }

/* Chips de hashtag dentro dos cards flat (padding interno de 16px) */
.social-home-main .feed-update-card .ms-chips,
.social-home-main .feed-forum-post .ms-chips{
  padding:0 16px!important;
  margin:12px 0 0!important;
}

/* Rodapé com divisor neutro */
.social-home-main .feed-card-footer{
  border-top:1px solid var(--line-2)!important;
  padding:10px 12px 10px 16px!important;
}
.social-home-main .post-actions.feed-forum-actions{
  border-top:1px solid var(--line-2)!important;
  padding:10px 12px!important;
  gap:8px!important;
}
.social-home-main .ms-more-copy-btn:hover{ background:var(--soft-2)!important; }
.social-home-main .feed-forum-post .forum-latest-comment{
  background:var(--soft)!important;
  border:1px solid var(--line)!important;
}

/* ---------- Card fixado: navy sólido com anel neon ---------- */
.social-home-main .post-card.feed-update-card.feed-spotlight,
.social-home-main .post-card.feed-forum-post.feed-spotlight{
  background:
    radial-gradient(circle at 90% 6%,rgba(255,90,69,.4),transparent 36%),
    linear-gradient(148deg,#1C3350 0%,#0E1C2C 100%)!important;
  border-color:transparent!important;
  box-shadow:0 0 0 2px var(--volt),0 22px 52px rgba(10,20,32,.30)!important;
}
.social-home-main .post-card.feed-spotlight .post-header,
.social-home-main .post-card.feed-spotlight .forum-post-header{
  background:transparent!important;
}
.social-home-main .post-card.feed-spotlight .post-header strong,
.social-home-main .post-card.feed-spotlight .forum-post-header strong,
.social-home-main .post-card.feed-spotlight .feed-card-copy h3,
.social-home-main .post-card.feed-spotlight .forum-post-title{
  color:#FFFFFF!important;
}
.social-home-main .post-card.feed-spotlight .post-header small,
.social-home-main .post-card.feed-spotlight .forum-post-header small,
.social-home-main .post-card.feed-spotlight .feed-card-copy p,
.social-home-main .post-card.feed-spotlight .forum-post-copy{
  color:rgba(255,255,255,.78)!important;
}
.social-home-main .post-card.feed-spotlight .post-tag{
  background:var(--volt)!important;
  color:var(--navy)!important;
  border:0!important;
}
.social-home-main .post-card.feed-spotlight .ms-chips .c{
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.88);
}
.social-home-main .post-card.feed-spotlight .feed-country-badge{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.social-home-main .post-card.feed-spotlight .feed-country-badge .feed-country-text{
  color:#FFFFFF!important;
}
.social-home-main .post-card.feed-spotlight .feed-card-footer,
.social-home-main .post-card.feed-spotlight .post-actions.feed-forum-actions{
  border-top-color:rgba(255,255,255,.14)!important;
  background:transparent!important;
}
.social-home-main .post-card.feed-spotlight .feed-card-footer small{
  color:rgba(255,255,255,.66)!important;
}
.social-home-main .post-card.feed-spotlight .ms-icon-action,
.social-home-main .post-card.feed-spotlight .save-btn-icon,
.social-home-main .post-card.feed-spotlight .ms-icon-action-count{
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.92)!important;
}
.social-home-main .post-card.feed-spotlight .ms-more-copy-btn{
  color:rgba(255,255,255,.75)!important;
}
.social-home-main .post-card.feed-spotlight .system-avatar{
  background:linear-gradient(135deg,#FF7A5C,#FF5A45)!important;
  color:#FFFFFF!important;
}
.social-home-main .post-card.feed-spotlight .feed-detail-panel,
.social-home-main .post-card.feed-spotlight .feed-countdown-panel,
.social-home-main .post-card.feed-spotlight .feed-stat-panel{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.social-home-main .post-card.feed-spotlight .feed-detail-panel-head span,
.social-home-main .post-card.feed-spotlight .feed-countdown-date,
.social-home-main .post-card.feed-spotlight .feed-stat-source{
  color:rgba(255,255,255,.66)!important;
}
.social-home-main .post-card.feed-spotlight .feed-stat-value,
.social-home-main .post-card.feed-spotlight .feed-stat-unit{
  color:var(--volt)!important;
}

/* =====================================================================
   13. Perfil público & páginas internas — cores de apoio nos chips
   ===================================================================== */
.tag-list .tag{ border:0!important; }
.tag-list .tag:nth-child(4n+1){ background:var(--blue-4)!important;color:var(--coral-dk)!important; }
.tag-list .tag:nth-child(4n+2){ background:var(--green-soft)!important;color:var(--green-strong)!important; }
.tag-list .tag:nth-child(4n+3){ background:var(--lilac-soft)!important;color:#3D4BC7!important; }
.tag-list .tag:nth-child(4n+4){ background:var(--amber-soft)!important;color:#9A5C00!important; }

/* Capa do perfil público — navy → coral com brilho neon */
.profile-cover,.public-profile-cover{
  background:
    radial-gradient(circle at 12% 120%, rgba(214,242,75,.25), transparent 42%),
    radial-gradient(circle at 85% 10%, rgba(255,90,69,.55), transparent 52%),
    linear-gradient(135deg,#14273D 0%,#1C3350 55%,#FF5A45 100%) !important;
}

/* Tags de tópicos do fórum da comunidade — cores por tipo */
.community-topic-type{ border:0!important; }
.community-topic-link:nth-child(4n+1) .community-topic-type{ background:var(--green-soft)!important;color:var(--green-strong)!important; }
.community-topic-link:nth-child(4n+2) .community-topic-type{ background:var(--lilac-soft)!important;color:#3D4BC7!important; }
.community-topic-link:nth-child(4n+3) .community-topic-type{ background:var(--amber-soft)!important;color:#9A5C00!important; }
.community-topic-link:nth-child(4n+4) .community-topic-type{ background:var(--cyan-soft)!important;color:#0B7A85!important; }
.community-category-icon{ background:var(--soft)!important;color:var(--navy)!important; }
.community-category-list .community-category-row:nth-child(5n+1) .community-category-icon{ background:var(--blue-4)!important;color:var(--coral-dk)!important; }
.community-category-list .community-category-row:nth-child(5n+2) .community-category-icon{ background:var(--green-soft)!important;color:var(--green-strong)!important; }
.community-category-list .community-category-row:nth-child(5n+3) .community-category-icon{ background:var(--lilac-soft)!important;color:#3D4BC7!important; }
.community-category-list .community-category-row:nth-child(5n+4) .community-category-icon{ background:var(--amber-soft)!important;color:#9A5C00!important; }
.community-category-list .community-category-row:nth-child(5n+5) .community-category-icon{ background:var(--cyan-soft)!important;color:#0B7A85!important; }

/* Página de publicação — tag de tipo mint (conquista/dica etc.) */
.publication-card .post-tag,
.share-publication-card .post-tag,
.profile-post-card .post-tag{
  background:var(--green-soft)!important;
  color:var(--green-strong)!important;
  border:0!important;
}