/* Esparta Brasil — social premium 228
   Camada visual global: menos painel, mais rede social. */
:root{
  --p228-bg:#07090d;
  --p228-panel:#0d1219;
  --p228-panel2:#111821;
  --p228-soft:#151d27;
  --p228-line:rgba(255,255,255,.065);
  --p228-line2:rgba(255,255,255,.095);
  --p228-text:#edf1f5;
  --p228-muted:#7e8997;
  --p228-gold:#e6b52f;
  --p228-gold2:#f1cc62;
  --p228-goldbg:rgba(230,181,47,.075);
  --p228-radius:16px;
  --p228-shadow:0 18px 48px rgba(0,0,0,.18);
}

/* Base */
body{background:#07090d!important;color:var(--p228-text)}
body:before{opacity:.08!important;background-size:90px 90px!important}
.workspace{background:radial-gradient(900px 520px at 55% -120px,rgba(230,181,47,.035),transparent 70%)}
.content{padding-top:26px!important;padding-bottom:70px!important}
.page{max-width:1180px;margin-inline:auto}
.muted{color:var(--p228-muted)!important}
.small{letter-spacing:.002em}

/* Sidebar mais editorial */
.sidebar{background:#080b10!important;border-right:1px solid rgba(255,255,255,.05)!important;box-shadow:none!important;padding-inline:15px!important}
.brand{padding:18px 8px 15px!important;margin-bottom:6px!important}
.brand:after{left:8px!important;right:8px!important;background:rgba(255,255,255,.055)!important}
.brandmark.small{border-radius:11px!important;background:#0d1219!important;border-color:rgba(230,181,47,.27)!important;box-shadow:none!important}
.usercard{border:0!important;border-radius:15px!important;background:#0c1118!important;box-shadow:none!important;padding:13px!important;margin-block:8px 12px!important}
.usercard:before{display:none!important}
.usercard .avatar{width:46px!important;height:46px!important;box-shadow:0 0 0 2px #0c1118,0 0 0 3px rgba(230,181,47,.24)!important}
.usercard .chips{gap:5px!important;margin-top:9px!important}
.usercard .chip{font-size:8px!important;padding:5px 7px!important}
.nav{gap:1px!important}
.nav button{min-height:44px!important;border-radius:10px!important;padding:7px 9px!important;color:#8792a0!important;font-weight:700!important;background:transparent!important}
.nav button .ico{width:28px!important;height:28px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#788492!important}
.nav button:hover{background:rgba(255,255,255,.028)!important;color:#d8dde3!important}
.nav button.active{background:rgba(255,255,255,.038)!important;color:#fff!important}
.nav button.active:before{top:8px!important;bottom:8px!important;width:2px!important;box-shadow:none!important;background:var(--p228-gold)!important}
.nav button.active .ico{background:var(--p228-goldbg)!important;border:0!important;color:var(--p228-gold2)!important}
.nav .sep{opacity:.55!important;margin:8px 7px!important}
.logout{border:0!important;background:transparent!important;color:#67727f!important}
.logout:hover{background:rgba(255,255,255,.025)!important;color:#b9c1ca!important}

/* Topo mais leve */
.topbar{height:72px!important;padding-inline:34px!important;background:rgba(7,9,13,.88)!important;border-bottom:1px solid rgba(255,255,255,.045)!important;box-shadow:none!important;backdrop-filter:blur(20px)!important}
.topbar h1{font-size:18px!important;font-weight:800!important;letter-spacing:-.03em!important}
.topbar p{font-size:10px!important;margin-top:2px!important;color:#697482!important}
.top-actions{gap:8px!important}.search{height:42px!important;min-width:320px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#0d131b!important;box-shadow:none!important}.search:focus{border-color:rgba(230,181,47,.26)!important;box-shadow:0 0 0 3px rgba(230,181,47,.045)!important}.iconbtn{border-radius:11px!important;background:#0d131b!important;border-color:rgba(255,255,255,.06)!important;box-shadow:none!important}

/* Títulos e heros: menos banner */
.hero{border:0!important;border-radius:18px!important;background:linear-gradient(145deg,#101720,#0b1118)!important;box-shadow:none!important;padding:20px 22px!important}
.hero:before{display:none!important}
.hero h2{font-size:22px!important;font-weight:820!important;letter-spacing:-.04em!important;margin:7px 0 4px!important}.hero .muted,.hero p{font-size:11px!important;line-height:1.55!important}.hero .chip{margin-bottom:2px}

/* Cartões globais */
.card{border:1px solid var(--p228-line)!important;border-radius:15px!important;background:#0d131a!important;box-shadow:none!important;transition:border-color .15s ease,background .15s ease!important}
.card:hover{border-color:var(--p228-line2)!important;background:#0f151d!important;box-shadow:none!important;transform:none!important}
.chip{border:1px solid rgba(255,255,255,.065)!important;background:rgba(255,255,255,.025)!important;border-radius:999px!important;font-size:8px!important;font-weight:800!important;padding:5px 8px!important;letter-spacing:.045em!important}.chip.gold{border-color:rgba(230,181,47,.2)!important;background:var(--p228-goldbg)!important;color:var(--p228-gold2)!important}
.empty{border:1px dashed rgba(255,255,255,.065)!important;background:transparent!important;border-radius:15px!important;color:#778391!important}

/* Botões */
.btn{min-height:38px!important;padding:8px 12px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.065)!important;background:#121922!important;box-shadow:none!important;font-size:10px!important;font-weight:760!important}.btn:hover{background:#161f2a!important;border-color:rgba(255,255,255,.1)!important}.btn.primary{background:var(--p228-gold)!important;border-color:var(--p228-gold)!important;color:#161207!important;box-shadow:none!important}.btn.primary:hover{background:#f0c44d!important;border-color:#f0c44d!important}.btn.ghost{background:transparent!important}.btn.ghost:hover{background:rgba(255,255,255,.035)!important}
.input,.select,.textarea{border:1px solid rgba(255,255,255,.065)!important;background:#0c1219!important;border-radius:11px!important;box-shadow:none!important}.input:focus,.select:focus,.textarea:focus{border-color:rgba(230,181,47,.27)!important;box-shadow:0 0 0 3px rgba(230,181,47,.04)!important}
.toolbar{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important}

/* Feed: mais próximo de uma rede social */
.feed{gap:14px!important}.feed>.hero{margin-bottom:4px!important}
.post{border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#0c1219!important;box-shadow:none!important;overflow:hidden!important}.post:hover{border-color:rgba(255,255,255,.085)!important;box-shadow:none!important}
.posthead{padding:14px 15px 10px!important}.posthead .avatar{width:42px!important;height:42px!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.08)!important}.posthead b{font-size:12px!important}.posthead .small{font-size:9px!important;color:#6e7987!important}.postbody{padding:5px 15px 15px!important;font-size:12px!important;line-height:1.62!important;color:#d8dde3!important}.postmedia{margin:0!important;background:#05070a!important}.postactions{padding:7px 9px!important;border-top:1px solid rgba(255,255,255,.045)!important;background:#0a1016!important}.postactions button{min-height:34px!important;border-radius:8px!important;font-size:10px!important}.comments{background:#0a1016!important;padding-inline:14px!important}.commentForm .input{min-height:38px!important;background:#0d141c!important}

/* Anúncios: presentes, sem dominar */
.sponsored-card{border:1px solid rgba(230,181,47,.12)!important;border-radius:16px!important;background:#0c1218!important;box-shadow:none!important}.sponsored-body{padding:13px 15px 14px!important}.sponsored-top{font-size:8px!important}.sponsored-card h3{font-size:15px!important}.sponsored-card p{font-size:10px!important;color:#7f8996!important}.sponsored-cta{font-size:9px!important;border-radius:9px!important}

/* Notificações: uma lista contínua, não vários cards */
.activity227-page{max-width:900px!important}.activity227-head{padding:18px 2px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-items:center!important}.activity227-head h2{font-size:24px!important}.activity227-head p{font-size:11px!important;max-width:520px}.activity227-counter{border:0!important;background:transparent!important;padding:4px 8px!important;min-width:auto!important}.activity227-counter b{font-size:19px!important}.activity227-counter span{font-size:8px!important}.activity227-controls{border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:10px!important;margin-top:4px!important}.activity227-tab,.activity227-unread-toggle{border:0!important;background:transparent!important;border-radius:8px!important;padding:7px 9px!important}.activity227-tab.active{background:rgba(230,181,47,.07)!important;color:var(--p228-gold2)!important}.notif227-group{margin-top:17px!important}.notif227-group-title{font-size:10px!important;padding-inline:2px!important}.notif227-group-title:after{background:rgba(255,255,255,.045)!important}.notif227-group-items{display:block!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:15px!important;overflow:hidden!important;background:#0b1118!important}.notif227{border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;border-radius:0!important;background:transparent!important;padding:13px 14px!important;transform:none!important}.notif227:last-child{border-bottom:0!important}.notif227:hover{background:rgba(255,255,255,.022)!important;transform:none!important}.notif227.is-unread{background:linear-gradient(90deg,rgba(230,181,47,.045),transparent 38%)!important;box-shadow:inset 2px 0 0 var(--p228-gold)!important}.notif227-icon{width:40px!important;height:40px!important;border-radius:11px!important;background:#101720!important;font-size:15px!important}.notif227 h3{font-size:12px!important}.notif227 p{font-size:10px!important}.notif227-bottom{margin-top:7px!important}

/* Comunidades: cards com mais presença e menos moldura */
.community227-page{max-width:1120px!important}.community227-shell{gap:30px!important}.community227-section-head{margin-bottom:12px!important}.community227-section-head h3{font-size:19px!important}.community227-grid{gap:14px!important}.community227-card{min-height:178px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:linear-gradient(155deg,#0f161f,#0b1118)!important;padding:16px!important}.community227-card.can-open:hover{transform:translateY(-1px)!important;background:linear-gradient(155deg,#111923,#0c1219)!important;border-color:rgba(230,181,47,.16)!important}.community227-card:after{width:180px!important;height:180px!important;right:-70px!important;bottom:-90px!important;background:radial-gradient(circle,rgba(230,181,47,.045),transparent 68%)!important}.community227-logo{width:42px!important;height:42px!important;border-radius:12px!important;background:#121a24!important;border:1px solid rgba(255,255,255,.065)!important}.community227-mark.vip .community227-logo{background:rgba(230,181,47,.075)!important}.community227-card h3{font-size:16px!important;margin-bottom:4px!important}.community227-card p{font-size:10px!important;line-height:1.55!important}.community227-stats span{border:0!important;background:#0d131a!important;border-radius:8px!important}.community227-detail-tabs{border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;border-radius:0!important;background:transparent!important;padding:0 0 9px!important}.community227-detail-tabs .btn{border:0!important;background:transparent!important}.community227-detail-tabs .btn.primary{background:var(--p228-goldbg)!important;color:var(--p228-gold2)!important}

/* Loja e mercado */
.products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important}.product{border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#0c1219!important;overflow:hidden!important;box-shadow:none!important}.product:hover{border-color:rgba(255,255,255,.095)!important;transform:none!important}.productimg{background:#080c11!important;aspect-ratio:1/1!important}.productimg img{object-fit:cover!important}.productbody{padding:13px!important;gap:8px!important}.productbody b{font-size:12px!important}.price{font-size:15px!important;color:#f0f2f5!important}.market-card,.marketitem{border-radius:15px!important}

/* Direct / chats */
.direct{border:1px solid rgba(255,255,255,.055)!important;border-radius:16px!important;overflow:hidden!important;background:#0a1016!important}.directlist{background:#0b1118!important;border-right-color:rgba(255,255,255,.05)!important}.directitem{border-bottom-color:rgba(255,255,255,.04)!important}.directitem:hover,.directitem.active{background:rgba(255,255,255,.025)!important}.directchat{background:#080d12!important}.bubble{border:0!important;background:#121923!important;border-radius:16px 16px 16px 5px!important}.mine .bubble{background:#201b0d!important;border:1px solid rgba(230,181,47,.12)!important}.cchat{border:1px solid rgba(255,255,255,.055)!important;border-radius:16px!important;background:#0a1016!important}.cchat-head,.cchat-compose{background:#0c1219!important;border-color:rgba(255,255,255,.05)!important}.cchat-msgs{background:#080d12!important}.cchat-bubble{border:0!important;background:#121923!important}.cchat-row.mine .cchat-bubble{background:#201b0d!important;border:1px solid rgba(230,181,47,.12)!important}

/* Perfil */
.igp-shell{border:0!important;background:transparent!important;box-shadow:none!important}.igp-cover{border-radius:18px!important;overflow:hidden!important}.igp-main{padding-inline:4px!important}.igp-header{border-bottom-color:rgba(255,255,255,.05)!important}.igp-stat{background:transparent!important;border:0!important}.igp-grid{gap:4px!important}.igp-grid-item{border-radius:8px!important;overflow:hidden!important}

/* Modais */
.modalbg{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(10px)!important}.modal{border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;background:#0d131a!important;box-shadow:0 30px 90px rgba(0,0,0,.44)!important}.modalhead{border-bottom-color:rgba(255,255,255,.05)!important}

/* Estados de foco */
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(230,181,47,.5)!important;outline-offset:2px!important}

@media(max-width:1050px){.topbar{padding-inline:24px!important}.search{min-width:250px!important}.community227-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
  .content{padding-top:18px!important;padding-bottom:90px!important}.topbar{height:64px!important;padding-inline:15px!important}.topbar p{display:none!important}.top-actions .search{min-width:0!important;width:min(48vw,230px)!important}.hero{border-radius:15px!important;padding:16px!important}.post{border-radius:14px!important}.activity227-head{display:block!important;padding-top:4px!important}.activity227-head-actions{margin-top:10px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important}.notif227-group-items{border-radius:13px!important}.notif227{grid-template-columns:38px 1fr!important;padding:11px!important}.notif227-icon{width:36px!important;height:36px!important}.community227-grid{grid-template-columns:1fr!important}.community227-card{min-height:0!important}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.productbody{padding:10px!important}.productbody .btn{width:100%!important}.modal{border-radius:16px 16px 0 0!important;max-height:92dvh!important}
}