/* ═══════════════════════════════════════════════════════════════
   AXIAN Design System — axian.css
   Todos os estilos. Zero dados hardcoded.
   ═══════════════════════════════════════════════════════════════ */

/* ── TOKENS ── */
:root {
  --bg:#080d18; --bg2:#0d1527; --bg3:#111d35; --bg4:#162040;
  --surface:#1c2a48; --surface2:#22334f;
  --border:rgba(99,130,200,0.10); --border2:rgba(99,130,200,0.22); --border3:rgba(99,130,200,0.38);
  --text:#edf2ff; --text2:#8b9dc3; --text3:#4e6090;
  --accent:#4f8ef7; --accent2:#7cb0ff;
  --green:#27e0a3; --green2:#0fb880;
  --gold:#f5b93a; --gold2:#c98d18;
  --red:#f26262; --purple:#9e86ff; --teal:#22d3ee;
  --glow-b:rgba(79,142,247,0.18); --glow-g:rgba(39,224,163,0.14);
  --f-head:'Outfit',sans-serif; --f-body:'Figtree',sans-serif; --f-mono:'JetBrains Mono',monospace;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px;
}

/* ── RESET ── */
*{margin:0;padding:0;box-sizing:border-box;}
html{font-size:14px;}
body{font-family:var(--f-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;}
html,body{width:100%;max-width:100%;}
input,select,textarea{max-width:100%;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.5;}

/* ── LAYOUT ── */
.app{display:flex;height:100vh;overflow:hidden;position:relative;z-index:1;}
.sidebar{width:230px;flex-shrink:0;background:linear-gradient(180deg,var(--bg2) 0%,rgba(13,21,39,.97) 100%);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;}
.main{flex:1;overflow-y:auto;background:var(--bg);}
.view{display:none;animation:fadeIn .2s ease;}
.view.active{display:block;}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes slideRight{from{transform:translateX(-100%)}to{transform:none}}

/* ── SIDEBAR ── */
.logo{padding:22px 20px 18px;border-bottom:1px solid var(--border);}
.logo-mark{font-family:var(--f-head);font-size:1.55rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#fff 40%,var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.logo-sub{font-size:.6rem;color:var(--text3);letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-family:var(--f-mono);}
.nav{padding:10px;flex:1;}
.nav-sect{font-size:.58rem;font-weight:600;letter-spacing:.12em;color:var(--text3);text-transform:uppercase;padding:10px 10px 4px;font-family:var(--f-mono);}
.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-sm);cursor:pointer;color:var(--text2);font-size:.84rem;font-weight:500;transition:all .18s;margin-bottom:2px;position:relative;}
.nav-item:hover{background:rgba(79,142,247,.08);color:var(--text);}
.nav-item.active{background:linear-gradient(135deg,rgba(79,142,247,.18),rgba(79,142,247,.07));color:#fff;border:1px solid rgba(79,142,247,.22);}
.nav-item.active::before{content:'';position:absolute;left:0;top:25%;bottom:25%;width:3px;border-radius:0 2px 2px 0;background:var(--accent);}
.nav-icon{font-size:.9rem;width:20px;text-align:center;flex-shrink:0;}
.nav-badge{margin-left:auto;background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:10px;font-family:var(--f-mono);}
.nav-status{margin-left:auto;font-family:var(--f-mono);font-size:.50rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.08);line-height:1.15;white-space:nowrap;}
.nav-status-ok{background:rgba(39,224,163,.09);color:var(--green);border-color:rgba(39,224,163,.18);}
.nav-status-partial{background:rgba(79,142,247,.09);color:var(--accent2);border-color:rgba(79,142,247,.18);}
.nav-status-dev{background:rgba(158,134,255,.09);color:var(--purple);border-color:rgba(158,134,255,.18);}
.nav-status-soon{background:rgba(34,211,238,.08);color:var(--teal);border-color:rgba(34,211,238,.17);}
.nav-status-premium{background:rgba(245,185,58,.10);color:var(--gold);border-color:rgba(245,185,58,.22);}
.nav-status-business{background:rgba(79,142,247,.10);color:var(--accent2);border-color:rgba(79,142,247,.22);}
.nav-status-enterprise{background:rgba(242,98,98,.08);color:var(--red);border-color:rgba(242,98,98,.18);}
.nav-status-commercial{background:rgba(245,185,58,.08);color:var(--gold);border-color:rgba(245,185,58,.18);}
.sidebar-bottom{padding:12px 14px;border-top:1px solid var(--border);}
.sidebar-profile{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 10px;border-radius:var(--r-sm);transition:all .15s;}
.sidebar-profile:hover{background:rgba(79,142,247,.08);}
.sidebar-name{font-size:.82rem;font-weight:600;line-height:1.2;font-family:var(--f-head);}
.sidebar-role{font-size:.62rem;color:var(--text3);}
.sidebar-score{margin-left:auto;font-family:var(--f-head);font-size:.95rem;font-weight:800;color:var(--green);}

/* ── AVATAR ── */
.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#3b55f5,#27e0a3);overflow:hidden;}
.av-28{width:28px;height:28px;font-size:.62rem;}
.av-32{width:32px;height:32px;font-size:.72rem;}
.av-40{width:40px;height:40px;font-size:.88rem;}
.av-48{width:48px;height:48px;font-size:1rem;}
.av-64{width:64px;height:64px;font-size:1.2rem;}
.av-96{width:96px;height:96px;font-size:1.7rem;}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}

/* ── LOGO BADGE ── */
.logo-badge{display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:700;color:#fff;flex-shrink:0;border-radius:var(--r-sm);}
.lb-40{width:40px;height:40px;font-size:.68rem;}
.lb-48{width:48px;height:48px;font-size:.82rem;}
.lb-56{width:56px;height:56px;font-size:.92rem;}
.lb-76{width:76px;height:76px;font-size:1.1rem;}

/* ── CARDS ── */
.card{background:linear-gradient(160deg,var(--bg3),rgba(13,21,39,.9));border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;position:relative;overflow:hidden;transition:border-color .2s;}
.card:hover{border-color:var(--border2);}
.card-sm{padding:14px 16px;}
.card-label{font-family:var(--f-mono);font-size:.6rem;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.cld{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.ml-auto{margin-left:auto;}

/* ── SCORE RING ── */
.score-ring-num{font-family:var(--f-head);font-size:2.5rem;font-weight:900;line-height:1;letter-spacing:-2px;background:linear-gradient(160deg,#fff 30%,var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.score-ring-lbl{font-size:.56rem;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-family:var(--f-mono);}

/* ── TIERS ── */
.tier{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;font-size:.7rem;font-weight:700;font-family:var(--f-head);}
.tier-expert{background:rgba(245,185,58,.12);color:var(--gold);border:1px solid rgba(245,185,58,.25);}
.tier-top{background:rgba(39,224,163,.12);color:var(--green);border:1px solid rgba(39,224,163,.25);}
.tier-blue{background:rgba(79,142,247,.12);color:var(--accent2);border:1px solid rgba(79,142,247,.25);}
.tier-purple{background:rgba(158,134,255,.12);color:var(--purple);border:1px solid rgba(158,134,255,.25);}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--r-sm);font-size:.82rem;font-weight:600;cursor:pointer;border:none;transition:all .18s;font-family:var(--f-body);white-space:nowrap;}
.btn-primary{background:linear-gradient(135deg,var(--accent),#3d7de0);color:#fff;box-shadow:0 4px 14px rgba(79,142,247,.22);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(79,142,247,.32);}
.btn-outline{background:transparent;color:var(--text2);border:1px solid var(--border2);}
.btn-outline:hover{border-color:var(--accent);color:var(--accent2);}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text2);}
.btn-ghost:hover{background:rgba(255,255,255,.08);color:var(--text);}
.btn-gold{background:rgba(245,185,58,.1);color:var(--gold);border:1px solid rgba(245,185,58,.22);}
.btn-green{background:rgba(39,224,163,.1);color:var(--green);border:1px solid rgba(39,224,163,.22);}
.btn-red{background:rgba(242,98,98,.1);color:var(--red);border:1px solid rgba(242,98,98,.22);}
.btn-sm{padding:5px 12px;font-size:.75rem;}
.btn-xs{padding:3px 9px;font-size:.68rem;}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;}

/* ── CHIPS ── */
.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:600;}
.chip-green{background:rgba(39,224,163,.10);color:var(--green);border:1px solid rgba(39,224,163,.2);}
.chip-blue{background:rgba(79,142,247,.10);color:var(--accent2);border:1px solid rgba(79,142,247,.2);}
.chip-gold{background:rgba(245,185,58,.10);color:var(--gold);border:1px solid rgba(245,185,58,.2);}
.chip-purple{background:rgba(158,134,255,.10);color:var(--purple);border:1px solid rgba(158,134,255,.2);}
.chip-teal{background:rgba(34,211,238,.10);color:var(--teal);border:1px solid rgba(34,211,238,.2);}
.chip-red{background:rgba(242,98,98,.10);color:var(--red);border:1px solid rgba(242,98,98,.2);}

/* ── PROGRESS ── */
.prog-track{height:5px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden;}
.pt-sm{height:4px;} .pt-lg{height:7px;}
.prog-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);}
.pf-blue{background:linear-gradient(90deg,#2562eb,var(--accent2));}
.pf-green{background:linear-gradient(90deg,var(--green2),var(--green));}
.pf-gold{background:linear-gradient(90deg,var(--gold2),var(--gold));}
.pf-purple{background:linear-gradient(90deg,#7c3aed,var(--purple));}
.pf-teal{background:linear-gradient(90deg,#0891b2,var(--teal));}
.pf-red{background:linear-gradient(90deg,#b91c1c,var(--red));}

/* ── ALERTS ── */
.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-sm);font-size:.8rem;line-height:1.5;}
.alert-warn{background:rgba(245,185,58,.07);border:1px solid rgba(245,185,58,.18);color:#bfa040;}
.alert-info{background:rgba(79,142,247,.07);border:1px solid rgba(79,142,247,.18);color:#7ba4e8;}
.alert-success{background:rgba(39,224,163,.07);border:1px solid rgba(39,224,163,.18);color:#1aaa7a;}
.alert-red{background:rgba(242,98,98,.07);border:1px solid rgba(242,98,98,.18);color:#c05050;}

/* ── UTILITIES ── */
.flex{display:flex;} .flex-col{flex-direction:column;} .items-start{align-items:flex-start;} .items-center{align-items:center;} .items-end{align-items:flex-end;} .justify-between{justify-content:space-between;} .justify-center{justify-content:center;}
.flex-1{flex:1;min-width:0;} .flex-shrink-0{flex-shrink:0;} .wrap{flex-wrap:wrap;}
.gap-4{gap:4px;} .gap-6{gap:6px;} .gap-8{gap:8px;} .gap-10{gap:10px;} .gap-12{gap:12px;} .gap-16{gap:16px;} .gap-20{gap:20px;}
.mt-4{margin-top:4px;} .mt-6{margin-top:6px;} .mt-8{margin-top:8px;} .mt-10{margin-top:10px;} .mt-12{margin-top:12px;} .mt-14{margin-top:14px;} .mt-16{margin-top:16px;} .mt-20{margin-top:20px;}
.mb-4{margin-bottom:4px;} .mb-6{margin-bottom:6px;} .mb-8{margin-bottom:8px;} .mb-10{margin-bottom:10px;} .mb-12{margin-bottom:12px;} .mb-14{margin-bottom:14px;} .mb-16{margin-bottom:16px;} .mb-20{margin-bottom:20px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;}
.t-head{font-family:var(--f-head);} .t-mono{font-family:var(--f-mono);}
.fw-9{font-weight:900;} .fw-8{font-weight:800;} .fw-7{font-weight:700;} .fw-6{font-weight:600;}
.t-2xl{font-size:1.6rem;} .t-xl{font-size:1.3rem;} .t-lg{font-size:1rem;} .t-md{font-size:.88rem;} .t-sm{font-size:.8rem;} .t-xs{font-size:.72rem;} .t-2xs{font-size:.62rem;}
.c-text{color:var(--text);} .c-muted{color:var(--text2);} .c-faint{color:var(--text3);} .c-green{color:var(--green);} .c-gold{color:var(--gold);} .c-blue{color:var(--accent2);} .c-red{color:var(--red);} .c-purple{color:var(--purple);} .c-teal{color:var(--teal);}
.grad-text{background:linear-gradient(135deg,#fff 40%,var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.grad-green{background:linear-gradient(135deg,#fff 30%,var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.grad-gold{background:linear-gradient(135deg,#fff 30%,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.page-wrap{padding:26px 30px;max-width:1200px;margin:0 auto;}
.page-hdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;}
.page-title{font-family:var(--f-head);font-size:1.45rem;font-weight:800;letter-spacing:-.4px;}
.page-sub{color:var(--text2);font-size:.78rem;margin-top:3px;}
.stat-val{font-family:var(--f-head);font-size:1.6rem;font-weight:800;line-height:1;}
.stat-lbl{font-size:.62rem;color:var(--text2);margin-top:3px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;}
.divider{border:none;border-top:1px solid var(--border);margin:14px 0;}
.text-center{text-align:center;} .text-right{text-align:right;}
.hidden{display:none!important;}
.w-full{width:100%;}

/* ── GLOBAL SEARCH ── */
.global-search{position:sticky;top:0;z-index:35;padding:14px 26px 8px;background:linear-gradient(180deg,var(--bg) 76%,rgba(8,13,24,0));}
.global-search-box{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--border2);border-radius:var(--r-md);background:rgba(18,28,49,.96);box-shadow:0 10px 24px rgba(0,0,0,.18);}
.global-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,142,247,.12),0 10px 24px rgba(0,0,0,.18);}
.global-search-box>span{font-size:1.1rem;color:var(--text3);}
.global-search-box input{flex:1;min-width:0;border:0!important;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.84rem!important;}
.global-search-box input::placeholder{color:var(--text3);}
.global-search-box button{border:0;background:transparent;color:var(--text2);font-size:1.35rem;line-height:1;cursor:pointer;padding:0 3px;}
.global-search-results{max-width:760px;max-height:min(62vh,520px);overflow:auto;margin:7px auto 0;border:1px solid var(--border2);border-radius:var(--r-md);background:rgba(18,28,49,.98);box-shadow:0 18px 34px rgba(0,0,0,.3);}
.global-search-section{padding:10px 0;border-bottom:1px solid var(--border);}
.global-search-section:last-child{border-bottom:0;}
.global-search-section h3{margin:0;padding:0 14px 6px;color:var(--text3);font-family:var(--f-mono);font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;}
.global-search-result{display:flex;align-items:center;gap:10px;padding:8px 14px;min-width:0;}
.global-search-result-action{width:100%;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;}
.global-search-result-action:hover,.global-search-result-action:focus-visible{background:rgba(79,142,247,.1);outline:0;}
.global-search-result-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:rgba(79,142,247,.1);font-size:.85rem;}
.global-search-result-content{display:flex;flex-direction:column;gap:2px;min-width:0;}
.global-search-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;}
.global-search-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2);font-size:.68rem;}
.global-search-status{margin:0;padding:14px;color:var(--text2);font-size:.78rem;}

/* ── DIM BARS ── */
.dim-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.dim-label{width:115px;font-size:.76rem;color:var(--text2);flex-shrink:0;}
.dim-track{flex:1;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;}
.dim-fill{height:100%;border-radius:2px;transition:width .6s ease;}
.dim-val{width:30px;text-align:right;font-family:var(--f-mono);font-size:.66rem;color:var(--text3);}

/* ── FEED ── */
.feed-layout{display:grid;grid-template-columns:258px minmax(0,1fr) 238px;gap:18px;padding:22px 26px;max-width:1230px;margin:0 auto;min-width:0;}
.feed-layout>div,.feed-post-card>.flex,.feed-post-card .flex-1{min-width:0;}
.feed-post-card{background:linear-gradient(160deg,var(--bg3),rgba(13,21,39,.9));border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;transition:border-color .2s;margin-bottom:14px;overflow:hidden;}
.feed-post-card:hover{border-color:var(--border2);}
.feed-attachment-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.feed-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.feed-attachment-previews{display:grid;gap:8px;margin-top:10px;}
.feed-upload-item,.feed-document-card,.feed-link-card{min-width:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding:10px;}
.feed-upload-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;}
.feed-upload-thumb{width:52px;height:52px;aspect-ratio:1;border-radius:var(--r-sm);object-fit:cover;background:var(--bg2);}
.feed-upload-meta{min-width:0;font-size:.72rem;color:var(--text2);overflow-wrap:anywhere;}
.feed-upload-progress{height:4px;background:var(--border);border-radius:4px;overflow:hidden;margin-top:6px;}
.feed-upload-progress>span{display:block;height:100%;background:var(--accent);transition:width .15s;}
.feed-image-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:12px 0;overflow:hidden;border-radius:var(--r-md);}
.feed-image-gallery[data-count="1"]{grid-template-columns:1fr;}
.feed-image-button{border:0;padding:0;background:none;cursor:zoom-in;min-width:0;}
.feed-image-gallery img{display:block;width:100%;height:220px;object-fit:cover;background:var(--bg2);}
.feed-documents{display:grid;gap:7px;margin:12px 0;}
.feed-document-card{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;overflow-wrap:anywhere;}
.feed-video{width:100%;max-height:460px;border-radius:var(--r-md);background:#000;margin:12px 0;}
.feed-link-card{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;color:var(--text);margin:12px 0;overflow:hidden;}
.feed-link-card a{color:inherit;text-decoration:none;cursor:pointer;border-radius:4px;}
.feed-link-card a:hover .feed-link-title,.feed-link-title:hover{text-decoration:underline;color:var(--accent2);}
.feed-link-card a:focus-visible{outline:2px solid var(--accent2);outline-offset:3px;}
.feed-link-title{display:block;font-weight:700;margin-top:3px;}
.feed-link-description{font-size:.72rem;color:var(--text2);margin-top:5px;}
.feed-link-image{display:block;}
.feed-link-card img{width:120px;height:90px;object-fit:cover;border-radius:var(--r-sm);}
.feed-link-domain{font-size:.65rem;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;}
.feed-lightbox{position:fixed;inset:0;z-index:950;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:24px;}
.feed-lightbox img{max-width:100%;max-height:100%;object-fit:contain;}
.feed-lightbox-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;min-width:44px;min-height:44px;}
.fmp-score-num{font-family:var(--f-head);font-size:2.8rem;font-weight:900;letter-spacing:-2px;background:linear-gradient(160deg,#fff 40%,var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}

/* ── JOB CARD ── */
.job-card{background:linear-gradient(160deg,var(--bg3),rgba(13,21,39,.9));border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;transition:all .2s;position:relative;overflow:hidden;margin-bottom:12px;}
.job-card:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,0,0,.3);}
.job-match-badge{font-family:var(--f-head);font-size:2rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--green),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.job-logo{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#1e3a8a,#3b82f6);}
.job-insight{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text2);}
.insight-ok{color:var(--green);} .insight-warn{color:var(--gold);}

/* ── PROFILE HERO ── */
.profile-hero{background:linear-gradient(160deg,var(--bg3) 0%,var(--bg2) 100%);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px 32px;position:relative;overflow:hidden;margin-bottom:18px;}
.profile-hero-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px 20px;}
.profile-hero-info{min-width:0;}
.profile-score-summary{grid-column:3;grid-row:1 / span 2;}
.profile-actions{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:8px;margin-top:2px;min-width:0;}
.profile-actions .btn{min-width:0;min-height:40px;justify-content:center;white-space:nowrap;}
.profile-action-remove{color:var(--red);border-color:rgba(242,98,98,.42);}
.profile-action-remove:hover{background:rgba(242,98,98,.1);border-color:var(--red);}
.profile-action-remove:active{background:rgba(242,98,98,.16);}
.profile-actions .btn:focus-visible{outline:3px solid rgba(124,176,255,.65);outline-offset:2px;}
.profile-actions .btn:disabled{cursor:not-allowed;opacity:.55;}
.profile-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(79,142,247,.08) 0%,transparent 65%);pointer-events:none;}
.ph-name{font-family:var(--f-head);font-size:1.7rem;font-weight:800;letter-spacing:-.5px;}
.ph-headline{font-size:.88rem;color:var(--text2);margin-top:4px;}
.contact-row{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text2);}
.contact-row a{color:var(--accent2);text-decoration:none;}
.contact-row a:hover{text-decoration:underline;}

/* ── EXPERIENCE / EDUCATION ITEMS ── */
.exp-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);}
.exp-item:last-child{border-bottom:none;}
.exp-logo{width:40px;height:40px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0;}
.univ-logo{width:38px;height:38px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:.62rem;font-weight:700;flex-shrink:0;border:1px solid rgba(255,255,255,.1);}
.exp-role{font-size:.86rem;font-weight:600;font-family:var(--f-head);}
.exp-company{font-size:.76rem;color:var(--text2);margin-top:3px;}
.exp-period{font-size:.68rem;color:var(--text3);margin-top:2px;}
.exp-actions{margin-left:auto;opacity:0;transition:opacity .15s;}
.exp-item:hover .exp-actions{opacity:1;}

/* ── COMPANY PROFILE ── */
.empresa-hero{background:linear-gradient(160deg,var(--bg3) 0%,var(--bg2) 100%);border:1px solid var(--border);border-radius:var(--r-xl);padding:30px 32px;display:flex;align-items:flex-start;gap:24px;position:relative;overflow:hidden;margin-bottom:18px;}
.empresa-logo-lg{width:76px;height:76px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6);flex-shrink:0;}
.rev-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);}
.rev-row:last-child{border-bottom:none;}

/* ── RANKING ── */
.rank-tabs{display:flex;gap:3px;background:var(--bg3);padding:4px;border-radius:var(--r-md);margin-bottom:18px;width:fit-content;border:1px solid var(--border);}
.rank-tab{padding:7px 18px;border-radius:var(--r-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;color:var(--text2);}
.rank-tab.active{background:var(--accent);color:#fff;}
.rank-row{display:flex;align-items:center;gap:16px;padding:13px 17px;background:linear-gradient(160deg,var(--bg3),rgba(13,21,39,.9));border:1px solid var(--border);border-radius:var(--r-md);transition:all .18s;margin-bottom:6px;}
.rank-row:hover{border-color:var(--border2);transform:translateY(-1px);}
.rank-row.rank-me{border-color:rgba(79,142,247,.35);background:linear-gradient(135deg,rgba(79,142,247,.07),rgba(13,21,39,.9));}
.rank-pos{width:30px;font-family:var(--f-head);font-size:1.05rem;font-weight:800;color:var(--text3);flex-shrink:0;}
.rank-pos.gold{color:var(--gold);} .rank-pos.silver{color:#94a3b8;} .rank-pos.bronze{color:#92754a;}
.rank-info{flex:1;min-width:0;}
.rank-name{font-size:.88rem;font-weight:600;font-family:var(--f-head);}
.rank-sub{font-size:.7rem;color:var(--text2);margin-top:2px;}
.rank-score{font-family:var(--f-head);font-size:1.2rem;font-weight:800;flex-shrink:0;}
.rank-delta{font-size:.66rem;margin-top:2px;text-align:right;}
.rank-delta.up{color:var(--green);} .rank-delta.down{color:var(--red);}
.rank-me-badge{background:var(--accent);color:#fff;font-size:.58rem;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:6px;}

/* ── ASSESSMENT ── */
.assess-wrap{max-width:680px;margin:0 auto;padding:26px 30px;}
.likert-btn{flex:1;height:46px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--f-head);font-size:.95rem;font-weight:700;color:var(--text2);cursor:pointer;transition:all .15s;}
.likert-btn.sel{background:rgba(79,142,247,.12);border-color:rgba(79,142,247,.5);color:var(--accent2);}
.likert-btn[data-val="1"].sel,.likert-btn[data-val="2"].sel{background:rgba(242,98,98,.10);border-color:rgba(242,98,98,.4);color:var(--red);}
.likert-btn[data-val="4"].sel,.likert-btn[data-val="5"].sel{background:rgba(39,224,163,.10);border-color:rgba(39,224,163,.4);color:var(--green);}
.assess-prog-bar{height:3px;background:rgba(255,255,255,.06);border-radius:2px;margin-bottom:26px;overflow:hidden;}
.assess-prog-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:2px;transition:width .4s ease;}
.assess-question{font-family:var(--f-head);font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:26px;letter-spacing:-.2px;}
.a-opt{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .15s;margin-bottom:9px;}
.a-opt:hover{border-color:var(--border2);background:var(--bg4);}
.a-opt.sel{border-color:rgba(79,142,247,.5);background:rgba(79,142,247,.08);}
.a-opt-letter{width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:.78rem;font-weight:700;color:var(--text2);flex-shrink:0;transition:all .15s;}
.a-opt.sel .a-opt-letter{background:var(--accent);color:#fff;}
.a-opt-text{font-size:.83rem;line-height:1.55;color:var(--text2);padding-top:3px;}
.a-opt.sel .a-opt-text{color:var(--text);}
.result-hero{text-align:center;padding:34px 24px;background:linear-gradient(135deg,rgba(79,142,247,.08),rgba(39,224,163,.06));border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:18px;}
.result-score-big{font-family:var(--f-head);font-size:5rem;font-weight:900;line-height:1;background:linear-gradient(160deg,#fff 30%,var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-4px;}
.result-profile-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 22px;background:rgba(79,142,247,.12);border:1px solid rgba(79,142,247,.25);border-radius:20px;font-family:var(--f-head);font-size:.92rem;font-weight:700;color:var(--accent2);margin-top:10px;}

/* ── GAP MAP ── */
.gap-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.gap-dim-label{width:115px;font-size:.76rem;color:var(--text2);flex-shrink:0;}
.gap-bars{flex:1;position:relative;height:8px;}
.gap-track{position:absolute;inset:0;border-radius:4px;background:rgba(255,255,255,.06);}
.gap-you{position:absolute;top:0;bottom:0;left:0;border-radius:4px;background:linear-gradient(90deg,var(--green2),var(--green));transition:width .6s ease;}
.gap-required{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--red);border-radius:1px;}
.gap-status{width:60px;text-align:right;font-size:.7rem;font-weight:700;flex-shrink:0;font-family:var(--f-mono);}
.gap-ok{color:var(--green);} .gap-warn{color:var(--gold);} .gap-miss{color:var(--red);}

/* ── MODAL / OVERLAY ── */
.overlay{display:none;position:fixed;inset:0;background:rgba(5,9,18,.78);backdrop-filter:blur(6px);z-index:200;align-items:center;justify-content:center;padding:20px;}
.overlay.open{display:flex;}
.modal{background:linear-gradient(160deg,var(--bg2),var(--bg));border:1px solid var(--border2);border-radius:var(--r-xl);padding:26px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;}
.modal-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.modal-title{font-family:var(--f-head);font-size:1.05rem;font-weight:700;}
.modal-close{cursor:pointer;color:var(--text3);font-size:1.05rem;padding:4px 8px;border-radius:6px;transition:all .15s;}
.modal-close:hover{background:rgba(255,255,255,.06);color:var(--text);}
.company-score-declaration-errors{display:grid;gap:5px;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,107,107,.72);border-left:3px solid var(--red);border-radius:var(--r-md);background:rgba(255,107,107,.09);color:var(--text);font-size:.82rem;line-height:1.45;}
.company-score-declaration-errors strong{font-family:var(--f-head);font-size:.86rem;}
.company-score-declaration-errors-help{color:var(--text2);}
#modal-company-score-declaration .field-input.is-invalid,#modal-company-score-declaration .field-select.is-invalid{border-color:var(--red);box-shadow:0 0 0 2px rgba(255,107,107,.14);}
.form-field{margin-bottom:14px;}
.field-label{font-size:.68rem;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-family:var(--f-mono);display:block;}
.field-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r-sm);padding:10px 12px;color:var(--text);font-size:.84rem;font-family:var(--f-body);outline:none;transition:border-color .15s;}
.field-input:focus{border-color:var(--accent);}
.field-input::placeholder{color:var(--text3);}
.field-select{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r-sm);padding:10px 12px;color:var(--text);font-size:.84rem;font-family:var(--f-body);outline:none;cursor:pointer;}
.field-textarea{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r-sm);padding:10px 12px;color:var(--text);font-size:.84rem;font-family:var(--f-body);outline:none;resize:vertical;min-height:80px;transition:border-color .15s;}
.field-textarea:focus{border-color:var(--accent);}
.field-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.84rem;color:var(--text2);}
.field-checkbox input{cursor:pointer;accent-color:var(--accent);}

/* ── TOAST ── */
#toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;}
.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r-md);box-shadow:0 8px 24px rgba(0,0,0,.5);font-size:.84rem;animation:slideUp .25s ease;pointer-events:auto;min-width:240px;max-width:340px;}
.toast-success{border-left:3px solid var(--green);}
.toast-error{border-left:3px solid var(--red);}
.toast-warn{border-left:3px solid var(--gold);}
.toast-info{border-left:3px solid var(--accent2);}

/* ── MOBILE TOP BAR ── */
.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:rgba(13,21,39,.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:50;align-items:center;padding:0 16px;padding-top:env(safe-area-inset-top);}
.mobile-topbar-logo{font-family:var(--f-head);font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#fff 40%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.mobile-topbar-score{font-family:var(--f-head);font-size:1rem;font-weight:800;color:var(--green);}

/* ── BOTTOM NAV ── */
.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(13,21,39,.96);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:50;padding:8px 0 max(8px,env(safe-area-inset-bottom));}
.bn-items{display:flex;justify-content:space-around;align-items:center;}
.bn-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:var(--r-sm);cursor:pointer;color:var(--text3);transition:all .15s;min-width:50px;}
.bn-item.active{color:var(--accent2);}
.bn-icon{font-size:1.15rem;}
.bn-label{font-size:.55rem;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;font-weight:600;}

/* ── MOBILE MENU ── */
.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(5,9,18,.8);backdrop-filter:blur(4px);z-index:80;}
.mobile-menu-overlay.open{display:flex;}
.mobile-menu-panel{width:80%;max-width:300px;background:var(--bg2);height:100%;overflow-y:auto;padding:20px 0;padding-top:calc(20px + env(safe-area-inset-top));animation:slideRight .25s ease;}
.mobile-menu-item{width:100%;border:0;background:transparent;text-align:left;font-family:var(--f-body);}
.mobile-menu-item:focus-visible{outline:2px solid var(--accent2);outline-offset:-2px;}
.mobile-menu-logout{color:var(--red);margin:8px 0 max(76px,env(safe-area-inset-bottom));}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--surface);border-radius:2px;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .sidebar{width:200px;}
  .feed-layout{grid-template-columns:220px 1fr!important;gap:14px!important;padding:16px!important;}
  .feed-layout>div:nth-child(3){display:none;}
  .grid-4{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:768px){
  .sidebar{display:none!important;}
  .bottom-nav{display:block;}
  .mobile-topbar{display:flex;}
  .app{flex-direction:column;}
  .main{width:100%;min-width:0;padding-top:56px;padding-bottom:calc(68px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;height:100vh;}
  .global-search{padding:8px 10px 6px;}
  .global-search-box input{font-size:16px!important;}
  .global-search-results{max-height:54dvh;}
  .feed-layout{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))!important;}
  .feed-layout>div:first-child,.feed-layout>div:nth-child(3){display:none;}
  .feed-layout>div:nth-child(2),.feed-post-card,.feed-upload-item,.feed-document-card,.feed-link-card,.feed-video{max-width:100%;min-width:0;}
  .feed-post-card{padding:14px;}
  .feed-attachment-toolbar .btn{min-height:44px;}
  .feed-upload-item>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;}
  .feed-edit-attachments,.feed-attachment-previews{max-width:100%;overflow-wrap:anywhere;}
  .page-wrap{padding:14px!important;}
  .page-hdr{flex-direction:column;gap:10px;margin-bottom:16px!important;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;}
  .overlay{padding:0!important;align-items:flex-end!important;}
  .modal{border-radius:var(--r-xl) var(--r-xl) 0 0!important;max-width:100%!important;width:100%!important;max-height:92vh!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important;}
  .btn{min-height:40px;}
  #toast-container{bottom:80px;right:12px;left:12px;}
  .toast{max-width:100%;}
  .auth-screen{align-items:flex-start!important;justify-content:flex-start!important;overflow-y:auto;overflow-x:hidden;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))!important;min-height:100dvh;}
  .auth-container{max-width:420px!important;margin:auto;min-width:0;}
  input,select,textarea{font-size:16px!important;min-width:0;}
  .auth-screen .btn{min-height:46px;}
  .mobile-menu-panel{width:min(88vw,340px);height:100dvh;max-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom));overscroll-behavior:contain;}
  .bottom-nav .bn-item{border:0;background:transparent;font-family:inherit;}
  .assess-wrap{padding:16px!important;}
  .assess-question{font-size:1rem!important;}
  .profile-hero{padding:18px!important;}
  .profile-hero-main{grid-template-columns:88px minmax(0,1fr);gap:14px;}
  .profile-hero-info{grid-column:2;}
  .profile-score-summary{grid-column:1 / -1;grid-row:auto;margin-top:4px;}
  .profile-actions{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px;margin-top:0;}
  .profile-actions .btn{width:100%;min-height:44px;padding:8px 7px;font-size:.78rem;}
  .empresa-hero{flex-direction:column!important;padding:18px!important;}
}
@media(max-width:390px){
  .page-wrap{padding:10px!important;}
  .card{padding:14px!important;}
}

@media(max-width:480px){
  .profile-hero{padding:14px!important;}
  .profile-hero-main{grid-template-columns:76px minmax(0,1fr);gap:12px;}
  .profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  .profile-actions .btn:first-child{grid-column:1 / -1;}
}

@media(max-width:480px){
  .auth-logo{margin-bottom:20px!important;}
  .auth-logo svg{width:38px;height:38px;}
  .auth-logo span{font-size:1.85rem!important;}
  .auth-tabs{margin-bottom:16px!important;}
  .auth-screen .form-field{margin-bottom:11px;}
}

@media(max-height:650px) and (max-width:768px){
  .auth-screen{padding-top:10px!important;}
  .auth-logo{margin-bottom:12px!important;}
  .auth-logo>div:last-child{display:none;}
}

/* ═══════════════════════════════════════════════════════════════
   AXIAN COMPANY PROFILE 35B.4G
   Cabeçalho, mídia, blocos institucionais e responsividade
   ═══════════════════════════════════════════════════════════════ */

.company-profile-shell {
  position: relative;
  margin-bottom: 18px;
  isolation: isolate;
}

.company-profile-cover {
  min-height: 190px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition:
    min-height .2s ease,
    filter .2s ease,
    border-color .2s ease;
}

.company-profile-cover::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(5, 9, 18, .02) 0%,
      rgba(5, 9, 18, .14) 52%,
      rgba(5, 9, 18, .5) 100%
    );
}

.company-profile-cover-actions {
  max-width: calc(100% - 28px);
}

.company-profile-cover-actions .btn {
  position: relative;
  z-index: 1;
  min-height: 30px;
  border-color: rgba(255, 255, 255, .16);
  color: #fff;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .18);
}

.company-profile-cover-actions .btn:hover:not(:disabled),
.company-profile-cover-actions .btn:focus-visible:not(:disabled) {
  border-color: rgba(255, 255, 255, .36);
  background: rgba(5, 9, 18, .88) !important;
  transform: translateY(-1px);
}

.company-profile-main {
  position: relative;
  z-index: 2;
}

.company-profile-identity {
  position: relative;
  z-index: 3;
}

.company-profile-logo-wrap {
  position: relative;
  isolation: isolate;
  border-radius: 50% !important;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.company-profile-logo-wrap:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, .4),
    0 0 0 1px rgba(79, 142, 247, .12);
}

.company-profile-logo-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}

.company-profile-logo-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  text-align: center;
  overflow-wrap: anywhere;
  background:
    radial-gradient(
      circle at 75% 20%,
      rgba(255, 255, 255, .18),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      var(--accent),
      var(--purple)
    );
}

.company-profile-heading {
  overflow: hidden;
}

.company-profile-heading h2 {
  overflow-wrap: anywhere;
}

.company-profile-tags .tag {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.company-profile-score {
  align-self: flex-end;
  transition:
    border-color .2s ease,
    background .2s ease,
    transform .2s ease;
}

.company-profile-score:hover {
  border-color: var(--border2) !important;
  background: rgba(5, 9, 18, .58) !important;
  transform: translateY(-1px);
}

.company-score-card{text-align:center;border:1px solid var(--border);border-radius:var(--r-md);background:rgba(5,9,18,.42);backdrop-filter:blur(8px);}
.company-score-card--admin{min-width:130px;padding:13px 15px;}
.company-score-card--compact{display:grid;align-content:center;justify-items:center;gap:4px;}
.company-score-card-value{font:800 2rem/1 var(--f-head);color:var(--accent2);}
.company-score-card-label{color:var(--text3);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;}
.company-score-card-tier{color:var(--text2);font-size:.72rem;}
.company-score-card-coverage{color:var(--text3);font-size:.65rem;line-height:1.4;}
.company-score-card-status{color:var(--green);font-size:.65rem;line-height:1.4;}
.company-score-card--admin .company-score-card-label{margin-top:7px;}
.company-score-card--admin .company-score-card-tier{margin-top:4px;}

.company-profile-actions .btn {
  min-height: 34px;
}

.company-profile-actions .btn:focus-visible,
.company-profile-cover-actions .btn:focus-visible {
  outline: 2px solid var(--accent2);
  outline-offset: 2px;
}

.company-profile-actions .btn:disabled,
.company-profile-cover-actions .btn:disabled {
  cursor: wait;
  opacity: .68;
  transform: none;
}

.company-profile-content-grid {
  grid-template-columns:
    minmax(0, 1.45fr)
    minmax(280px, .85fr);
  gap: 16px;
}

.company-profile-institutional-stack {
  min-width: 0;
}

.company-profile-about,
.company-profile-purpose,
.company-profile-public-info {
  min-width: 0;
}

.company-profile-about,
.company-profile-purpose {
  transition:
    border-color .2s ease,
    transform .2s ease;
}

.company-profile-about:hover,
.company-profile-purpose:hover,
.company-profile-public-info:hover {
  border-color: var(--border2);
}

.company-profile-about .section-title,
.company-profile-purpose .section-title,
.company-profile-public-info .section-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.company-profile-about .section-title::before,
.company-profile-purpose .section-title::before,
.company-profile-public-info .section-title::before {
  content: '';
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 12px rgba(79, 142, 247, .5);
}

.company-profile-purpose .section-title::before {
  background: var(--purple);
  box-shadow: 0 0 12px rgba(168, 85, 247, .45);
}

.company-profile-public-info .section-title::before {
  background: var(--green);
  box-shadow: 0 0 12px rgba(39, 224, 163, .4);
}

.company-profile-public-info {
  position: sticky;
  top: 18px;
}

.company-profile-public-info a {
  transition: color .15s ease;
}

.company-profile-public-info a:hover,
.company-profile-public-info a:focus-visible {
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#modal-edit-company .modal {
  width: min(720px, calc(100vw - 28px));
}

#modal-edit-company .field-input:focus,
#modal-edit-company .field-textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(79, 142, 247, .1);
}

#modal-edit-company .field-textarea {
  resize: vertical;
}

#modal-edit-company input[type='checkbox'] {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: var(--accent);
}

#modal-edit-company .btn:disabled {
  cursor: wait;
  opacity: .68;
}

/* Tablet */
@media (max-width: 900px) {
  .company-profile-content-grid {
    grid-template-columns: 1fr !important;
  }

  .company-profile-public-info {
    position: static;
  }

  .company-profile-score {
    margin-left: auto;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .company-profile-shell {
    margin-bottom: 14px;
  }

  .company-profile-cover {
    min-height: 150px !important;
    border-radius:
      var(--r-lg)
      var(--r-lg)
      0
      0 !important;
  }

  .company-profile-cover-actions {
    top: 10px !important;
    right: 10px !important;
    left: 10px;
    max-width: none;
  }

  .company-profile-cover-actions .btn {
    flex: 0 1 auto;
    min-height: 28px;
    padding: 5px 8px;
    font-size: .66rem;
  }

  .company-profile-main {
    padding:
      0
      16px
      18px !important;
    border-radius:
      0
      0
      var(--r-lg)
      var(--r-lg) !important;
  }

  .company-profile-identity {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr);
    align-items: end !important;
    gap: 12px !important;
    transform: translateY(-28px) !important;
    margin-bottom: -16px !important;
  }

  .company-profile-logo-wrap {
    width: 84px !important;
    height: 84px !important;
    border-width: 4px !important;
    border-radius: 50% !important;
    font-size: 1.12rem !important;
  }

  .company-profile-heading {
    min-width: 0 !important;
    padding-top: 42px !important;
    padding-bottom: 2px !important;
  }

  .company-profile-heading h2 {
    font-size: 1.05rem !important;
  }

  .company-profile-tags {
    grid-column: 1 / -1;
  }

  .company-profile-score {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0 !important;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 12px;
    align-items: center;
    text-align: left !important;
    margin-left: 0;
    padding: 11px 13px !important;
  }

  .company-profile-score > div:first-child {
    grid-row: 1 / 3;
    font-size: 1.7rem !important;
  }

  .company-profile-score > div:nth-child(2),
  .company-profile-score > div:nth-child(3) {
    margin-top: 0 !important;
  }

  .company-profile-actions {
    justify-content: stretch !important;
    margin-top: 12px !important;
  }

  .company-profile-actions .btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  .company-profile-content-grid {
    gap: 12px !important;
  }

  .company-profile-institutional-stack {
    gap: 12px !important;
  }

  .company-profile-about,
  .company-profile-purpose,
  .company-profile-public-info {
    padding: 18px !important;
  }

  #modal-edit-company .grid-2 {
    grid-template-columns: 1fr !important;
  }

  #modal-edit-company .flex.gap-10 {
    flex-direction: column;
  }

  #modal-edit-company .flex.gap-10 .btn {
    width: 100%;
    flex: none !important;
    justify-content: center;
  }
}

/* Small mobile */
@media (max-width: 390px) {
  .feed-upload-item{grid-template-columns:44px minmax(0,1fr);padding:8px;}
  .feed-upload-item>div:last-child{grid-column:1 / -1;justify-content:flex-end;}
  .feed-upload-thumb{width:44px;height:44px;}
  .feed-image-gallery img{height:150px;}
  .feed-link-card{grid-template-columns:1fr;}
  .feed-link-card img{width:100%;height:140px;grid-row:1;}
  .feed-publish-footer{align-items:stretch;flex-direction:column;gap:8px;}
  .feed-publish-footer .btn{width:100%;min-height:44px;}
  .feed-attachment-toolbar .btn{min-height:44px;flex:1 1 calc(50% - 6px);}
  .company-profile-cover {
    min-height: 132px !important;
  }

  .company-profile-cover-actions {
    align-items: stretch;
  }

  .company-profile-cover-actions .btn {
    flex: 1 1 auto;
  }

  .company-profile-main {
    padding:
      0
      12px
      14px !important;
  }

  .company-profile-identity {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 10px !important;
  }

  .company-profile-logo-wrap {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
  }

  .company-profile-heading h2 {
    font-size: 1rem !important;
  }

  .company-profile-actions .btn {
    font-size: .72rem;
  }
}

/* Preferências de movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  .company-profile-cover,
  .company-profile-logo-wrap,
  .company-profile-score,
  .company-profile-actions .btn,
  .company-profile-cover-actions .btn,
  .company-profile-about,
  .company-profile-purpose {
    transition: none !important;
  }
}

/* Oportunidades — catálogo mestre/detalhe */
.jobs-browser {
  display: grid;
  grid-template-columns: minmax(260px, .82fr) minmax(0, 1.35fr);
  gap: 16px;
  align-items: start;
}

.jobs-browser-list {
  display: grid;
  gap: 8px;
  max-height: 680px;
  overflow: auto;
  padding-right: 3px;
}

.jobs-browser-item {
  width: 100%;
  border: 1px solid var(--border);
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.jobs-browser-item:hover,
.jobs-browser-item.is-selected {
  border-color: rgba(79,142,247,.72);
  background: rgba(79,142,247,.09);
}

.jobs-browser-item:hover { transform: translateY(-1px); }

.jobs-browser-item:focus-visible {
  outline: 2px solid var(--accent2);
  outline-offset: 2px;
}

.job-company-link {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}

.job-company-link:hover,
.job-company-link:focus-visible {
  color: var(--accent2);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.job-company-logo-link {
  display: inline-flex;
  flex: 0 0 auto;
  border-radius: 50%;
}

.job-company-logo {
  overflow: hidden;
  border-radius: 50%;
}

.job-company-logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.job-company-logo-link:hover,
.job-company-logo-link:focus-visible {
  color: inherit;
  text-decoration: none;
  box-shadow: 0 0 0 2px var(--accent2);
}

.job-company-name-link {
  font-weight: 700;
}

.jobs-browser-detail {
  min-height: 380px;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: linear-gradient(145deg, rgba(20,31,54,.92), rgba(11,18,33,.96));
}

.jobs-detail-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

.jobs-detail-title {
  margin: 0;
  font-family: var(--f-head);
  font-size: 1.3rem;
  line-height: 1.25;
}

.jobs-detail-copy {
  margin: 8px 0 0;
  color: var(--text2);
  line-height: 1.68;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .jobs-browser {
    grid-template-columns: 1fr;
  }

  .jobs-browser-list {
    max-height: 340px;
  }

  .jobs-browser-detail {
    min-height: auto;
    padding: 18px;
  }
}

/* Perfil público empresarial */
.public-company-profile{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-xl);background:linear-gradient(160deg,var(--bg3),rgba(13,21,39,.96));}
.public-company-profile-cover{height:164px;background:linear-gradient(125deg,#10264b,#162a53 56%,#153a4e);background-position:center;background-size:cover;position:relative;}
.public-company-profile-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,16,.03),rgba(4,8,16,.58));}
.public-company-profile-identity{display:flex;align-items:flex-end;gap:16px;padding:0 24px;position:relative;margin-top:-48px;z-index:1;}
.public-company-profile-logo{width:108px;height:108px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;border:4px solid var(--bg2);border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--purple));font:800 1.8rem var(--f-head);box-shadow:0 10px 24px rgba(0,0,0,.3);}
.public-company-profile-logo img{width:100%;height:100%;object-fit:cover;}
.public-company-profile-heading{min-width:0;flex:1;padding-bottom:7px;}
.public-company-profile-heading h1{font:800 1.55rem/1.15 var(--f-head);letter-spacing:-.03em;overflow-wrap:anywhere;}
.public-company-profile-heading p{margin-top:6px;color:var(--text2);font-size:.82rem;line-height:1.45;}
.public-company-score-card{box-sizing:border-box;width:106px;min-width:105px;min-height:96px;flex:0 0 106px;margin-left:auto;padding:10px;align-self:flex-end;}
.public-company-score-card .company-score-card-value{font-size:1.45rem;}
.public-company-score-card .company-score-card-label{font-size:.54rem;}
.public-company-score-card .company-score-card-tier{font-size:.65rem;overflow-wrap:anywhere;}
.public-company-score-card .company-score-card-coverage,.public-company-score-card .company-score-card-status{font-size:.58rem;}
.company-score-meta,.company-score-self-declared{margin-top:5px;color:var(--text3);font-size:.65rem;line-height:1.4;}.company-score-self-declared{color:var(--green);}.company-score-self-declared.is-pending{color:var(--gold);}
.company-score-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:14px 0;}.company-score-overview>div{padding:11px;border:1px solid var(--border);border-radius:var(--r-sm);background:rgba(255,255,255,.025);}.company-score-overview span{display:block;color:var(--text3);font-size:.65rem;}.company-score-overview strong{display:block;margin-top:4px;font:700 .82rem var(--f-head);overflow-wrap:anywhere;}
.company-score-disclaimer,.public-company-score-disclaimer{margin-top:12px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text2);font-size:.75rem;line-height:1.55;}.company-score-disclaimer summary,.public-company-score-disclaimer summary{cursor:pointer;color:var(--accent2);font-weight:700;}.company-score-disclaimer p,.public-company-score-disclaimer p{margin:9px 0 0;}
.company-score-form-intro{margin-bottom:16px;color:var(--text2);font-size:.8rem;line-height:1.55;}.company-score-form-group{margin:12px 0;border:1px solid var(--border);border-radius:var(--r-md);background:rgba(255,255,255,.018);}.company-score-form-group>summary{cursor:pointer;padding:12px 14px;font:700 .84rem var(--f-head);}.company-score-form-group-content{padding:2px 14px 4px;}.company-score-declaration-acceptance{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:.78rem;color:var(--text2);line-height:1.55;cursor:pointer;}.company-score-declaration-acceptance input{margin-top:3px;width:17px;height:17px;accent-color:var(--accent);}.public-company-score{display:grid;gap:8px;}.public-company-score-facts{display:grid;gap:0;}
.public-company-profile-actions{display:flex;gap:8px;flex-wrap:wrap;padding:18px 24px 14px;border-bottom:1px solid var(--border);}
.public-company-profile-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 16px;border-bottom:1px solid var(--border);scrollbar-width:thin;}
.public-company-profile-tab{appearance:none;flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text2);padding:14px 13px 12px;font:700 .8rem var(--f-body);cursor:pointer;}
.public-company-profile-tab:hover,.public-company-profile-tab:focus-visible{color:var(--text);outline:none;}
.public-company-profile-tab.active{color:var(--green);border-bottom-color:var(--green);}
.public-company-profile-panel{padding:22px;min-height:170px;}
.public-company-profile-about{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);gap:16px;}
.public-company-profile-copy{color:var(--text2);line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;}
.public-company-profile-facts{display:grid;align-content:start;gap:0;}
.public-company-profile-fact{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:.78rem;}
.public-company-profile-fact span{color:var(--text3);}.public-company-profile-fact strong{text-align:right;color:var(--text);font-weight:600;overflow-wrap:anywhere;}
.public-company-profile-section-heading{margin-bottom:12px;}
.public-company-profile-empty{padding:18px;border:1px dashed var(--border2);border-radius:var(--r-md);color:var(--text2);line-height:1.55;}
.public-company-profile-posts{display:grid;gap:14px;max-width:760px;}
.public-company-business-video,.company-profile-institutional-video{display:block;width:100%;max-width:760px;height:auto;max-height:none;margin:12px 0;border:1px solid var(--border);border-radius:var(--r-md);background:#000;}
.public-company-business-embed,.company-profile-institutional-embed{display:block;width:100%;max-width:760px;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--r-md);background:#000;}.public-company-business-embed.is-vertical,.company-profile-institutional-embed.is-vertical{max-width:min(100%,430px);aspect-ratio:9 / 16;}
.public-company-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;}
.public-company-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border);}
.company-profile-empty-state{padding:16px;border:1px dashed var(--border2);border-radius:var(--r-md);color:var(--text2);font-size:.84rem;line-height:1.55;}
.company-profile-preview-scroll{display:grid;gap:10px;scrollbar-width:thin;overscroll-behavior:contain;}.company-profile-preview-scroll.is-scrollable{padding-right:7px;}.company-followers-scroll{grid-template-columns:1fr;}
.company-workforce-dashboard,.public-company-workforce{display:grid;gap:12px;}
.company-workforce-summary{padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:rgba(255,255,255,.025);}
.company-workforce-summary-heading{display:flex;justify-content:space-between;gap:12px;color:var(--text2);font-size:.8rem;}.company-workforce-summary-heading strong{color:var(--text);font-family:var(--f-head);font-size:1rem;}
.company-workforce-segments{display:flex;height:12px;overflow:hidden;border-radius:999px;background:var(--bg3);margin:10px 0 8px;}.company-workforce-segment{display:block;min-width:0;height:100%;transition:width .2s ease;}.company-workforce-women{background:var(--purple);}.company-workforce-men{background:var(--accent);}
.company-workforce-key{display:flex;gap:12px;flex-wrap:wrap;color:var(--text2);font-size:.73rem;}.company-workforce-key span{display:inline-flex;align-items:center;gap:5px;}.company-workforce-key i{width:8px;height:8px;border-radius:50%;display:inline-block;}
.company-workforce-row{display:grid;grid-template-columns:180px 42px minmax(80px,1fr);gap:10px;align-items:center;color:var(--text2);font-size:.78rem;}.company-workforce-row strong{color:var(--text);text-align:right;}
.public-company-profile-opportunities{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:12px;}
.public-company-profile-opportunity{display:flex;flex-direction:column;align-items:flex-start;}
.public-company-profile-opportunity .flex{margin-top:auto;}
.public-company-profile-followers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:12px;}
.public-company-profile-follower{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:rgba(255,255,255,.025);color:var(--text);font:inherit;text-align:left;cursor:pointer;}
.public-company-profile-follower:hover,.public-company-profile-follower:focus-visible{border-color:var(--accent);background:rgba(79,142,247,.08);outline:none;}
.public-company-profile-follower span{min-width:0;display:grid;gap:3px;}.public-company-profile-follower strong{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.public-company-profile-follower small{color:var(--text2);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (max-width:700px){.public-company-profile-cover{height:128px;}.public-company-profile-identity{padding:0 16px;gap:12px;margin-top:-38px;align-items:flex-end;}.public-company-profile-logo{width:84px;height:84px;font-size:1.3rem;border-width:3px;}.public-company-profile-heading h1{font-size:1.18rem;}.public-company-profile-heading p{font-size:.72rem;}.public-company-score-card{width:82px;min-width:82px;min-height:82px;flex-basis:82px;padding:5px;gap:2px;}.public-company-score-card .company-score-card-value{font-size:1.2rem;}.public-company-score-card .company-score-card-label{font-size:.48rem;letter-spacing:.06em;}.public-company-score-card .company-score-card-tier{font-size:.58rem;}.public-company-score-card .company-score-card-coverage,.public-company-score-card .company-score-card-status{font-size:.54rem;}.public-company-profile-actions{padding:14px 16px 12px;}.public-company-profile-panel{padding:16px;}.public-company-profile-about{grid-template-columns:1fr;}.public-company-profile-opportunities,.public-company-profile-followers{grid-template-columns:1fr;}.public-company-profile-tab{padding-left:10px;padding-right:10px;}.company-workforce-row{grid-template-columns:minmax(0,1fr) 36px;}.company-workforce-row .prog-track{grid-column:1 / -1;}.company-score-overview{grid-template-columns:repeat(2,minmax(0,1fr));}.company-score-form-actions{flex-direction:column;}.company-score-form-actions .btn{width:100%;flex:none!important;}}

/* ═══════════════════════════════════════════════════════════════
   AXIAN FUTURE — PR 1 / shared glass shell and Feed
   Visual layer only: no data, routing or interaction contracts.
   ═══════════════════════════════════════════════════════════════ */
:root {
  --axian-bg-deep: #030b1d;
  --axian-bg-mid: #071838;
  --axian-glass-bg: rgba(8, 25, 55, .58);
  --axian-glass-bg-soft: rgba(9, 29, 62, .42);
  --axian-glass-border: rgba(145, 205, 255, .22);
  --axian-glass-border-active: rgba(86, 192, 255, .7);
  --axian-text-primary: #f2f7ff;
  --axian-text-secondary: #b8cbe8;
  --axian-cyan: #5dd7ff;
  --axian-blue: #478dff;
  --axian-green: #42e6ae;
  --axian-violet: #ab96ff;
  --axian-amber: #f4b46b;
  --axian-radius: 18px;
  --axian-blur: 18px;
  --axian-shadow: 0 18px 46px rgba(0, 3, 17, .26), inset 0 1px 0 rgba(255,255,255,.04);
  --axian-glow: 0 0 0 1px rgba(105, 196, 255, .07), 0 12px 34px rgba(4, 48, 111, .18);
  --bg: var(--axian-bg-deep);
  --bg2: #07162f;
  --bg3: #0a2147;
  --bg4: #103161;
  --surface: rgba(18, 58, 108, .48);
  --surface2: rgba(35, 85, 146, .54);
  --border: rgba(145, 205, 255, .16);
  --border2: var(--axian-glass-border);
  --border3: rgba(151, 213, 255, .45);
  --text: var(--axian-text-primary);
  --text2: var(--axian-text-secondary);
  --text3: #7e9abc;
  --accent: var(--axian-blue);
  --accent2: #9acaff;
  --green: var(--axian-green);
  --purple: var(--axian-violet);
  --gold: var(--axian-amber);
  --teal: var(--axian-cyan);
  --r-lg: var(--axian-radius);
  --r-xl: 22px;
}

body {
  background:
    linear-gradient(180deg, rgba(2, 10, 27, .74) 0%, rgba(3, 12, 32, .56) 47%, rgba(2, 8, 22, .8) 100%),
    url('../assets/backgrounds/axian-feed-background.png') center / cover fixed,
    var(--axian-bg-deep);
  color: var(--axian-text-primary);
}

/* The company background is a supplied Axian asset. This only swaps the
   ambient scene; it does not alter the company profile's layout or data. */
body:has(#view-empresa.active),
body:has(#view-perfil-publico.active) {
  background:
    linear-gradient(180deg, rgba(2, 10, 27, .75) 0%, rgba(3, 12, 32, .57) 47%, rgba(2, 8, 22, .82) 100%),
    url('../assets/backgrounds/axian-company-background.png') center / cover fixed,
    var(--axian-bg-deep);
}

body::before {
  background-image:
    radial-gradient(circle at 18% 18%, rgba(89, 196, 255, .09), transparent 27%),
    radial-gradient(circle at 82% 78%, rgba(245, 178, 101, .075), transparent 25%);
  opacity: 1;
  z-index: 0;
}

.app {
  gap: 20px;
  height: 100dvh;
  padding: 22px;
}

.glass-panel,
.glass-card,
.card,
.feed-post-card,
.modal,
.global-search-results,
.mobile-menu-panel {
  background: linear-gradient(145deg, rgba(18, 51, 99, .64), rgba(5, 20, 48, .56));
  border-color: var(--axian-glass-border);
  box-shadow: var(--axian-shadow), var(--axian-glow);
}

.card,
.feed-post-card {
  backdrop-filter: blur(var(--axian-blur)) saturate(126%);
  -webkit-backdrop-filter: blur(var(--axian-blur)) saturate(126%);
}

.sidebar {
  width: 204px;
  height: calc(100dvh - 130px);
  margin-top: 86px;
  border: 1px solid var(--axian-glass-border);
  border-radius: var(--axian-radius);
  background: linear-gradient(165deg, rgba(11, 35, 75, .32), rgba(3, 16, 42, .26));
  box-shadow: 0 16px 42px rgba(0, 3, 17, .2), 0 0 28px rgba(44, 150, 255, .1), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(var(--axian-blur)) saturate(128%);
  -webkit-backdrop-filter: blur(var(--axian-blur)) saturate(128%);
}

.logo { padding: 17px 16px 14px; }
.logo-mark { font-size: 1.34rem; }
.logo-sub { color: #8da9cf; }
.nav { min-height: 0; padding: 8px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(128, 204, 255, .35) transparent; }
.nav-sect { color: #7e9fca; padding: 10px 8px 3px; font-size: .52rem; }
.nav-item { min-height: 35px; gap: 8px; padding: 7px 9px; border: 1px solid transparent; border-radius: 11px; font-size: .77rem; }
.nav-icon { width: 17px; font-size: .8rem; }
.nav-status { font-size: .45rem; padding: 2px 4px; }
.nav-item:hover { background: rgba(72, 148, 255, .14); border-color: rgba(120, 206, 255, .13); }
.nav-item.active {
  background: linear-gradient(100deg, rgba(35, 123, 255, .35), rgba(34, 198, 255, .12));
  border-color: var(--axian-glass-border-active);
  box-shadow: 0 0 18px rgba(39, 150, 255, .2), inset 0 0 14px rgba(90, 210, 255, .08);
}
.nav-item.active::before { background: var(--axian-cyan); box-shadow: 0 0 10px var(--axian-cyan); }
.sidebar-bottom { border-top-color: rgba(151, 213, 255, .14); }
.sidebar-bottom { flex: 0 0 auto; padding: 9px; }
.sidebar-bottom .btn { display: none; }
.sidebar-profile:hover { background: rgba(80, 172, 255, .12); }

.main {
  min-width: 0;
  height: calc(100dvh - 44px);
  border-radius: var(--axian-radius);
  background: transparent;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding-top: 86px;
}

.desktop-topbar {
  position: fixed;
  top: 22px;
  left: max(22px, 2.3vw);
  right: max(22px, 2.3vw);
  z-index: 40;
  display: grid;
  grid-template-columns: minmax(132px, .62fr) auto minmax(280px, 1.5fr) minmax(144px, .54fr);
  align-items: center;
  gap: 16px;
  min-height: 68px;
  margin: 0;
  padding: 9px 18px;
  border: 1px solid var(--axian-glass-border);
  border-radius: var(--axian-radius);
  background: linear-gradient(110deg, rgba(8, 30, 68, .34), rgba(8, 25, 56, .27));
  box-shadow: 0 13px 34px rgba(0, 3, 17, .17), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(20px) saturate(135%);
  -webkit-backdrop-filter: blur(20px) saturate(135%);
}

.topbar-brand,
.topbar-account {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  border: 0;
  color: var(--text);
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.topbar-brand-mark {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border: 1px solid rgba(153, 219, 255, .56);
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(145deg, rgba(89, 170, 255, .46), rgba(135, 102, 255, .32));
  box-shadow: 0 0 17px rgba(73, 179, 255, .34);
  font: 800 1rem var(--f-head);
}

.topbar-brand strong,
.topbar-account strong { display: block; font: 800 .95rem/1.1 var(--f-head); }
.topbar-brand small,
.topbar-account small { display: block; margin-top: 3px; color: var(--text3); font-size: .61rem; }
.topbar-account { justify-self: end; padding: 5px 7px; border-radius: 12px; }
.topbar-account:hover { background: rgba(85, 174, 255, .11); }
.topbar-account-copy { min-width: 0; max-width: 130px; overflow: hidden; }
.topbar-account-copy strong,.topbar-account-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topbar-quicknav { display: flex; align-items: center; gap: 4px; min-width: 0; }
.topbar-quicknav button { min-height: 34px; padding: 0 9px; border: 0; border-bottom: 2px solid transparent; color: var(--text2); background: transparent; font: 600 .68rem var(--f-body); cursor: pointer; white-space: nowrap; }
.topbar-quicknav button:hover,.topbar-quicknav button:focus-visible { color: var(--text); outline: none; }
.topbar-quicknav button.active { color: #fff; border-color: var(--axian-cyan); text-shadow: 0 0 12px rgba(93,215,255,.7); }

.global-search { position: relative; top: auto; z-index: 42; padding: 0; background: none; }
.global-search-box {
  max-width: none;
  border-color: rgba(150, 213, 255, .23);
  background: rgba(5, 23, 55, .26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.global-search-box:focus-within { border-color: var(--axian-cyan); box-shadow: 0 0 0 3px rgba(85, 211, 255, .13), 0 9px 28px rgba(0, 5, 20, .2); }
.global-search-results { position: absolute; right: 0; left: 0; max-width: none; margin-top: 8px; }

.card { background: linear-gradient(145deg, rgba(19, 54, 103, .26), rgba(6, 21, 51, .19)); }
.card:hover,.feed-post-card:hover { border-color: rgba(145, 218, 255, .43); box-shadow: var(--axian-shadow), 0 0 24px rgba(53, 165, 255, .16); }
.btn { border: 1px solid transparent; border-radius: 10px; }
.btn-primary { background: linear-gradient(135deg, #1978ff, #48b9ff); box-shadow: 0 7px 20px rgba(30, 127, 255, .28); }
.btn-primary:hover { box-shadow: 0 9px 23px rgba(55, 178, 255, .36); }
.btn-outline,.btn-ghost { border-color: rgba(145, 205, 255, .18); background: rgba(22, 64, 118, .24); }
.btn-outline:hover,.btn-ghost:hover { border-color: rgba(125, 215, 255, .5); background: rgba(56, 139, 222, .18); }
.field-input,.field-select,.field-textarea {
  border-color: rgba(145, 205, 255, .2);
  background: rgba(7, 27, 62, .54);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.field-input:focus,.field-select:focus,.field-textarea:focus { border-color: var(--axian-cyan); box-shadow: 0 0 0 3px rgba(77, 204, 255, .12); }
.modal { backdrop-filter: blur(24px) saturate(130%); -webkit-backdrop-filter: blur(24px) saturate(130%); }

.feed-layout {
  grid-template-areas: 'stream identity context';
  grid-template-columns: minmax(440px, 1.56fr) minmax(210px, .73fr) minmax(238px, .87fr);
  align-items: start;
  gap: clamp(16px, 1.45vw, 24px);
  max-width: 1540px;
  padding: 26px clamp(10px, 1.5vw, 26px) 46px;
}
.feed-column { min-width: 0; }
.feed-stream-column { grid-area: stream; }
.feed-identity-column { grid-area: identity; }
.feed-context-column { grid-area: context; }
.feed-identity-column,.feed-context-column { align-self: start; position: sticky; top: 84px; }
.feed-side-card {
  background: linear-gradient(145deg, rgba(15, 47, 94, .25), rgba(5, 23, 54, .17));
  border-color: rgba(165, 219, 255, .26);
  box-shadow: 0 14px 34px rgba(0, 3, 17, .16), inset 0 1px 0 rgba(255,255,255,.065);
}
.feed-identity-column .feed-side-card:first-child {
  min-height: 206px;
  padding: 20px 16px;
  background:
    radial-gradient(circle at 50% -18%, rgba(77, 193, 255, .19), transparent 52%),
    linear-gradient(145deg, rgba(15, 58, 112, .27), rgba(5, 20, 49, .17));
}
.feed-identity-column .feed-side-card:first-child .avatar {
  box-shadow: 0 0 0 4px rgba(118, 211, 255, .08), 0 9px 28px rgba(23, 133, 255, .26);
}
.feed-context-column .feed-side-card { padding: 19px; }
.feed-context-column .feed-side-card + .feed-side-card { margin-top: 16px; }
.feed-context-column .feed-side-card:first-child { min-height: 216px; }
.feed-context-column .feed-side-card:last-child { min-height: 138px; }
.feed-composer {
  position: relative;
  overflow: hidden;
  min-height: 144px;
  padding: 15px 18px 13px;
  border-color: rgba(120, 208, 255, .38);
  background:
    radial-gradient(circle at 100% 0%, rgba(84, 184, 255, .13), transparent 34%),
    linear-gradient(145deg, rgba(18, 57, 110, .26), rgba(5, 24, 57, .17));
  box-shadow: 0 16px 38px rgba(0, 3, 17, .2), 0 0 28px rgba(44, 153, 255, .11), inset 0 1px 0 rgba(255,255,255,.07);
}
.feed-composer::before {
  content: '';
  position: absolute;
  top: 0;
  right: 12%;
  left: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(142, 224, 255, .7), transparent);
}
.feed-composer .field-textarea {
  min-height: 58px !important;
  padding: 11px 13px;
  border-color: rgba(148, 210, 255, .21);
  border-radius: 14px;
  background: rgba(4, 24, 60, .2);
}
.feed-attachment-toolbar { gap: 8px; margin-top: 10px; }
.feed-attachment-toolbar .btn {
  min-height: 30px;
  padding-inline: 10px;
  border-color: rgba(134, 210, 255, .18);
  background: rgba(25, 70, 128, .23);
}
.feed-publish-footer { padding-top: 2px; }
.feed-post-card {
  padding: 17px 19px 15px;
  margin-bottom: 16px;
  border-color: rgba(166, 222, 255, .27);
  background:
    linear-gradient(105deg, rgba(50, 133, 218, .07), transparent 28%),
    linear-gradient(145deg, rgba(15, 48, 96, .27), rgba(5, 20, 48, .18));
  box-shadow: 0 16px 38px rgba(0, 4, 19, .19), inset 0 1px 0 rgba(255,255,255,.07);
}
.feed-post-card > .flex:first-child { padding-bottom: 2px; }
.feed-post-card > .flex:first-child .avatar { box-shadow: 0 0 0 3px rgba(139, 215, 255, .08); }
.feed-post-card .chip { border-color: rgba(128, 211, 255, .27); background: rgba(37, 118, 206, .2); }
.feed-post-card .feed-post-body { color: #d3e0f4 !important; line-height: 1.72 !important; }
.feed-post-card img:not(.avatar img),.feed-video {
  border: 1px solid rgba(153, 215, 255, .17);
  box-shadow: 0 10px 26px rgba(0, 5, 25, .25);
}
.feed-image-gallery { border: 1px solid rgba(153, 215, 255, .16); box-shadow: 0 10px 26px rgba(0, 5, 25, .2); }
.feed-image-gallery img { min-height: 240px; }
.feed-post-card > .flex:last-of-type {
  gap: 8px;
  padding-top: 12px !important;
  border-color: rgba(153, 215, 255, .14) !important;
}
.feed-post-card > .flex:last-of-type .btn { min-height: 30px; padding-inline: 10px; }
.feed-upload-item,.feed-document-card,.feed-link-card {
  background: rgba(5, 25, 57, .42);
  border-color: rgba(145, 205, 255, .18);
}
.feed-document-card,.feed-link-card { border-radius: 14px; }
.feed-comments-panel { border-color: rgba(153, 215, 255, .14) !important; }

:where(button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--axian-cyan);
  outline-offset: 3px;
}

@media (max-width: 1024px) {
  .app { gap: 14px; padding: 14px; }
  .sidebar { height: calc(100dvh - 112px); margin-top: 70px; }
  .main { height: calc(100dvh - 28px); padding-top: 70px; }
  .desktop-topbar { top: 14px; left: 14px; right: 14px; min-height: 54px; grid-template-columns: minmax(118px, .6fr) minmax(220px, 1.7fr) minmax(124px, .55fr); gap: 10px; padding-inline: 14px; }
  .topbar-quicknav { display: none; }
  .feed-layout { grid-template-areas: 'stream identity'; grid-template-columns: minmax(0, 1fr) 210px; gap: 14px; padding-inline: 16px; }
  .feed-context-column { display: none; }
  .feed-identity-column { top: 76px; }
}

@media (max-width: 768px) {
  body { background-attachment: scroll; }
  .app { padding: 0; gap: 0; }
  .main { height: 100vh; padding-top: 0; border-radius: 0; background: rgba(3, 13, 31, .3); }
  .desktop-topbar { display: none; }
  .mobile-topbar,.bottom-nav { border-color: rgba(145, 205, 255, .2); background: rgba(5, 23, 55, .76); box-shadow: 0 8px 26px rgba(0, 4, 19, .26); backdrop-filter: blur(16px) saturate(125%); -webkit-backdrop-filter: blur(16px) saturate(125%); }
  .mobile-menu-panel { background: rgba(5, 22, 52, .92); border-right: 1px solid var(--axian-glass-border); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
  .card,.feed-post-card { backdrop-filter: blur(10px) saturate(116%); -webkit-backdrop-filter: blur(10px) saturate(116%); }
  .feed-layout { display: block; padding: 14px 12px 22px !important; }
  .feed-identity-column,.feed-context-column { display: none; }
  .feed-stream-column { min-width: 0; }
  .feed-composer { min-height: 0; padding: 14px; margin-bottom: 14px !important; background: linear-gradient(145deg, rgba(18, 57, 110, .25), rgba(5, 24, 57, .16)); }
  .feed-composer .field-textarea { min-height: 68px !important; background: rgba(4, 24, 60, .19); }
  .feed-post-card { padding: 16px 15px 14px; margin-bottom: 14px; background: linear-gradient(145deg, rgba(15, 48, 96, .26), rgba(5, 20, 48, .17)); }
  .feed-image-gallery img { min-height: 154px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ═══════════════════════════════════════════════════════════════
   AXIAN FUTURE — PR #35 / reference Feed visual contract
   This final visual layer intentionally keeps the application contracts
   untouched: it only changes the presentation of existing components.
   ═══════════════════════════════════════════════════════════════ */
:root {
  --ax-navy: #061633;
  --ax-blue: #0a2a63;
  --ax-cyan: #56d8ff;
  --ax-line: rgba(160, 218, 255, .27);
  --ax-line-strong: rgba(180, 232, 255, .42);
  --ax-text: #f4f8ff;
  --ax-muted: #b5c9e8;
  --ax-glass-1: rgba(7, 22, 52, .20);
  --ax-glass-2: rgba(9, 28, 68, .26);
  --ax-glass-3: rgba(11, 34, 80, .32);
  --ax-glow: 0 18px 42px rgba(0, 5, 26, .20);
  --ax-radius: 18px;
}

body.axian-future {
  background-color: var(--ax-navy);
  background-image: linear-gradient(180deg, rgba(2, 10, 31, .18), rgba(2, 8, 24, .30)), url('../assets/backgrounds/axian-feed-background.png');
  background-position: center, center;
  background-size: cover, cover;
  background-attachment: fixed, fixed;
  color: var(--ax-text);
}
body.axian-future::before { display: none; }
body.axian-future:has(#view-empresa.active),
body.axian-future:has(#view-perfil-publico.active) {
  background-image: linear-gradient(180deg, rgba(2, 10, 31, .18), rgba(2, 8, 24, .30)), url('../assets/backgrounds/axian-company-background.png');
}

.app.ax-shell {
  align-items: flex-start;
  gap: 18px;
  min-height: 100dvh;
  padding: 18px;
}
.ax-glass,
.axian-future .card,
.axian-future .feed-post-card,
.axian-future .modal,
.axian-future .global-search-results {
  background-color: var(--ax-glass-1);
  background-image: linear-gradient(145deg, rgba(145, 205, 255, .06), rgba(11, 34, 80, .03));
  border: 1px solid var(--ax-line);
  box-shadow: var(--ax-glow), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(16px) saturate(118%);
  -webkit-backdrop-filter: blur(16px) saturate(118%);
}
.ax-glass--strong { background-color: var(--ax-glass-2); }

.axian-future .sidebar.ax-sidebar {
  width: clamp(184px, 13vw, 214px);
  height: calc(100dvh - 106px);
  margin-top: 72px;
  padding: 10px 8px;
  border-radius: var(--ax-radius);
  background-color: var(--ax-glass-1);
  background-image: linear-gradient(180deg, rgba(130, 195, 255, .08), rgba(7, 22, 52, .03));
}
.axian-future .sidebar .logo { padding: 10px 9px 12px; }
.axian-future .sidebar .logo-sub { color: var(--ax-muted); }
.axian-future .sidebar .nav { padding: 2px; }
.axian-future .sidebar .nav-sect { color: rgba(190,218,247,.64); padding: 11px 8px 4px; }
.axian-future .sidebar .nav-item { min-height: 37px; border: 1px solid transparent; border-radius: 11px; color: var(--ax-muted); }
.axian-future .sidebar .nav-item:hover { background-color: rgba(58, 143, 255, .12); border-color: rgba(135,211,255,.20); }
.axian-future .sidebar .nav-item.active {
  color: #fff;
  background-color: rgba(39, 131, 255, .22);
  background-image: linear-gradient(90deg, rgba(38,130,255,.32), rgba(67,206,255,.08));
  border-color: rgba(105, 211, 255, .70);
  box-shadow: 0 0 18px rgba(52, 162, 255, .20), inset 0 1px 0 rgba(255,255,255,.10);
}
.axian-future .sidebar-bottom { border-top-color: rgba(165,216,255,.18); }

.axian-future .main {
  height: calc(100dvh - 36px);
  padding-top: 72px;
  border-radius: 0;
  background: transparent;
}
.axian-future .desktop-topbar.ax-topbar {
  top: 18px;
  left: 18px;
  right: 18px;
  min-height: 54px;
  padding: 7px 16px;
  grid-template-columns: minmax(165px, .75fr) auto minmax(260px, 1.35fr) minmax(145px, .62fr);
  gap: 16px;
  border-radius: var(--ax-radius);
  background-color: var(--ax-glass-1);
  background-image: linear-gradient(100deg, rgba(140,205,255,.08), rgba(10,35,81,.03));
  border-color: var(--ax-line);
  box-shadow: var(--ax-glow), inset 0 1px 0 rgba(255,255,255,.10);
}
.axian-future .topbar-brand-mark { background: rgba(24, 93, 184, .22); border-color: rgba(157,224,255,.54); }
.axian-future .topbar-brand strong,.axian-future .topbar-account strong { color: var(--ax-text); }
.axian-future .topbar-brand small,.axian-future .topbar-account small { color: var(--ax-muted); }
.axian-future .topbar-quicknav button { color: var(--ax-muted); font-size: .70rem; }
.axian-future .topbar-quicknav button.active { color: #fff; border-color: var(--ax-cyan); }
.axian-future .global-search-box { background-color: rgba(6, 24, 57, .24); border-color: rgba(159,218,255,.28); }

/* Feed is intentionally two columns: stream + real context modules. */
.axian-future .feed-layout {
  display: grid;
  grid-template-areas: 'stream context';
  grid-template-columns: minmax(0, 1fr) clamp(250px, 20vw, 300px);
  align-items: start;
  gap: clamp(16px, 1.6vw, 26px);
  max-width: 1360px;
  padding: 24px clamp(8px, 1.5vw, 24px) 46px;
}
.axian-future .feed-stream-column { grid-area: stream; }
.axian-future .feed-context-column { grid-area: context; position: sticky; top: 88px; display: grid; gap: 14px; }
.axian-future .feed-context-column .feed-identity-column { display: grid; gap: 14px; position: static; }
.axian-future .feed-side-card,
.axian-future .feed-context-column .feed-side-card,
.axian-future .feed-context-column .feed-side-card + .feed-side-card {
  min-height: 0;
  margin: 0;
  padding: 16px;
  background-color: var(--ax-glass-1);
  background-image: linear-gradient(145deg, rgba(132,204,255,.07), rgba(9,28,68,.02));
  border-color: var(--ax-line);
  box-shadow: var(--ax-glow), inset 0 1px 0 rgba(255,255,255,.08);
}
.axian-future .feed-identity-column .feed-side-card:first-child {
  min-height: 0;
  background-color: var(--ax-glass-2);
  background-image: radial-gradient(circle at 50% 0, rgba(86,216,255,.14), transparent 45%), linear-gradient(145deg, rgba(145,205,255,.06), rgba(9,28,68,.02));
}
.axian-future .feed-composer.ax-composer {
  min-height: 0;
  margin-bottom: 16px;
  padding: 16px 18px 14px;
  overflow: hidden;
  background-color: var(--ax-glass-2);
  background-image: linear-gradient(145deg, rgba(124,211,255,.10), rgba(10,35,81,.02));
  border-color: var(--ax-line-strong);
}
.axian-future .ax-composer__input,
.axian-future .feed-composer .field-textarea {
  min-height: 62px !important;
  border-radius: 14px;
  border-color: rgba(159,219,255,.24);
  background-color: rgba(5, 22, 52, .24);
  color: var(--ax-text);
}
.axian-future .ax-composer__actions { gap: 7px; margin-top: 10px; }
.axian-future .ax-btn { border-color: rgba(150,217,255,.24); background-color: rgba(24, 82, 156, .13); }
.axian-future .ax-btn--primary { background-color: rgba(27, 120, 246, .76); background-image: linear-gradient(135deg, rgba(30,126,255,.96), rgba(74,193,255,.85)); border-color: rgba(165,227,255,.50); }

.axian-future .feed-post-card {
  margin-bottom: 16px;
  padding: 17px 19px 15px;
  border-color: var(--ax-line);
  background-color: var(--ax-glass-1);
  background-image: linear-gradient(145deg, rgba(120,202,255,.07), rgba(10,32,76,.02));
}
.axian-future .feed-post-card:hover { border-color: var(--ax-line-strong); box-shadow: 0 20px 44px rgba(0,5,26,.24), inset 0 1px 0 rgba(255,255,255,.10); }
.axian-future .feed-post-card .feed-post-body { color: #e1ebfa !important; line-height: 1.68 !important; }
.axian-future .feed-post-card .chip { background-color: rgba(38,121,218,.16); border-color: rgba(142,215,255,.24); }
.axian-future .feed-post-card > .flex:last-of-type { border-color: rgba(159,218,255,.17) !important; }
.axian-future .feed-upload-item,.axian-future .feed-document-card,.axian-future .feed-link-card { background-color: rgba(6,24,57,.22); border-color: rgba(159,218,255,.19); }

.axian-future .btn-outline,.axian-future .btn-ghost { background-color: rgba(17,65,129,.12); border-color: rgba(157,219,255,.22); }
.axian-future .btn-primary { background-color: rgba(28,123,255,.84); background-image: linear-gradient(135deg, rgba(29,119,252,.98), rgba(74,191,255,.86)); }
.axian-future .field-input,.axian-future .field-select,.axian-future .field-textarea { background-color: rgba(5,22,52,.24); border-color: rgba(159,218,255,.24); }
.axian-future :where(button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--ax-cyan); outline-offset: 3px; }

@media (max-width: 1180px) {
  .axian-future .desktop-topbar.ax-topbar { grid-template-columns: minmax(142px,.72fr) minmax(230px,1.3fr) minmax(130px,.55fr); }
  .axian-future .topbar-quicknav { display: none; }
  .axian-future .feed-layout { grid-template-columns: minmax(0, 1fr) 250px; gap: 15px; }
}
@media (max-width: 900px) {
  .axian-future .sidebar.ax-sidebar { width: 184px; }
  .axian-future .feed-layout { grid-template-columns: minmax(0,1fr) 224px; }
  .axian-future .feed-context-column .feed-side-card { padding: 13px; }
}
@media (max-width: 768px) {
  body.axian-future { background-attachment: scroll, scroll; }
  .app.ax-shell { display:block; padding:0; }
  .axian-future .main { height:100vh; padding-top:56px; padding-bottom:calc(68px + env(safe-area-inset-bottom)); }
  .axian-future .desktop-topbar { display:none; }
  .axian-future .mobile-topbar,.axian-future .bottom-nav { background-color: rgba(7,22,52,.48); border-color: var(--ax-line); backdrop-filter: blur(16px) saturate(118%); -webkit-backdrop-filter: blur(16px) saturate(118%); }
  .axian-future .mobile-menu-panel { background-color: rgba(7,22,52,.72); border-color: var(--ax-line); }
  .axian-future .feed-layout { display:block; padding:14px 12px 24px !important; }
  .axian-future #view-feed.active { display:block !important; }
  .axian-future .feed-layout > .feed-stream-column { display:block !important; }
  .axian-future .feed-context-column { display:none; }
  .axian-future .feed-composer.ax-composer,.axian-future .feed-post-card { padding:15px; border-radius:16px; }
  .axian-future .ax-composer__actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .axian-future .ax-composer__actions .ax-btn { justify-content:center; }
}

/* PR #35 — mandatory glass/geometry correction. The original component
   contracts remain intact; this block deliberately replaces their visual
   arrangement at the final cascade layer. */
:root {
  --ax-bg-deep: #020817;
  --ax-glass-clear: rgba(8, 15, 31, .10);
  --ax-glass-soft: rgba(9, 17, 35, .14);
  --ax-glass-medium: rgba(10, 20, 42, .19);
  --ax-glass-strong: rgba(11, 23, 48, .25);
  --ax-border-white: rgba(255, 255, 255, .30);
  --ax-border-white-soft: rgba(255, 255, 255, .18);
  --ax-border-white-strong: rgba(255, 255, 255, .44);
  --ax-reflection-warm: rgba(255, 189, 132, .18);
  --ax-reflection-warm-strong: rgba(255, 176, 107, .30);
  --ax-cyan: #38c9ff;
  --ax-blue: #248cff;
  --ax-green: #2be2aa;
  --ax-violet: #967cff;
  --ax-amber: #ffc172;
  --ax-text-primary: rgba(255, 255, 255, .96);
  --ax-text-secondary: rgba(229, 237, 249, .78);
  --ax-text-muted: rgba(202, 216, 235, .56);
  --ax-radius-sm: 12px;
  --ax-radius-md: 18px;
  --ax-radius-lg: 24px;
  --ax-radius-xl: 30px;
  --ax-blur: 22px;
  --ax-blur-strong: 30px;
  --ax-shadow-float: 0 20px 55px rgba(0,0,0,.18), 0 4px 18px rgba(0,0,0,.10);
  --ax-glow-soft: 0 0 26px rgba(80,187,255,.07);
}

body.axian-future {
  background: linear-gradient(rgba(1,6,18,.10), rgba(1,6,18,.18)), url('../assets/backgrounds/axian-feed-background.png') center center / cover fixed no-repeat;
  color: var(--ax-text-primary);
}
body.axian-future:has(#view-empresa.active),
body.axian-future:has(#view-perfil-publico.active) {
  background: linear-gradient(rgba(1,6,18,.08), rgba(1,6,18,.16)), url('../assets/backgrounds/axian-company-background.png') center center / cover fixed no-repeat;
}

.axian-future .ax-future-panel,
.axian-future .ax-glass,
.axian-future .card,
.axian-future .feed-post-card,
.axian-future .modal,
.axian-future .global-search-results {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--ax-text-primary);
  background: linear-gradient(135deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,.012) 35%, rgba(255,255,255,.004) 70%, rgba(255,190,125,.018) 100%), var(--ax-glass-soft);
  border: 1px solid var(--ax-border-white);
  border-radius: var(--ax-radius-md);
  -webkit-backdrop-filter: blur(var(--ax-blur)) saturate(132%);
  backdrop-filter: blur(var(--ax-blur)) saturate(132%);
  box-shadow: var(--ax-shadow-float), var(--ax-glow-soft);
}
.axian-future .ax-future-panel::before,
.axian-future .ax-glass::before,
.axian-future .card::before,
.axian-future .feed-post-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(115deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.035) 12%, transparent 30%, transparent 75%, rgba(255,184,115,.055) 100%);
  opacity:.72;
}
.axian-future .ax-future-panel::after,
.axian-future .ax-glass::after,
.axian-future .card::after,
.axian-future .feed-post-card::after {
  content:"";
  position:absolute;
  top:0;
  left:9%;
  right:9%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.48), rgba(255,215,181,.34), rgba(255,255,255,.22), transparent);
  opacity:.72;
  pointer-events:none;
}
.axian-future .ax-future-panel:hover,
.axian-future .feed-post-card:hover {
  background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)), rgba(11,24,48,.18);
  border-color: rgba(255,255,255,.38);
  box-shadow: 0 22px 58px rgba(0,0,0,.20), 0 0 30px rgba(81,183,255,.09);
}

/* Macro geometry: topbar / sidebar / stream / context A / context B. */
.app.ax-app-shell {
  width: min(calc(100vw - 72px), 1840px);
  min-height: calc(100dvh - 54px);
  height: auto;
  margin: 20px auto 34px;
  padding: 0;
  display:grid;
  grid-template-columns: 215px minmax(570px,1.55fr) minmax(300px,.80fr) minmax(300px,.82fr);
  grid-template-rows:70px auto;
  grid-template-areas:"topbar topbar topbar topbar" "sidebar main main main";
  gap:18px;
  align-items:start;
  overflow:visible;
}
.app.ax-app-shell > .ax-topbar {
  grid-area:topbar;
  position:static;
  inset:auto;
  z-index:4;
  min-height:68px;
  margin:0;
  padding:10px 20px;
  display:grid;
  grid-template-columns:210px auto minmax(320px,1fr) 220px;
  gap:20px;
  background:rgba(8,16,34,.12);
  border:1px solid rgba(255,255,255,.32);
  border-radius:24px;
  -webkit-backdrop-filter:blur(24px) saturate(135%);
  backdrop-filter:blur(24px) saturate(135%);
  box-shadow:0 14px 38px rgba(0,0,0,.13);
}
.app.ax-app-shell > .ax-sidebar {
  grid-area:sidebar;
  position:sticky;
  top:20px;
  width:auto;
  height:auto;
  max-height:calc(100vh - 135px);
  margin:0;
  padding:18px 12px;
  overflow-y:auto;
  background:rgba(7,15,31,.12);
  border:1px solid rgba(255,255,255,.30);
  border-radius:24px;
  -webkit-backdrop-filter:blur(22px) saturate(130%);
  backdrop-filter:blur(22px) saturate(130%);
}
.app.ax-app-shell > .main {
  grid-area:main;
  height:auto;
  min-width:0;
  padding:0;
  overflow:visible;
  background:transparent;
}
.axian-future .sidebar .logo { padding:0 5px 16px; }
.axian-future .sidebar .nav { padding:0; }
.axian-future .sidebar .nav-item { min-height:46px; padding:10px 12px; gap:12px; color:rgba(240,246,255,.82); background:transparent; border:1px solid transparent; border-radius:13px; }
.axian-future .sidebar .nav-item:hover { background:rgba(255,255,255,.05); border-color:var(--ax-border-white-soft); }
.axian-future .sidebar .nav-item.active { color:#fff; background:linear-gradient(90deg, rgba(21,117,255,.27), rgba(45,198,255,.10)); border-color:rgba(85,206,255,.58); box-shadow:inset 3px 0 0 var(--ax-cyan), 0 0 22px rgba(24,151,255,.15); }

/* Real Feed modules are redistributed across the three required columns. */
.axian-future .feed-layout {
  display:grid;
  grid-template-areas:"feed contextA contextB";
  grid-template-columns:minmax(570px,1.55fr) minmax(300px,.80fr) minmax(300px,.82fr);
  gap:18px;
  max-width:none;
  margin:0;
  padding:0;
  align-items:start;
}
.axian-future .ax-feed-column { grid-area:feed; display:grid; gap:16px; align-content:start; min-width:0; }
.axian-future .ax-context-a { grid-area:contextA; display:grid; gap:16px; align-content:start; position:sticky; top:20px; }
.axian-future .ax-context-b { grid-area:contextB; display:grid; gap:16px; align-content:start; position:sticky; top:20px; }
.axian-future .feed-stream-column,.axian-future .feed-identity-column,.axian-future .feed-context-column { position:static; min-width:0; }
.axian-future .feed-side-card,
.axian-future .feed-context-column .feed-side-card,
.axian-future .feed-context-column .feed-side-card + .feed-side-card { min-height:0; margin:0; padding:16px; background:linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,190,125,.012)), var(--ax-glass-clear); border-color:var(--ax-border-white-soft); box-shadow:var(--ax-shadow-float); }

.axian-future .ax-feed-composer { min-height:132px; margin:0; padding:15px 18px; display:grid; grid-template-columns:46px minmax(0,1fr); gap:14px; background:linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.008)), var(--ax-glass-soft); border-color:var(--ax-border-white); }
.axian-future .ax-feed-composer > .flex { display:contents; }
.axian-future .ax-composer__avatar { grid-column:1; width:46px; height:46px; }
.axian-future .ax-composer__body { grid-column:2; min-width:0; }
.axian-future .ax-composer__input,
.axian-future .feed-composer .field-textarea { width:100%; min-height:66px !important; padding:13px 15px; color:var(--ax-text-primary); background:rgba(1,9,24,.10); border:1px solid rgba(255,255,255,.22); border-radius:14px; outline:none; }
.axian-future .ax-composer__actions .ax-btn { color:var(--ax-text-secondary); background:rgba(255,255,255,.035); border-color:rgba(255,255,255,.18); }
.axian-future .ax-btn--primary { background:linear-gradient(135deg, rgba(36,140,255,.95), rgba(56,201,255,.84)); border-color:rgba(151,221,255,.65); }
.axian-future .ax-feed-tabs { min-height:34px; display:flex; align-items:center; gap:8px; padding:0 2px; border-bottom:1px solid rgba(255,255,255,.16); }
.axian-future .ax-feed-tab { padding:7px 10px; color:var(--ax-text-secondary); font-size:.74rem; border-bottom:2px solid transparent; }
.axian-future .ax-feed-tab.is-active { color:#fff; border-bottom-color:var(--ax-cyan); }
.axian-future .ax-feed-stream { display:grid; gap:16px; }
.axian-future .feed-post-card { min-height:190px; margin:0; padding:16px 18px; background:linear-gradient(145deg, rgba(255,255,255,.030), transparent), rgba(8,17,35,.13); border-color:rgba(255,255,255,.26); border-radius:20px; }
.axian-future .feed-post-card > .flex:first-child { display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:11px; align-items:center; }
.axian-future .feed-post-card > .flex:first-child .flex-1 { grid-column:2; }
.axian-future .feed-post-card > .flex:first-child .avatar { width:46px; height:46px; }
.axian-future .feed-post-card > .flex:last-of-type { border-color:rgba(255,255,255,.16) !important; }
.axian-future .feed-post-card .chip { background:rgba(36,140,255,.15); border-color:rgba(112,207,255,.36); }
.axian-future .feed-post-card .feed-post-body { color:var(--ax-text-secondary) !important; }
.axian-future .feed-upload-item,.axian-future .feed-document-card,.axian-future .feed-link-card { background:rgba(255,255,255,.025); border-color:rgba(255,255,255,.16); }

.ax-score-gauge { --size:138px; --thickness:11px; width:var(--size); aspect-ratio:1; position:relative; display:grid; place-items:center; margin:12px auto 14px; border-radius:50%; background:conic-gradient(from 210deg, var(--ax-green) 0deg, var(--ax-cyan) calc(var(--score-progress) * 270deg), rgba(255,255,255,.10) 0); box-shadow:0 0 30px rgba(43,190,255,.13); }
.ax-score-gauge::before { content:""; position:absolute; inset:var(--thickness); border-radius:50%; background:rgba(5,14,32,.74); backdrop-filter:blur(12px); }
.ax-score-gauge__inner { position:relative; z-index:1; text-align:center; }
.ax-score-gauge__inner strong { display:block; font-size:34px; font-weight:600; }
.ax-score-gauge__inner span { font-size:13px; color:var(--ax-text-secondary); }

.axian-future .btn-outline,.axian-future .btn-ghost { color:var(--ax-text-secondary); background:rgba(255,255,255,.035); border-color:rgba(255,255,255,.20); }
.axian-future .field-input,.axian-future .field-select,.axian-future .field-textarea { background:rgba(1,9,24,.10); border-color:rgba(255,255,255,.22); }
.axian-future .global-search-box { background:rgba(1,9,24,.10); border-color:rgba(255,255,255,.22); }

@media (max-width: 1450px) {
  .app.ax-app-shell { width:min(calc(100vw - 36px), 1440px); grid-template-columns:195px minmax(480px,1.55fr) minmax(250px,.80fr) minmax(250px,.82fr); gap:14px; }
  .app.ax-app-shell > .ax-topbar { grid-template-columns:180px auto minmax(220px,1fr) 180px; gap:12px; }
  .axian-future .feed-layout { grid-template-columns:minmax(480px,1.55fr) minmax(250px,.80fr) minmax(250px,.82fr); gap:14px; }
}
@media (max-width: 1180px) {
  .app.ax-app-shell { width:calc(100vw - 28px); grid-template-columns:184px minmax(0,1fr) 238px; grid-template-areas:"topbar topbar topbar" "sidebar main main"; }
  .app.ax-app-shell > .ax-topbar { grid-template-columns:170px minmax(0,1fr) 170px; }
  .app.ax-app-shell > .ax-topbar .topbar-quicknav { display:none; }
  .axian-future .feed-layout { grid-template-areas:"feed contextA"; grid-template-columns:minmax(0,1fr) 238px; }
  .axian-future .ax-context-b { display:none; }
}
@media (max-width: 768px) {
  body.axian-future { background-attachment:scroll; }
  .app.ax-app-shell { display:block; width:100%; min-height:0; margin:0; padding:0; }
  .app.ax-app-shell > .ax-topbar,.app.ax-app-shell > .ax-sidebar,.axian-future .ax-context-a,.axian-future .ax-context-b { display:none; }
  .app.ax-app-shell > .main { height:100vh; padding:70px 12px 92px; overflow-y:auto; }
  .axian-future .feed-layout { display:block; }
  .axian-future .ax-feed-column { gap:14px; }
  .axian-future .ax-future-panel,.axian-future .feed-post-card { background:linear-gradient(145deg, rgba(255,255,255,.038), transparent), rgba(7,17,36,.17); border-color:rgba(255,255,255,.25); -webkit-backdrop-filter:blur(16px) saturate(120%); backdrop-filter:blur(16px) saturate(120%); }
  .axian-future .ax-feed-composer { grid-template-columns:46px minmax(0,1fr); padding:14px; }
}

/* Approved professional profile composition: existing dynamic components are
   placed in a 12-column visual grid without altering their hooks or data. */
.axian-future .ax-profile-page {
  max-width:none;
  padding:0;
  display:grid;
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:16px;
}
.axian-future .ax-profile-title { grid-column:1 / -1; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.axian-future .ax-profile-tabs { display:flex; flex-wrap:wrap; gap:5px; }
.axian-future .ax-profile-tabs span { padding:8px 11px; color:var(--ax-text-secondary); font-size:.72rem; border:1px solid rgba(255,255,255,.13); border-radius:10px; }
.axian-future .ax-profile-tabs .is-active { color:#fff; background:rgba(36,140,255,.22); border-color:rgba(89,205,255,.48); }
.axian-future .ax-profile-cover { grid-column:1 / -1; height:104px !important; margin:0; background:var(--ax-glass-clear) !important; border-color:var(--ax-border-white-soft) !important; border-bottom:0 !important; }
.axian-future .ax-profile-hero { grid-column:1 / -1; min-height:196px; margin:0; padding:0; overflow:visible; background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; }
.axian-future .ax-profile-hero::before,.axian-future .ax-profile-hero::after { display:none; }
.axian-future .ax-profile-hero .profile-hero-main { position:relative; display:grid; grid-template-columns:100px minmax(0,1fr) minmax(280px,.52fr); grid-template-rows:auto auto auto; gap:14px 20px; min-height:218px; }
.axian-future .ax-profile-hero .profile-hero-main::before { content:""; position:absolute; inset:0 calc(28.5% + 10px) 0 0; z-index:-1; border:1px solid var(--ax-border-white); border-radius:0 0 var(--ax-radius-md) var(--ax-radius-md); background:linear-gradient(135deg, rgba(255,255,255,.048), rgba(255,190,125,.018)), var(--ax-glass-soft); box-shadow:var(--ax-shadow-float),var(--ax-glow-soft); backdrop-filter:blur(var(--ax-blur)) saturate(132%); }
.axian-future .ax-profile-hero .profile-hero-main > :not(.profile-score-summary) { position:relative; z-index:1; }
.axian-future .ax-profile-hero .profile-score-summary { position:relative; grid-column:3; grid-row:1 / span 3; width:auto; min-height:218px; display:grid; place-content:center; padding:22px; border:1px solid var(--ax-border-white); border-radius:0 0 var(--ax-radius-md) var(--ax-radius-md); background:linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,190,125,.018)), var(--ax-glass-soft); box-shadow:var(--ax-shadow-float),var(--ax-glow-soft); }
.axian-future .ax-profile-hero .profile-score-summary::before { content:"Seu Score Axian"; position:absolute; top:17px; left:20px; color:var(--ax-text-secondary); font:600 .78rem var(--f-head); }
.axian-future .ax-profile-hero .profile-actions { grid-column:2; grid-row:2; }
.axian-future .ax-profile-hero .profile-hero-main > .flex:last-child { grid-column:1 / span 2; grid-row:3; margin:0 18px 18px !important; }
.axian-future .ax-profile-content { grid-column:1 / -1; display:contents; }
.axian-future .ax-profile-content > div:first-child { grid-column:1 / span 5; display:contents; }
.axian-future .ax-profile-content > div:last-child { grid-column:6 / span 3; display:contents; }
.axian-future .ax-profile-experience { grid-column:1 / span 5; grid-row:4 / span 2; }
.axian-future .ax-profile-portfolio { grid-column:1 / span 5; grid-row:6; }
.axian-future .ax-profile-certifications { grid-column:10 / span 3; grid-row:5; }
.axian-future .ax-profile-education { grid-column:10 / span 3; grid-row:4; }
.axian-future .ax-profile-opportunities { grid-column:10 / span 3; grid-row:6; }
.axian-future .ax-profile-achievements { grid-column:1 / -1; min-width:0; }
.axian-future .ax-profile-page .card { padding:18px; }
.axian-future .ax-profile-page .exp-item { position:relative; padding-left:14px; border-color:rgba(255,255,255,.14); }
.axian-future .ax-profile-page .exp-item::before { content:""; position:absolute; left:0; top:17px; bottom:-17px; width:1px; background:rgba(255,255,255,.18); }
.axian-future .ax-profile-page .exp-item::after { content:""; position:absolute; left:-3px; top:16px; width:7px; height:7px; border-radius:50%; background:var(--ax-cyan); box-shadow:0 0 12px rgba(56,201,255,.55); }

/* Company profile receives the same glass language. Its dynamic markup is
   rearranged with grid areas by existing class names. */
.axian-future .ax-company-page-shell { max-width:none; padding:0; }
.axian-future #view-empresa > .ax-company-page-shell > .page-hdr { display:none; }
.axian-future .company-profile-page { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; }
.axian-future .company-profile-title { grid-column:1 / -1; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.axian-future .company-profile-shell { grid-column:1 / -1; display:contents; }
.axian-future .company-profile-cover { grid-column:1 / -1; min-height:104px !important; border-color:var(--ax-border-white-soft) !important; background-color:var(--ax-glass-clear); }
.axian-future .company-profile-main { grid-column:1 / -1; min-height:220px; margin:0 !important; padding:0 22px 20px !important; overflow:visible; background:transparent !important; border:0 !important; box-shadow:none; }
.axian-future .company-profile-main::before { content:""; position:absolute; inset:0 0 0 0; z-index:-1; border:1px solid var(--ax-border-white); border-radius:0 0 var(--ax-radius-md) var(--ax-radius-md); background:linear-gradient(135deg, rgba(255,255,255,.048), rgba(255,190,125,.018)), var(--ax-glass-soft); box-shadow:var(--ax-shadow-float),var(--ax-glow-soft); backdrop-filter:blur(var(--ax-blur)) saturate(132%); }
.axian-future .company-profile-main .company-profile-identity { display:grid !important; grid-template-columns:112px minmax(0,1fr) minmax(280px,.52fr); align-items:center !important; gap:20px !important; transform:translateY(-42px); margin-bottom:-32px !important; }
.axian-future .company-profile-main .company-profile-heading { padding-top:42px !important; }
.axian-future .company-profile-main .company-profile-score { position:relative; top:auto; right:auto; width:auto; min-height:194px; margin-top:40px; padding:18px; border:1px solid var(--ax-border-white); border-radius:var(--ax-radius-md); background:linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,190,125,.018)), var(--ax-glass-soft); box-shadow:var(--ax-shadow-float); }
.axian-future .company-profile-main .company-profile-score .ax-score-gauge { --size:124px; --thickness:10px; }
.axian-future .company-profile-main .company-profile-actions { position:relative; z-index:3; margin-top:16px !important; }
.axian-future .company-profile-content-grid { grid-column:1 / -1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; margin:0; }
.axian-future .company-profile-institutional-stack { grid-column:1 / span 3; display:contents; }
.axian-future .company-profile-about { grid-column:1 / span 3; }
.axian-future .company-profile-purpose { grid-column:1 / span 3; margin-top:16px; }
.axian-future .company-profile-public-info { grid-column:4 / span 5; position:static; }
.axian-future .company-profile-business { grid-column:1 / span 4; margin:0 !important; }
.axian-future .company-score-section { grid-column:5 / span 4; margin:0 !important; }
.axian-future .company-profile-opportunities { grid-column:9 / span 4; grid-row:4 / span 2; margin:0 !important; }
.axian-future .company-profile-gallery { grid-column:1 / span 4; margin:0 !important; }
.axian-future .company-profile-workforce { grid-column:4 / span 5; margin:0 !important; }
.axian-future .company-profile-posts { grid-column:5 / span 4; margin:0 !important; }
.axian-future .company-profile-followers { grid-column:9 / span 4; margin:0 !important; }
.axian-future #company-profile-posts-content { max-height:420px; overflow:auto; }

@media (max-width:1180px) {
  .axian-future .ax-profile-hero .profile-hero-main { grid-template-columns:90px minmax(0,1fr) minmax(240px,.48fr); }
  .axian-future .ax-profile-experience { grid-column:1 / span 7; }
  .axian-future .ax-profile-education,.axian-future .ax-profile-certifications,.axian-future .ax-profile-opportunities { grid-column:8 / span 5; }
  .axian-future .company-profile-main .company-profile-identity { grid-template-columns:98px minmax(0,1fr) minmax(240px,.48fr); }
}
@media (max-width:768px) {
  .axian-future .ax-profile-page { display:block; padding:0; }
  .axian-future .ax-profile-title { margin-bottom:14px; display:block; padding:15px; }
  .axian-future .ax-profile-tabs { margin-top:12px; overflow:auto; flex-wrap:nowrap; }
  .axian-future .ax-profile-cover,.axian-future .ax-profile-hero { margin-bottom:14px; }
  .axian-future .ax-profile-cover { height:160px !important; }
  .axian-future .ax-profile-hero .profile-hero-main { display:grid; grid-template-columns:76px minmax(0,1fr); min-height:0; gap:14px; }
  .axian-future .ax-profile-hero .profile-hero-main::before { inset:0; border-radius:0 0 var(--ax-radius-md) var(--ax-radius-md); }
  .axian-future .ax-profile-hero .profile-score-summary { position:relative; grid-column:1 / -1; grid-row:auto; width:auto; min-height:0; margin:0 14px 14px; border-radius:var(--ax-radius-md); }
  .axian-future .ax-profile-hero .profile-actions { grid-column:1 / -1; grid-row:auto; margin:0 14px; }
  .axian-future .ax-profile-hero .profile-hero-main > .flex:last-child { grid-column:1 / -1; grid-row:auto; margin:0 14px 18px !important; }
  .axian-future .ax-profile-content { display:block; }
  .axian-future .ax-profile-content > div { display:block !important; }
  .axian-future .ax-profile-page .card,.axian-future .ax-profile-achievements { margin-bottom:14px; }
  .axian-future .company-profile-page,.axian-future .company-profile-content-grid { display:block; }
  .axian-future .company-profile-title { display:block; margin-bottom:14px; }
  .axian-future .company-profile-cover { min-height:142px !important; }
  .axian-future .company-profile-main { margin-bottom:14px !important; padding:0 14px 16px !important; }
  .axian-future .company-profile-main .company-profile-identity { display:grid !important; grid-template-columns:76px minmax(0,1fr); gap:12px !important; transform:translateY(-28px); margin-bottom:-18px !important; }
  .axian-future .company-profile-main .company-profile-heading { padding-top:28px !important; }
  .axian-future .company-profile-main .company-profile-score { grid-column:1 / -1; position:relative; width:auto; min-height:0; margin:0 0 12px; }
  .axian-future .company-profile-content-grid > *, .axian-future .company-profile-shell > * { margin-bottom:14px; }
}

/* PR #35 — literal composition pass.  This is deliberately a complete visual
   override: the pre-existing DOM, IDs, handlers and data contracts stay in
   place while every visible panel becomes a clear glass plate. */
body.axian-future {
  background:linear-gradient(180deg,rgba(0,5,16,.16),rgba(0,5,16,.28)),url('../assets/backgrounds/axian-feed-background.png') center/cover fixed no-repeat !important;
}
body.axian-future:has(#view-empresa.active),body.axian-future:has(#view-perfil-publico.active){background:linear-gradient(180deg,rgba(0,5,16,.13),rgba(0,5,16,.25)),url('../assets/backgrounds/axian-company-background.png') center/cover fixed no-repeat !important;}
:root{--ax-glass-clear:rgba(255,255,255,.055);--ax-glass-soft:rgba(255,255,255,.075);--ax-glass-medium:rgba(255,255,255,.10);--ax-border-white:rgba(224,242,255,.48);--ax-border-white-soft:rgba(211,235,255,.30);--ax-border-white-strong:rgba(242,249,255,.64);--ax-shadow-float:0 16px 34px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.08);--ax-glow-soft:0 0 20px rgba(117,207,255,.10);}
.axian-future .ax-future-panel,.axian-future .ax-glass,.axian-future .card,.axian-future .feed-post-card,.axian-future .modal,.axian-future .global-search-results{
  background:linear-gradient(120deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 42%,rgba(210,238,255,.042) 72%,rgba(255,199,143,.06)) !important;
  border:1px solid var(--ax-border-white) !important;box-shadow:var(--ax-shadow-float),var(--ax-glow-soft) !important;-webkit-backdrop-filter:blur(16px) saturate(118%) !important;backdrop-filter:blur(16px) saturate(118%) !important;
}
.axian-future .ax-future-panel::before,.axian-future .ax-glass::before,.axian-future .card::before,.axian-future .feed-post-card::before{opacity:.40 !important;background:linear-gradient(112deg,rgba(255,255,255,.22),transparent 28%,transparent 74%,rgba(255,193,143,.10)) !important;}
.axian-future .field-input,.axian-future .field-select,.axian-future .field-textarea,.axian-future .global-search-box{background:rgba(0,7,20,.18) !important;border-color:rgba(230,244,255,.34) !important;}
.axian-future .btn-outline,.axian-future .btn-ghost{background:rgba(255,255,255,.045) !important;border-color:rgba(232,245,255,.32) !important;}

/* Topbar and complete navigation rail exactly occupy the outer glass frame. */
.app.ax-app-shell{width:min(calc(100vw - 80px),1840px);grid-template-columns:235px minmax(0,1fr);grid-template-rows:70px auto;grid-template-areas:'topbar topbar' 'sidebar main' !important;gap:18px;margin:20px auto 32px;}
.app.ax-app-shell>.ax-topbar{grid-template-columns:250px minmax(410px,1fr) minmax(300px,.95fr) 220px;background:rgba(255,255,255,.055) !important;border-color:var(--ax-border-white) !important;border-radius:20px;}
.app.ax-app-shell>.ax-sidebar{width:auto;padding:16px 12px 14px;background:rgba(255,255,255,.055) !important;border-color:var(--ax-border-white) !important;border-radius:20px;box-shadow:var(--ax-shadow-float);}
.axian-future .sidebar .nav-item{min-height:47px;margin-bottom:2px;color:rgba(246,250,255,.88);border:1px solid transparent;}
.axian-future .sidebar .nav-item.active{background:linear-gradient(90deg,rgba(42,151,255,.30),rgba(255,255,255,.045)) !important;border-color:rgba(132,219,255,.72) !important;box-shadow:inset 3px 0 0 #4bd9ff,0 0 18px rgba(50,171,255,.20);}
.axian-future .sidebar-bottom{position:relative;margin-top:12px;padding:32px 4px 0;border-top-color:rgba(230,244,255,.26);}
.axian-future .sidebar-bottom::before{content:'Axian Connect';position:absolute;top:11px;left:8px;font:700 .75rem var(--f-head);color:#fff;}
.axian-future .sidebar-bottom::after{content:'● Online';position:absolute;top:12px;right:8px;font:.58rem var(--f-mono);color:var(--green);}

/* Feed: literal 4-column desktop matrix: rail / stream / opportunities+network / score+agenda+messages+AI. */
.axian-future .feed-layout{grid-template-areas:'stream contextA contextB';grid-template-columns:minmax(480px,1.22fr) minmax(285px,.73fr) minmax(345px,.91fr);gap:22px;align-items:start;}
.axian-future .feed-stream-column.ax-feed-column{grid-area:stream;}
.axian-future .ax-feed-column,.axian-future .ax-context-a,.axian-future .ax-context-b{gap:16px;}
.axian-future .ax-feed-composer{min-height:118px;padding:16px 18px;background:linear-gradient(125deg,rgba(255,255,255,.11),rgba(255,255,255,.035)) !important;border-color:var(--ax-border-white) !important;}
.axian-future .ax-composer__input{min-height:56px !important;background:rgba(0,7,20,.16) !important;border-color:rgba(230,244,255,.28) !important;}
.axian-future .ax-composer__actions{display:flex;align-items:center;gap:8px;margin-top:8px;}.axian-future .ax-composer__footer{margin-top:6px !important;}
.axian-future .ax-feed-tabs{border-color:rgba(230,244,255,.28);}.axian-future .feed-post-card{min-height:0;padding:17px 19px;border-radius:18px;}
.axian-future .feed-post-card .feed-post-body{font-size:.89rem;line-height:1.6 !important;color:rgba(249,252,255,.94) !important;}
.ax-feed-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}.ax-feed-panel-head h2{font:700 1rem var(--f-head);color:#fff;}.ax-feed-link{padding:0;border:0;background:none;color:#55caff;font:.74rem var(--f-body);cursor:pointer;}
.ax-feed-opportunities,.ax-feed-network,.ax-feed-score,.ax-feed-interview,.ax-feed-messages,.ax-feed-ai{padding:17px !important;border-radius:18px !important;}
.ax-feed-opportunity-list{display:grid;gap:2px;}.ax-feed-opportunity,.ax-feed-network-row,.ax-feed-message{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid rgba(230,244,255,.18);background:transparent;color:inherit;text-align:left;cursor:pointer;}.ax-feed-opportunity:last-child,.ax-feed-network-row:last-child,.ax-feed-message:last-child{border-bottom:0;}
.ax-feed-opportunity strong,.ax-feed-network-row strong,.ax-feed-message strong{display:block;color:#fff;font-size:.79rem;}.ax-feed-opportunity small,.ax-feed-network-row small,.ax-feed-message small{display:block;margin-top:2px;color:var(--ax-text-secondary);font-size:.67rem;}.ax-feed-opportunity b{color:#52d9ff;font-size:.9rem;}.ax-feed-company-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(213,240,255,.35);border-radius:10px;background:rgba(25,136,255,.20);color:#75ddff;}.ax-feed-company-mark.is-teal{background:rgba(39,224,163,.15);color:#69f4c3;}.ax-feed-company-mark.is-violet{background:rgba(158,134,255,.18);color:#cebfff;}
.ax-feed-cta{width:100%;margin-top:8px;padding:9px;border:1px solid rgba(230,244,255,.34);border-radius:11px;background:rgba(255,255,255,.035);color:#9fe4ff;cursor:pointer;}.ax-feed-network-row em{font-style:normal;color:#65d5ff;font-size:.66rem;border:1px solid rgba(101,213,255,.34);padding:4px 7px;border-radius:999px;}
.ax-feed-score{min-height:250px;}.ax-feed-score-content{display:grid;grid-template-columns:142px minmax(0,1fr);align-items:center;gap:12px;}.ax-feed-score .ax-score-gauge{--size:138px;margin:2px auto;}.ax-score-pillars,.ax-profile-score-pillars,.ax-company-score-pillars{display:grid;gap:10px;}.ax-score-pillars span,.ax-profile-score-pillars span,.ax-company-score-pillars span{display:grid;grid-template-columns:1fr 1.35fr auto;gap:7px;align-items:center;color:rgba(245,250,255,.86);font-size:.68rem;}.ax-score-pillars i,.ax-profile-score-pillars i,.ax-company-score-pillars i{height:3px;display:block;position:relative;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden;}.ax-score-pillars i::after,.ax-profile-score-pillars i::after,.ax-company-score-pillars i::after{content:'';display:block;width:var(--value);height:100%;background:linear-gradient(90deg,#3fcfff,#69a5ff);box-shadow:0 0 8px rgba(77,207,255,.7);}.ax-score-pillars b{font-size:.65rem;font-weight:600;color:#fff;}.ax-score-trend{display:flex;align-items:center;gap:12px;margin-top:11px;color:#55e0b1;font-size:.72rem;}.ax-score-trend span{width:70px;height:23px;background:linear-gradient(145deg,transparent 45%,rgba(81,209,255,.72) 47% 53%,transparent 55%) center/16px 12px repeat-x;opacity:.75;}
.ax-feed-interview-content{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;}.ax-feed-interview time{display:grid;place-items:center;padding:5px;border-radius:10px;background:rgba(35,147,255,.19);color:#63dfff;}.ax-feed-interview time b{font-size:1.05rem;}.ax-feed-interview time small{font-size:.48rem;}.ax-feed-interview strong{display:block;font-size:.76rem;}.ax-feed-interview small{display:block;margin-top:3px;color:var(--ax-text-secondary);font-size:.65rem;}.ax-feed-messages{padding-bottom:10px !important;}.ax-feed-message time{color:#7bcfff;font-size:.75rem;}
.ax-feed-ai{display:flex;align-items:center;gap:11px;margin-top:2px !important;padding:12px 14px !important;}.ax-feed-ai-orb{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#3acbff 20%,#3157ff 48%,rgba(76,69,244,.32) 70%);box-shadow:0 0 18px rgba(56,200,255,.58);}.ax-feed-ai>div{min-width:0;flex:1;}.ax-feed-ai strong{display:block;font-size:.79rem;}.ax-feed-ai strong i{font-style:normal;color:#58e1ad;font-size:.65rem;}.ax-feed-ai button{width:100%;margin-top:7px;padding:7px 10px;text-align:left;border:1px solid rgba(230,244,255,.22);border-radius:11px;background:rgba(0,7,20,.13);color:var(--ax-text-secondary);cursor:pointer;}.ax-feed-ai b{float:right;font-size:1rem;color:#fff;}.ax-legacy-feed-context{margin-top:0;}

/* Professional profile: title/tabs, hero and score are distinct, then 5/4/3 grid. */
.axian-future .ax-profile-page{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;}.axian-future .ax-profile-title{padding:14px 18px;border-radius:18px;}.axian-future .ax-profile-cover{height:0 !important;min-height:0 !important;margin:0 !important;overflow:visible !important;background:transparent !important;border:0 !important;z-index:3;}.axian-future .ax-profile-cover>#profile-cover-img{display:none;}.axian-future .ax-profile-cover>div:last-child{position:absolute !important;right:16px !important;top:26px !important;z-index:5;}
.axian-future .ax-profile-hero{grid-column:1 / -1;min-height:230px;overflow:visible;}.axian-future .ax-profile-hero .profile-hero-main{grid-template-columns:110px minmax(0,1.5fr) minmax(330px,.78fr);min-height:230px;gap:16px 22px;}.axian-future .ax-profile-hero .profile-hero-main::before{inset:0 calc(31% + 10px) 0 0;border-radius:18px;}.axian-future .ax-profile-hero .profile-score-summary{grid-column:3;grid-row:1 / span 3;min-height:230px;border-radius:18px;padding:18px 20px;background:linear-gradient(125deg,rgba(255,255,255,.095),rgba(255,255,255,.026),rgba(255,195,143,.07)) !important;}.axian-future .ax-profile-hero .profile-score-summary::before{content:'Seu Score Axian';}.axian-future .ax-profile-hero .profile-score-summary .ax-score-gauge{--size:124px;margin:13px auto 12px;}.ax-profile-score-pillars{margin-top:2px;}.ax-profile-score-details{display:block;margin:12px 0 0 auto;border:0;background:transparent;color:#64d7ff;cursor:pointer;font-size:.72rem;}.axian-future .ax-profile-hero .profile-hero-main>.flex:last-child{border-top-color:rgba(230,244,255,.22);}.axian-future .ax-profile-content>div:first-child{grid-column:1 / span 5;}.axian-future .ax-profile-content>div:last-child{grid-column:6 / span 7;}.axian-future .ax-profile-experience{grid-column:1 / span 5;grid-row:4 / span 2;}.axian-future .ax-profile-portfolio{grid-column:1 / span 5;grid-row:6;}.axian-future .ax-profile-skills{grid-column:6 / span 4;grid-row:4 / span 2;}.axian-future .ax-profile-education{grid-column:10 / span 3;grid-row:4;}.axian-future .ax-profile-certifications{grid-column:10 / span 3;grid-row:5;}.axian-future .ax-profile-opportunities{grid-column:10 / span 3;grid-row:6;}.axian-future .ax-profile-achievements{grid-column:1 / -1;border-radius:18px;}.ax-profile-skill-list{display:grid;gap:14px;}.ax-profile-skill-list>div{display:grid;grid-template-columns:1fr;gap:5px;}.ax-profile-skill-list span{font-size:.74rem;color:#fff;}.ax-profile-skill-list i{height:4px;border-radius:4px;background:rgba(255,255,255,.16);overflow:hidden;}.ax-profile-skill-list i::after{content:'';display:block;height:100%;width:var(--skill);background:linear-gradient(90deg,#3bcfff,#317fff);box-shadow:0 0 8px rgba(61,197,255,.65);}.ax-profile-skill-list small{font-size:.62rem;color:var(--ax-text-secondary);}

/* Company profile: faithful 3/5/4 interior grid, all plates clear. */
.axian-future .company-profile-title{border-radius:18px;}.axian-future .company-profile-cover{height:0 !important;min-height:0 !important;overflow:visible !important;border:0 !important;background:transparent !important;z-index:4;}.axian-future .company-profile-cover-actions{top:24px !important;right:18px !important;}.axian-future .company-profile-main{grid-column:1 / -1;min-height:230px;padding:0 22px 18px !important;}.axian-future .company-profile-main::before{border-radius:18px;background:linear-gradient(125deg,rgba(255,255,255,.09),rgba(255,255,255,.022),rgba(255,195,143,.07)) !important;}.axian-future .company-profile-main .company-profile-identity{grid-template-columns:118px minmax(0,1.5fr) minmax(330px,.78fr);transform:none;margin:0 !important;min-height:198px;}.axian-future .company-profile-main .company-profile-heading{padding-top:22px !important;}.axian-future .company-profile-main .company-profile-logo-wrap{margin-top:-24px;}.axian-future .company-profile-main .company-profile-score{margin-top:0;min-height:198px;border-radius:18px;background:linear-gradient(125deg,rgba(255,255,255,.09),rgba(255,255,255,.026),rgba(255,195,143,.07)) !important;}.axian-future .company-profile-main .company-profile-score .ax-score-gauge{--size:116px;margin:3px auto 8px;}.ax-company-score-pillars{margin-top:4px;}.ax-company-score-pillars span{grid-template-columns:82px 1fr;}.ax-company-score-pillars i{height:3px;}.axian-future .company-profile-main .company-profile-actions{margin-top:0 !important;position:absolute;left:150px;bottom:16px;}.axian-future .company-profile-content-grid{grid-column:1 / span 3;display:block;margin:0;}.axian-future .company-profile-institutional-stack{display:grid;gap:18px;}.axian-future .company-profile-public-info{margin-top:18px;}.axian-future .company-profile-business{grid-column:1 / span 3;grid-row:5;margin:0 !important;}.axian-future .company-profile-workforce{grid-column:4 / span 5;grid-row:4;margin:0 !important;}.axian-future .company-profile-opportunities{grid-column:9 / span 4;grid-row:4 / span 2;margin:0 !important;}.axian-future .company-profile-gallery{grid-column:1 / span 3;grid-row:6;margin:0 !important;}.axian-future .company-profile-posts{grid-column:4 / span 5;grid-row:5 / span 2;margin:0 !important;}.axian-future .company-profile-followers{grid-column:9 / span 4;grid-row:6;margin:0 !important;}.axian-future .company-score-section{grid-column:1 / span 3;grid-row:7;margin:0 !important;}.axian-future .company-profile-content-grid,.axian-future .company-profile-business,.axian-future .company-profile-workforce,.axian-future .company-profile-opportunities,.axian-future .company-profile-gallery,.axian-future .company-profile-posts,.axian-future .company-profile-followers,.axian-future .company-score-section{border-radius:18px;}

@media (max-width:1180px){.app.ax-app-shell{grid-template-columns:196px minmax(0,1fr);}.axian-future .feed-layout{grid-template-columns:minmax(0,1fr) 285px;grid-template-areas:'stream contextA';}.axian-future .ax-context-b{display:none;}.axian-future .ax-profile-hero .profile-hero-main,.axian-future .company-profile-main .company-profile-identity{grid-template-columns:96px minmax(0,1fr) minmax(260px,.7fr);}.axian-future .ax-profile-skills{grid-column:6 / span 3;}.axian-future .ax-profile-education,.axian-future .ax-profile-certifications,.axian-future .ax-profile-opportunities{grid-column:9 / span 4;}}
@media (max-width:768px){body.axian-future{background-attachment:scroll !important;}.app.ax-app-shell{display:block;width:100%;margin:0;}.app.ax-app-shell>.main{padding:70px 12px 92px;}.axian-future .ax-feed-composer,.axian-future .feed-post-card,.ax-feed-opportunities,.ax-feed-network,.ax-feed-score,.ax-feed-interview,.ax-feed-messages,.ax-feed-ai{border-radius:16px !important;}.axian-future .ax-context-a,.axian-future .ax-context-b{display:none;}.axian-future .feed-layout{display:block;}.axian-future .ax-profile-cover,.axian-future .company-profile-cover{display:none;}.axian-future .ax-profile-hero .profile-hero-main{grid-template-columns:76px minmax(0,1fr);}.axian-future .ax-profile-hero .profile-hero-main::before{inset:0;}.axian-future .ax-profile-hero .profile-score-summary{grid-column:1 / -1;grid-row:auto;margin:0 14px 14px;min-height:0;}.axian-future .ax-profile-content>div,.axian-future .ax-profile-content>div:first-child,.axian-future .ax-profile-content>div:last-child{display:block !important;}.axian-future .ax-profile-page .card{margin-bottom:14px;}.axian-future .company-profile-main .company-profile-identity{grid-template-columns:76px minmax(0,1fr);min-height:0;}.axian-future .company-profile-main .company-profile-score{grid-column:1 / -1;min-height:0;margin-bottom:12px;}.axian-future .company-profile-main .company-profile-actions{position:relative;left:auto;bottom:auto;margin-top:8px !important;}.axian-future .company-profile-page,.axian-future .company-profile-content-grid{display:block;}.axian-future .company-profile-content-grid>*,.axian-future .company-profile-shell>*{margin-bottom:14px !important;}}

@media (max-width:1450px) and (min-width:1181px){.app.ax-app-shell{width:calc(100vw - 44px);grid-template-columns:205px minmax(0,1fr);gap:14px;}.app.ax-app-shell>.ax-topbar{grid-template-columns:205px minmax(230px,.6fr) minmax(280px,1fr) 185px;gap:12px;}.axian-future .feed-layout{grid-template-columns:minmax(400px,1.18fr) minmax(230px,.68fr) minmax(285px,.82fr);gap:14px;}.ax-feed-score-content{grid-template-columns:118px minmax(0,1fr);}.ax-feed-score .ax-score-gauge{--size:112px;}.ax-score-pillars span{grid-template-columns:1fr 1.1fr auto;font-size:.61rem;}.ax-feed-opportunities,.ax-feed-network,.ax-feed-score,.ax-feed-interview,.ax-feed-messages{padding:14px !important;}.axian-future .ax-profile-hero .profile-hero-main,.axian-future .company-profile-main .company-profile-identity{grid-template-columns:94px minmax(0,1.3fr) minmax(260px,.72fr);}.axian-future .ax-profile-hero .profile-score-summary{padding:14px;}.axian-future .company-profile-main .company-profile-score{padding:14px;}}

/* PR #35 — summer daylight and dimensional white-glass calibration. */
body.axian-future {
  background:
    linear-gradient(115deg,rgba(4,18,46,.20),rgba(19,54,108,.10) 48%,rgba(11,38,77,.13)),
    url('../assets/backgrounds/axian-feed-twilight-background.png') center/cover fixed no-repeat !important;
  background-blend-mode:normal,normal !important;
}
body.axian-future:has(#view-empresa.active), body.axian-future:has(#view-perfil-publico.active) {
  background:
    linear-gradient(115deg,rgba(4,18,46,.18),rgba(19,54,108,.08) 48%,rgba(11,38,77,.11)),
    url('../assets/backgrounds/axian-profile-twilight-background.png') center/cover fixed no-repeat !important;
  background-blend-mode:normal,normal !important;
}
:root {
  --ax-glass-clear:rgba(255,255,255,.075);
  --ax-glass-soft:rgba(255,255,255,.095);
  --ax-glass-medium:rgba(255,255,255,.12);
  --ax-border-white:rgba(246,251,255,.62);
  --ax-border-white-soft:rgba(237,248,255,.42);
  --ax-border-white-strong:rgba(255,255,255,.82);
  --ax-shadow-float:0 18px 38px rgba(9,30,66,.18),0 3px 12px rgba(4,15,38,.11),inset 0 1px 0 rgba(255,255,255,.38);
  --ax-glow-soft:0 0 24px rgba(188,228,255,.17);
}
.axian-future .ax-future-panel,.axian-future .ax-glass,.axian-future .card,.axian-future .feed-post-card,.axian-future .modal,.axian-future .global-search-results {
  background:linear-gradient(126deg,rgba(255,255,255,.17),rgba(255,255,255,.052) 38%,rgba(221,242,255,.075) 68%,rgba(255,213,177,.10)) !important;
  border-color:var(--ax-border-white) !important;
  box-shadow:var(--ax-shadow-float),var(--ax-glow-soft) !important;
  -webkit-backdrop-filter:blur(17px) saturate(112%) !important;
  backdrop-filter:blur(17px) saturate(112%) !important;
}
.axian-future .ax-future-panel::before,.axian-future .ax-glass::before,.axian-future .card::before,.axian-future .feed-post-card::before {
  opacity:.62 !important;
  background:linear-gradient(112deg,rgba(255,255,255,.46),rgba(255,255,255,.12) 18%,transparent 34%,transparent 71%,rgba(255,214,178,.22)) !important;
}
.app.ax-app-shell {
  position:relative;
  padding:12px;
  border:1px solid rgba(250,253,255,.62);
  border-radius:28px;
  background:linear-gradient(125deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 45%,rgba(255,211,175,.075));
  box-shadow:0 24px 52px rgba(6,22,52,.20),inset 0 1px 0 rgba(255,255,255,.60),inset 0 -1px 0 rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(11px) saturate(112%);
  backdrop-filter:blur(11px) saturate(112%);
}
.app.ax-app-shell::before {
  content:"";
  position:absolute;
  inset:5px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.24);
  border-radius:23px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 18px rgba(233,247,255,.12);
}

/* The professional Score is deliberately wide enough for its score and all
   progress bars to share the same horizontal plate. */
.axian-future .ax-profile-hero .profile-hero-main {
  grid-template-columns:110px minmax(0,1.24fr) minmax(450px,1.05fr);
  min-height:244px;
}
.axian-future .ax-profile-hero .profile-hero-main::before { inset:0 calc(42% + 10px) 0 0; }
.axian-future .ax-profile-hero .profile-score-summary {
  min-height:244px;
  display:grid;
  grid-template-columns:138px minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  align-items:center;
  column-gap:16px;
  padding:18px 20px;
  background:linear-gradient(125deg,rgba(255,255,255,.14),rgba(255,255,255,.04),rgba(255,205,165,.10)) !important;
}
.axian-future .ax-profile-hero .profile-score-summary::before { grid-column:1 / -1; align-self:start; }
.axian-future .ax-profile-hero .profile-score-summary .ax-score-gauge { --size:128px; grid-column:1; grid-row:2; margin:8px auto 2px; }
.axian-future .ax-profile-hero .profile-score-summary .ax-profile-score-pillars { grid-column:2; grid-row:2; margin:7px 0 0; }
.axian-future .ax-profile-hero .profile-score-summary .ax-profile-score-details { grid-column:2; grid-row:3; margin:0 0 0 auto; }
.axian-future .ax-profile-hero .profile-score-summary > div:last-child { grid-column:1; grid-row:3; margin:0; text-align:center; }

@media (max-width:1450px) and (min-width:769px) {
  .axian-future .ax-profile-hero .profile-hero-main { grid-template-columns:94px minmax(0,1fr) minmax(360px,.88fr); }
  .axian-future .ax-profile-hero .profile-hero-main::before { inset:0 calc(39% + 8px) 0 0; }
  .axian-future .ax-profile-hero .profile-score-summary { grid-template-columns:112px minmax(0,1fr); column-gap:11px; padding:14px; }
  .axian-future .ax-profile-hero .profile-score-summary .ax-score-gauge { --size:108px; }
  .ax-profile-score-pillars span { grid-template-columns:1fr 1.1fr auto; font-size:.62rem; }
}
@media (max-width:768px) {
  body.axian-future { background-attachment:scroll !important; }
  .app.ax-app-shell { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
  .app.ax-app-shell::before { display:none; }
  .axian-future .ax-profile-hero .profile-score-summary { display:block; min-height:0; }
  .axian-future .ax-profile-hero .profile-score-summary .ax-score-gauge { margin:14px auto 12px; }
  .axian-future .ax-profile-hero .profile-score-summary .ax-profile-score-pillars { margin:0; }
  .axian-future .ax-profile-hero .profile-score-summary .ax-profile-score-details { margin:12px 0 0 auto; }
}

/* PR #35 — premium crystal edge.  The plate itself stays transparent: the
   dimensional effect comes from a two-tone optical edge, the inset highlight
   and the soft reflected light — never from an opaque fill. */
:root {
  --ax-crystal-radius: 20px 26px 21px 28px;
  --ax-crystal-line: linear-gradient(128deg,
    rgba(255,255,255,.82) 0%,
    rgba(240,249,255,.36) 16%,
    rgba(255,255,255,.14) 48%,
    rgba(255,215,178,.52) 82%,
    rgba(255,255,255,.70) 100%);
}
.axian-future .ax-future-panel,
.axian-future .ax-glass,
.axian-future .card,
.axian-future .feed-post-card,
.axian-future .modal,
.axian-future .global-search-results,
.axian-future .feed-composer.ax-composer,
.axian-future .ax-feed-composer,
.axian-future .ax-profile-title,
.axian-future .company-profile-title,
.axian-future .profile-score-summary,
.axian-future .company-profile-score {
  border:1px solid transparent !important;
  border-radius:var(--ax-crystal-radius) !important;
  background:
    linear-gradient(128deg,rgba(255,255,255,.075),rgba(255,255,255,.020) 40%,rgba(255,208,171,.045) 100%) padding-box,
    var(--ax-crystal-line) border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:
    0 18px 42px rgba(10,21,47,.18),
    0 3px 10px rgba(3,10,25,.16),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 1px 0 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(255,225,199,.16),
    0 0 17px rgba(255,228,205,.10) !important;
  -webkit-backdrop-filter:blur(18px) saturate(110%) !important;
  backdrop-filter:blur(18px) saturate(110%) !important;
}
.axian-future .ax-future-panel::before,
.axian-future .ax-glass::before,
.axian-future .card::before,
.axian-future .feed-post-card::before {
  inset:2px !important;
  border:1px solid rgba(255,255,255,.16);
  border-radius:calc(var(--ax-crystal-radius) - 2px) !important;
  background:linear-gradient(125deg,rgba(255,255,255,.18),transparent 20%,transparent 76%,rgba(255,204,165,.12)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  opacity:.78 !important;
}
.axian-future .ax-future-panel::after,
.axian-future .ax-glass::after,
.axian-future .card::after,
.axian-future .feed-post-card::after {
  left:7% !important;
  right:7% !important;
  top:1px !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),rgba(255,232,213,.56),rgba(255,255,255,.40),transparent) !important;
  box-shadow:0 0 8px rgba(255,246,236,.30);
  opacity:.95 !important;
}
.app.ax-app-shell {
  border:1px solid transparent !important;
  border-radius:30px 38px 30px 38px !important;
  background:
    linear-gradient(126deg,rgba(255,255,255,.07),rgba(255,255,255,.012) 45%,rgba(255,211,178,.05)) padding-box,
    linear-gradient(126deg,rgba(255,255,255,.90),rgba(235,248,255,.35) 20%,rgba(255,255,255,.16) 54%,rgba(255,211,175,.62) 84%,rgba(255,255,255,.74)) border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:
    0 26px 58px rgba(5,16,40,.20),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -1px 0 rgba(255,217,183,.18),
    0 0 22px rgba(255,237,220,.12) !important;
}
.app.ax-app-shell::before {
  inset:5px !important;
  border-color:rgba(255,255,255,.32) !important;
  border-radius:25px 32px 25px 32px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 0 16px rgba(255,240,226,.15) !important;
}
.app.ax-app-shell>.ax-topbar,
.app.ax-app-shell>.ax-sidebar {
  border:1px solid transparent !important;
  border-radius:20px 26px 20px 27px !important;
  background:
    linear-gradient(126deg,rgba(255,255,255,.07),rgba(255,255,255,.016) 48%,rgba(255,205,166,.045)) padding-box,
    var(--ax-crystal-line) border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:0 13px 30px rgba(8,17,40,.15),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,226,199,.12) !important;
}
@media (max-width:768px) {
  .axian-future .ax-future-panel,
  .axian-future .ax-glass,
  .axian-future .card,
  .axian-future .feed-post-card,
  .axian-future .feed-composer.ax-composer,
  .axian-future .ax-feed-composer {
    border-radius:18px 23px 18px 24px !important;
  }
}

/* PR #35 — perceptible inward perspective and corner refraction.
   The approved reference is not a flat grid: each outer plane turns toward
   the optical centre. Warm light is also local to curved glass corners; it is
   deliberately not painted as a continuous yellow border. */
.axian-future .ax-future-panel::before,
.axian-future .ax-glass::before,
.axian-future .card::before,
.axian-future .feed-post-card::before,
.axian-future .feed-composer.ax-composer::before,
.axian-future .ax-feed-composer::before,
.app.ax-app-shell::before,
.app.ax-app-shell > .ax-topbar::before,
.app.ax-app-shell > .ax-sidebar::before {
  background:
    radial-gradient(ellipse 92px 68px at 0 0,
      rgba(255,236,184,1) 0%,
      rgba(255,187,67,.98) 10%,
      rgba(255,202,106,.58) 31%,
      transparent 72%),
    radial-gradient(ellipse 82px 62px at 100% 0,
      rgba(255,218,142,.86) 0%,
      rgba(255,180,55,.52) 18%,
      transparent 68%),
    radial-gradient(ellipse 78px 62px at 0 100%,
      rgba(255,225,157,.78) 0%,
      rgba(255,176,52,.48) 18%,
      transparent 68%),
    radial-gradient(ellipse 104px 76px at 100% 100%,
      rgba(255,239,198,1) 0%,
      rgba(255,179,52,.96) 11%,
      rgba(255,205,116,.57) 32%,
      transparent 73%),
    linear-gradient(132deg,
      rgba(244,251,255,.96) 8%,
      rgba(198,231,255,.28) 31%,
      rgba(255,255,255,.12) 51%,
      rgba(199,231,255,.30) 72%,
      rgba(248,252,255,.88) 94%) !important;
  filter:
    drop-shadow(-1px -1px 2px rgba(255,194,82,.72))
    drop-shadow(1px 1px 3px rgba(255,166,34,.55)) !important;
}
.axian-future .ax-future-panel::after,
.axian-future .ax-glass::after,
.axian-future .card::after,
.axian-future .feed-post-card::after,
.axian-future .feed-composer.ax-composer::after,
.axian-future .ax-feed-composer::after,
.app.ax-app-shell > .ax-topbar::after,
.app.ax-app-shell > .ax-sidebar::after {
  inset:-2px !important;
  top:-2px !important;
  right:-2px !important;
  bottom:-2px !important;
  left:-2px !important;
  height:auto !important;
  padding:3px !important;
  border-radius:inherit !important;
  background:
    radial-gradient(ellipse 112px 88px at 0 0,
      rgba(255,194,75,.95) 0%,
      rgba(255,172,36,.48) 30%,
      transparent 72%),
    radial-gradient(ellipse 126px 92px at 100% 100%,
      rgba(255,188,63,.92) 0%,
      rgba(255,159,25,.46) 31%,
      transparent 74%),
    radial-gradient(ellipse 74px 58px at 100% 0,
      rgba(255,213,131,.54) 0%,
      transparent 70%),
    radial-gradient(ellipse 70px 56px at 0 100%,
      rgba(255,206,111,.48) 0%,
      transparent 70%) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  filter:blur(2.8px) !important;
  box-shadow:none !important;
  opacity:.96 !important;
}

@media (min-width:1181px) {
  .axian-future .feed-layout {
    perspective:1500px !important;
    perspective-origin:50% 38% !important;
    transform-style:preserve-3d !important;
    overflow:visible !important;
  }
  .axian-future .feed-stream-column {
    transform:rotateY(1.35deg) translateZ(8px) !important;
    transform-origin:right center !important;
  }
  .axian-future .ax-context-a {
    transform:rotateY(-1.65deg) translateZ(5px) !important;
    transform-origin:left center !important;
  }
  .axian-future .ax-context-b {
    transform:rotateY(-2.25deg) translateZ(0) !important;
    transform-origin:left center !important;
  }
  .app.ax-app-shell > .ax-sidebar {
    transform:perspective(1500px) rotateY(2.15deg) translateZ(5px) !important;
    transform-origin:right center !important;
  }

  /* The profile grids use the same optical convergence as the Feed. */
  .axian-future .ax-profile-page,
  .axian-future .company-profile-page {
    perspective:1700px;
    perspective-origin:50% 40%;
    transform-style:preserve-3d;
  }
  .axian-future :is(.ax-profile-experience,.ax-profile-portfolio,.company-profile-content-grid,.company-profile-business,.company-profile-gallery) {
    transform:rotateY(1.15deg) translateZ(4px);
    transform-origin:right center;
  }
  .axian-future :is(.ax-profile-education,.ax-profile-certifications,.ax-profile-opportunities,.company-profile-opportunities,.company-profile-followers) {
    transform:rotateY(-1.35deg) translateZ(3px);
    transform-origin:left center;
  }
}

@media (max-width:1180px) {
  .axian-future .feed-stream-column,
  .axian-future .ax-context-a,
  .axian-future .ax-context-b,
  .app.ax-app-shell > .ax-sidebar,
  .axian-future :is(.ax-profile-experience,.ax-profile-portfolio,.ax-profile-education,.ax-profile-certifications,.ax-profile-opportunities,.company-profile-content-grid,.company-profile-business,.company-profile-gallery,.company-profile-opportunities,.company-profile-followers) {
    transform:none !important;
  }
}

/* PR #35 — approved depth backgrounds and directional crystal perimeter.
   Feed and profile deliberately use different photographed environments. The
   panels remain unpainted: only their beveled edge receives cool and warm
   refraction, matching the light source in each scene. */
body.axian-future {
  --ax-scene-image:url('../assets/backgrounds/axian-feed-twilight-background.png');
  --ax-scene-position:center center;
  background:
    linear-gradient(180deg,rgba(1,8,28,.08),rgba(1,9,27,.03) 43%,rgba(1,7,22,.14)),
    var(--ax-scene-image) var(--ax-scene-position) / cover fixed no-repeat !important;
}
body.axian-future:has(#view-perfil.active),
body.axian-future:has(#view-perfil-publico.active),
body.axian-future:has(#view-empresa.active) {
  --ax-scene-image:url('../assets/backgrounds/axian-profile-twilight-background.png');
  --ax-scene-position:center center;
  background:
    linear-gradient(180deg,rgba(1,7,24,.06),rgba(1,8,24,.015) 48%,rgba(1,6,20,.12)),
    var(--ax-scene-image) var(--ax-scene-position) / cover fixed no-repeat !important;
}

.axian-future .ax-future-panel,
.axian-future .ax-glass,
.axian-future .card,
.axian-future .feed-post-card,
.axian-future .modal,
.axian-future .global-search-results,
.axian-future .feed-composer.ax-composer,
.axian-future .ax-feed-composer,
.axian-future .ax-profile-title,
.axian-future .company-profile-title,
.axian-future .profile-score-summary,
.axian-future .company-profile-score,
.app.ax-app-shell,
.app.ax-app-shell > .ax-topbar,
.app.ax-app-shell > .ax-sidebar {
  --ax-edge-cool:rgba(238,249,255,.66);
  --ax-edge-soft:rgba(197,228,255,.20);
  --ax-edge-warm:rgba(255,189,103,.92);
  --ax-edge-warm-soft:rgba(255,219,164,.40);
  border-color:rgba(237,248,255,.38) !important;
  box-shadow:
    0 18px 40px rgba(0,8,28,.20),
    0 3px 9px rgba(0,5,20,.24),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(255,197,118,.10) !important;
}
.axian-future .ax-future-panel::before,
.axian-future .ax-glass::before,
.axian-future .card::before,
.axian-future .feed-post-card::before,
.axian-future .feed-composer.ax-composer::before,
.axian-future .ax-feed-composer::before,
.app.ax-app-shell::before,
.app.ax-app-shell > .ax-topbar::before,
.app.ax-app-shell > .ax-sidebar::before {
  background:linear-gradient(132deg,
    var(--ax-edge-warm) 0%,
    var(--ax-edge-warm-soft) 4.5%,
    var(--ax-edge-cool) 10%,
    var(--ax-edge-soft) 29%,
    rgba(255,255,255,.13) 49%,
    rgba(194,229,255,.28) 70%,
    var(--ax-edge-warm-soft) 91%,
    var(--ax-edge-warm) 97%,
    rgba(255,244,222,.95) 100%) !important;
  filter:drop-shadow(-1px -1px 2px rgba(255,194,104,.30))
         drop-shadow(1px 1px 3px rgba(255,181,81,.24));
}
.axian-future .ax-future-panel::after,
.axian-future .ax-glass::after,
.axian-future .card::after,
.axian-future .feed-post-card::after,
.axian-future .feed-composer.ax-composer::after,
.axian-future .ax-feed-composer::after {
  inset:-3px !important;
  top:-3px !important;
  right:-3px !important;
  left:-3px !important;
  height:auto !important;
  padding:3px !important;
  border-radius:inherit !important;
  background:linear-gradient(132deg,
    rgba(255,186,91,.90) 0%,
    rgba(255,202,125,.35) 5%,
    transparent 13%,
    transparent 84%,
    rgba(255,206,139,.32) 93%,
    rgba(255,176,73,.82) 100%) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  filter:blur(2.1px) !important;
  box-shadow:none !important;
  opacity:.78 !important;
}

/* The outer columns converge by less than one degree. This is enough to give
   the glass wall depth without distorting text, controls or hit targets. */
@media (min-width:1181px) {
  .axian-future .feed-layout {
    perspective:2400px;
    perspective-origin:50% 42%;
    transform-style:preserve-3d;
  }
  .axian-future .feed-stream-column {
    transform:rotateY(.22deg) translateZ(2px);
    transform-origin:right center;
  }
  .axian-future .ax-context-a {
    transform:rotateY(-.42deg) translateZ(1px);
    transform-origin:left center;
  }
  .axian-future .ax-context-b {
    transform:rotateY(-.68deg) translateZ(0);
    transform-origin:left center;
  }
  .app.ax-app-shell > .ax-sidebar {
    transform:perspective(2400px) rotateY(.40deg);
    transform-origin:right center;
  }

  /* Score professional: gauge and pillars share the same horizontal plate. */
  .axian-future .ax-profile-hero .profile-hero-main {
    grid-template-columns:110px minmax(0,1.3fr) minmax(430px,.98fr);
  }
  .axian-future .ax-profile-hero .profile-hero-main::before {
    inset:0 calc(38% + 10px) 0 0;
  }
  .axian-future .ax-profile-hero .profile-score-summary {
    display:grid;
    grid-template-columns:142px minmax(210px,1fr);
    grid-template-rows:auto 1fr auto;
    align-items:center;
    column-gap:20px;
    text-align:left !important;
  }
  .axian-future .ax-profile-hero .profile-score-summary::before {
    grid-column:1 / -1;
  }
  .axian-future .ax-profile-hero .profile-score-summary .ax-score-gauge {
    grid-column:1;
    grid-row:2 / span 2;
  }
  .axian-future .ax-profile-hero .profile-score-summary .ax-profile-score-pillars {
    grid-column:2;
    grid-row:2;
    width:100%;
  }
  .axian-future .ax-profile-hero .profile-score-summary .ax-profile-score-details {
    grid-column:2;
    grid-row:3;
  }
}

@media (max-width:768px) {
  body.axian-future,
  body.axian-future:has(#view-perfil.active),
  body.axian-future:has(#view-perfil-publico.active),
  body.axian-future:has(#view-empresa.active) {
    background-position:56% center !important;
    background-attachment:scroll !important;
  }
  .axian-future .feed-stream-column,
  .axian-future .ax-context-a,
  .axian-future .ax-context-b,
  .app.ax-app-shell > .ax-sidebar {
    transform:none !important;
  }
}

/* Keep the crystal edge bright while the daylight scene is visibly projected
   through every plate. The body is a restrained glass refraction, not a fill. */
.axian-future .ax-future-panel,
.axian-future .ax-glass,
.axian-future .card,
.axian-future .feed-post-card,
.axian-future .modal,
.axian-future .global-search-results,
.axian-future .feed-composer.ax-composer,
.axian-future .ax-feed-composer,
.axian-future .ax-profile-title,
.axian-future .company-profile-title,
.axian-future .profile-score-summary,
.axian-future .company-profile-score {
  background:
    linear-gradient(128deg,rgba(7,21,50,.045),rgba(15,35,69,.018) 42%,rgba(73,47,62,.028) 100%) padding-box,
    var(--ax-crystal-line) border-box !important;
  -webkit-backdrop-filter:blur(2px) saturate(103%) !important;
  backdrop-filter:blur(2px) saturate(103%) !important;
}
.axian-future .ax-future-panel::before,
.axian-future .ax-glass::before,
.axian-future .card::before,
.axian-future .feed-post-card::before {
  background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 20%,transparent 76%,rgba(255,204,165,.04)) !important;
  opacity:.46 !important;
}
.app.ax-app-shell {
  background:
    linear-gradient(126deg,rgba(7,22,51,.05),rgba(16,35,68,.018) 45%,rgba(76,47,61,.028)) padding-box,
    linear-gradient(126deg,rgba(255,255,255,.90),rgba(235,248,255,.35) 20%,rgba(255,255,255,.16) 54%,rgba(255,211,175,.62) 84%,rgba(255,255,255,.74)) border-box !important;
  -webkit-backdrop-filter:blur(8px) saturate(105%);
  backdrop-filter:blur(8px) saturate(105%);
}
.app.ax-app-shell>.ax-topbar,
.app.ax-app-shell>.ax-sidebar {
  background:
    linear-gradient(126deg,rgba(5,19,45,.065),rgba(16,35,65,.022) 48%,rgba(77,46,59,.035)) padding-box,
    var(--ax-crystal-line) border-box !important;
}

/* Pure glass: there is intentionally no painted colour inside Axian's main
   plates. Only the dimensional perimeter remains, so the background is seen
   through the content exactly as through a clear, beveled glass sheet. */
.axian-future .ax-future-panel,
.axian-future .ax-glass,
.axian-future .card,
.axian-future .feed-post-card,
.axian-future .modal,
.axian-future .global-search-results,
.axian-future .feed-composer.ax-composer,
.axian-future .ax-feed-composer,
.axian-future .ax-profile-title,
.axian-future .company-profile-title,
.axian-future .profile-score-summary,
.axian-future .company-profile-score {
  background:
    linear-gradient(transparent,transparent) padding-box,
    linear-gradient(128deg,
      rgba(255,255,255,.93) 0%,
      rgba(225,246,255,.42) 13%,
      rgba(255,255,255,.17) 48%,
      rgba(255,215,178,.58) 83%,
      rgba(255,255,255,.78) 100%) border-box !important;
  background-color:transparent !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:
    0 15px 34px rgba(5,18,44,.12),
    0 2px 7px rgba(0,8,26,.16),
    inset 0 1px 0 rgba(255,255,255,.64),
    inset 1px 0 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(255,226,201,.23),
    0 0 14px rgba(255,237,218,.16) !important;
}
.axian-future .ax-future-panel::before,
.axian-future .ax-glass::before,
.axian-future .card::before,
.axian-future .feed-post-card::before {
  background:transparent !important;
  border-color:rgba(255,255,255,.21) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(255,221,195,.10) !important;
  opacity:1 !important;
}
.app.ax-app-shell {
  background:
    linear-gradient(transparent,transparent) padding-box,
    linear-gradient(126deg,rgba(255,255,255,.96),rgba(235,248,255,.42) 20%,rgba(255,255,255,.16) 54%,rgba(255,211,175,.68) 84%,rgba(255,255,255,.80)) border-box !important;
  background-color:transparent !important;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.app.ax-app-shell>.ax-topbar,
.app.ax-app-shell>.ax-sidebar {
  background:
    linear-gradient(transparent,transparent) padding-box,
    linear-gradient(128deg,rgba(255,255,255,.88),rgba(230,248,255,.34) 18%,rgba(255,255,255,.14) 55%,rgba(255,213,178,.55) 85%,rgba(255,255,255,.72)) border-box !important;
  background-color:transparent !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.axian-future .ax-composer__input,
.axian-future .feed-composer .field-textarea,
.axian-future .field-input,
.axian-future .field-select,
.axian-future .field-textarea,
.axian-future .global-search-box {
  background-color:transparent !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.35) !important;
}

/* PR #35 — true border-only glass.
   The edge is painted by a masked pseudo-element; no gradient or colour is
   allowed to extend into the content box. */
.axian-future .ax-future-panel,
.axian-future .ax-glass,
.axian-future .card,
.axian-future .feed-post-card,
.axian-future .modal,
.axian-future .global-search-results,
.axian-future .feed-composer.ax-composer,
.axian-future .ax-feed-composer,
.axian-future .ax-profile-title,
.axian-future .company-profile-title,
.axian-future .profile-score-summary,
.axian-future .company-profile-score,
.app.ax-app-shell,
.app.ax-app-shell > .ax-topbar,
.app.ax-app-shell > .ax-sidebar {
  position:relative;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:1px solid rgba(238,249,255,.34) !important;
  border-radius:20px !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:
    0 12px 30px rgba(2,13,38,.16),
    0 2px 7px rgba(2,10,28,.18),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(179,220,255,.10) !important;
}
.axian-future .ax-future-panel::before,
.axian-future .ax-glass::before,
.axian-future .card::before,
.axian-future .feed-post-card::before,
.axian-future .feed-composer.ax-composer::before,
.axian-future .ax-feed-composer::before,
.app.ax-app-shell::before,
.app.ax-app-shell > .ax-topbar::before,
.app.ax-app-shell > .ax-sidebar::before {
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  z-index:4 !important;
  padding:1px !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:inherit !important;
  background:linear-gradient(128deg,
    rgba(255,255,255,.98) 0%,
    rgba(214,242,255,.54) 14%,
    rgba(255,255,255,.16) 42%,
    rgba(150,210,255,.28) 66%,
    rgba(255,215,180,.66) 86%,
    rgba(255,255,255,.88) 100%) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  box-shadow:none !important;
  opacity:1 !important;
}
.axian-future .ax-future-panel::after,
.axian-future .ax-glass::after,
.axian-future .card::after,
.axian-future .feed-post-card::after,
.axian-future .feed-composer.ax-composer::after,
.axian-future .ax-feed-composer::after {
  content:"" !important;
  position:absolute !important;
  top:1px !important;
  right:12% !important;
  left:8% !important;
  z-index:5 !important;
  height:1px !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),rgba(211,241,255,.40),transparent) !important;
  box-shadow:0 0 8px rgba(235,249,255,.48) !important;
  opacity:.90 !important;
}
.axian-future :is(.card,.feed-post-card,.ax-future-panel,.ax-glass,.ax-feed-composer) {
  text-shadow:0 1px 2px rgba(1,12,34,.72);
}
.app.ax-app-shell {
  border-radius:28px !important;
  box-shadow:0 22px 50px rgba(2,13,38,.14),inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.app.ax-app-shell::before {
  inset:-1px !important;
  border-radius:inherit !important;
}
.app.ax-app-shell > .ax-topbar,
.app.ax-app-shell > .ax-sidebar {
  border-radius:18px !important;
}
.axian-future .ax-profile-hero .profile-hero-main::before,
.axian-future .company-profile-main::before {
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
@media (max-width:768px) {
  .axian-future .ax-future-panel,
  .axian-future .ax-glass,
  .axian-future .card,
  .axian-future .feed-post-card,
  .axian-future .feed-composer.ax-composer,
  .axian-future .ax-feed-composer {
    border-radius:18px !important;
  }
}

/* Final scene routing and optical edge calibration. Kept last intentionally:
   the stylesheet contains compatibility passes for the legacy shell and these
   approved assets/refractions must win without changing any component API. */
body.axian-future {
  --ax-scene-image:url('../assets/backgrounds/axian-feed-twilight-background.png');
  background:
    linear-gradient(180deg,rgba(1,8,28,.08),rgba(1,9,27,.03) 43%,rgba(1,7,22,.14)),
    var(--ax-scene-image) center center / cover fixed no-repeat !important;
}
body.axian-future:has(#view-perfil.active),
body.axian-future:has(#view-perfil-publico.active),
body.axian-future:has(#view-empresa.active) {
  --ax-scene-image:url('../assets/backgrounds/axian-profile-twilight-background.png');
  background:
    linear-gradient(180deg,rgba(1,7,24,.06),rgba(1,8,24,.015) 48%,rgba(1,6,20,.12)),
    var(--ax-scene-image) center center / cover fixed no-repeat !important;
}

.axian-future .ax-future-panel,
.axian-future .ax-glass,
.axian-future .card,
.axian-future .feed-post-card,
.axian-future .modal,
.axian-future .global-search-results,
.axian-future .feed-composer.ax-composer,
.axian-future .ax-feed-composer,
.axian-future .ax-profile-title,
.axian-future .company-profile-title,
.axian-future .profile-score-summary,
.axian-future .company-profile-score,
.app.ax-app-shell,
.app.ax-app-shell > .ax-topbar,
.app.ax-app-shell > .ax-sidebar {
  --ax-edge-cool:rgba(238,249,255,.66);
  --ax-edge-soft:rgba(197,228,255,.20);
  --ax-edge-warm:rgba(255,189,103,.92);
  --ax-edge-warm-soft:rgba(255,219,164,.40);
  border-color:rgba(237,248,255,.38) !important;
  box-shadow:
    0 18px 40px rgba(0,8,28,.20),
    0 3px 9px rgba(0,5,20,.24),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(255,197,118,.10) !important;
}
.axian-future .ax-future-panel::before,
.axian-future .ax-glass::before,
.axian-future .card::before,
.axian-future .feed-post-card::before,
.axian-future .feed-composer.ax-composer::before,
.axian-future .ax-feed-composer::before,
.app.ax-app-shell::before,
.app.ax-app-shell > .ax-topbar::before,
.app.ax-app-shell > .ax-sidebar::before {
  background:linear-gradient(132deg,
    var(--ax-edge-warm) 0%,
    var(--ax-edge-warm-soft) 4.5%,
    var(--ax-edge-cool) 10%,
    var(--ax-edge-soft) 29%,
    rgba(255,255,255,.13) 49%,
    rgba(194,229,255,.28) 70%,
    var(--ax-edge-warm-soft) 91%,
    var(--ax-edge-warm) 97%,
    rgba(255,244,222,.95) 100%) !important;
  filter:drop-shadow(-1px -1px 2px rgba(255,194,104,.30))
         drop-shadow(1px 1px 3px rgba(255,181,81,.24)) !important;
}
.axian-future .ax-future-panel::after,
.axian-future .ax-glass::after,
.axian-future .card::after,
.axian-future .feed-post-card::after,
.axian-future .feed-composer.ax-composer::after,
.axian-future .ax-feed-composer::after {
  inset:-3px !important;
  top:-3px !important;
  right:-3px !important;
  left:-3px !important;
  height:auto !important;
  padding:3px !important;
  border-radius:inherit !important;
  background:linear-gradient(132deg,
    rgba(255,186,91,.90) 0%,
    rgba(255,202,125,.35) 5%,
    transparent 13%,
    transparent 84%,
    rgba(255,206,139,.32) 93%,
    rgba(255,176,73,.82) 100%) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  filter:blur(2.1px) !important;
  box-shadow:none !important;
  opacity:.78 !important;
}

@media (max-width:768px) {
  .axian-future .desktop-topbar.ax-topbar {
    display:contents !important;
  }
  .axian-future .desktop-topbar.ax-topbar::before,
  .axian-future .desktop-topbar.ax-topbar::after {
    display:none !important;
  }
  .axian-future .desktop-topbar.ax-topbar > :not(.global-search) {
    display:none !important;
  }
  .axian-future .desktop-topbar.ax-topbar > .global-search {
    position:fixed !important;
    top:64px !important;
    right:12px !important;
    left:12px !important;
    z-index:49 !important;
    width:auto !important;
    max-width:calc(100vw - 24px) !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .axian-future .desktop-topbar.ax-topbar > .global-search .global-search-box,
  .axian-future .desktop-topbar.ax-topbar > .global-search .global-search-results {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .axian-future .desktop-topbar.ax-topbar > .global-search.hidden {
    display:none !important;
  }
  .axian-future .main {
    padding-top:126px !important;
  }
  body.axian-future {
    background-position:56% center !important;
    background-attachment:scroll !important;
  }
  body.axian-future:has(#view-perfil.active),
  body.axian-future:has(#view-perfil-publico.active),
  body.axian-future:has(#view-empresa.active) {
    background-position:50% center !important;
  }
  .axian-future .ax-profile-hero .profile-hero-main {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    gap:14px !important;
    width:100% !important;
    min-width:0 !important;
  }
  .axian-future .ax-profile-hero .profile-hero-main > div:first-child {
    flex:0 0 96px !important;
  }
  .axian-future .ax-profile-hero .profile-hero-info {
    flex:1 1 calc(100% - 110px) !important;
    min-width:0 !important;
  }
  .axian-future .ax-profile-hero .profile-score-summary {
    display:block !important;
    flex:0 0 100% !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:14px 0 0 !important;
    padding:18px 14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-align:center !important;
  }
  .axian-future .ax-profile-hero .profile-score-summary .ax-score-gauge {
    --size:112px !important;
    margin:14px auto 16px !important;
  }
  .axian-future .ax-profile-hero .profile-score-summary .ax-profile-score-pillars {
    width:100% !important;
    margin-top:8px !important;
  }
  .axian-future .ax-profile-hero .profile-score-summary .ax-profile-score-pillars span {
    grid-template-columns:minmax(68px,.78fr) minmax(88px,1.22fr) 30px !important;
    gap:6px !important;
  }
  .axian-future .ax-profile-hero .profile-actions {
    flex:0 0 100% !important;
    width:100% !important;
    margin:0 !important;
  }
}

/* Final reference match: these optical rules intentionally close the file so
   no legacy compatibility layer can flatten the perspective or warm corners. */
.axian-future .ax-future-panel::before,
.axian-future .ax-glass::before,
.axian-future .card::before,
.axian-future .feed-post-card::before,
.axian-future .feed-composer.ax-composer::before,
.axian-future .ax-feed-composer::before,
.app.ax-app-shell::before,
.app.ax-app-shell > .ax-topbar::before,
.app.ax-app-shell > .ax-sidebar::before {
  background:
    conic-gradient(from 0deg at 50% 50%,
      rgba(255,221,149,.96) 0deg,
      rgba(255,173,45,1) 12deg,
      rgba(239,249,255,.78) 34deg,
      rgba(197,228,255,.26) 103deg,
      rgba(255,188,68,.98) 130deg,
      rgba(255,236,187,1) 145deg,
      rgba(208,236,255,.34) 166deg,
      rgba(244,251,255,.86) 211deg,
      rgba(255,193,78,.98) 222deg,
      rgba(255,228,169,.92) 239deg,
      rgba(199,231,255,.28) 263deg,
      rgba(240,250,255,.82) 302deg,
      rgba(255,181,52,1) 322deg,
      rgba(255,232,178,.98) 342deg,
      rgba(255,221,149,.96) 360deg),
    linear-gradient(132deg,rgba(244,251,255,.96),rgba(194,229,255,.24) 38%,rgba(255,255,255,.14) 61%,rgba(248,252,255,.90)) !important;
  filter:drop-shadow(-2px -2px 2px rgba(255,210,125,.76)) drop-shadow(2px 2px 4px rgba(255,148,18,.68)) !important;
}
.axian-future .ax-future-panel::after,
.axian-future .ax-glass::after,
.axian-future .card::after,
.axian-future .feed-post-card::after,
.axian-future .feed-composer.ax-composer::after,
.axian-future .ax-feed-composer::after,
.app.ax-app-shell > .ax-topbar::after,
.app.ax-app-shell > .ax-sidebar::after {
  inset:-1px !important;
  top:-1px !important;
  right:-1px !important;
  bottom:-1px !important;
  left:-1px !important;
  height:auto !important;
  padding:0 !important;
  border-radius:inherit !important;
  background:none !important;
  -webkit-mask:none !important;
  mask:none !important;
  border:1px solid transparent !important;
  border-top-color:rgba(255,224,153,.98) !important;
  border-left-color:rgba(255,166,24,.94) !important;
  filter:drop-shadow(-1px -1px 3px rgba(255,151,10,.98)) !important;
  box-shadow:none !important;
  opacity:1 !important;
}

/* The illuminated edge always faces the optical vanishing point. */
.axian-future .ax-context-a :is(.ax-future-panel,.ax-glass,.card,.feed-post-card)::after,
.axian-future .ax-context-b :is(.ax-future-panel,.ax-glass,.card,.feed-post-card)::after,
.axian-future .ax-profile-page :is(.ax-profile-education,.ax-profile-certifications,.ax-profile-opportunities)::after,
.axian-future .company-profile-page :is(.company-profile-opportunities,.company-profile-followers)::after {
  border-color:transparent !important;
  border-top-color:rgba(255,224,153,.98) !important;
  border-right-color:rgba(255,166,24,.94) !important;
  filter:drop-shadow(1px -1px 3px rgba(255,151,10,.98)) !important;
}

@media (min-width:1181px) {
  .axian-future .feed-layout {
    perspective:1260px !important;
    perspective-origin:50% 42% !important;
    transform-style:preserve-3d !important;
    overflow:visible !important;
  }
  .axian-future .feed-stream-column {
    transform:rotateY(2.45deg) translateZ(10px) !important;
    transform-origin:right center !important;
    filter:drop-shadow(14px 18px 24px rgba(0,4,22,.20)) !important;
  }
  .axian-future .ax-context-a {
    transform:rotateY(-2.65deg) translateZ(7px) !important;
    transform-origin:left center !important;
    filter:drop-shadow(-10px 18px 22px rgba(0,4,22,.18)) !important;
  }
  .axian-future .ax-context-b {
    transform:rotateY(-3.15deg) translateZ(2px) !important;
    transform-origin:left center !important;
    filter:drop-shadow(-16px 20px 26px rgba(0,4,22,.22)) !important;
  }
  .app.ax-app-shell > .ax-sidebar {
    transform:perspective(1260px) rotateY(3.1deg) translateZ(7px) !important;
    transform-origin:right center !important;
  }
  .axian-future .ax-profile-page,
  .axian-future .company-profile-page {
    perspective:1240px;
    perspective-origin:50% 40%;
    transform-style:preserve-3d;
  }
  .axian-future :is(.ax-profile-experience,.ax-profile-portfolio,.company-profile-content-grid,.company-profile-business,.company-profile-gallery) {
    transform:rotateY(2.8deg) translateZ(8px);
    transform-origin:right center;
  }
  .axian-future :is(.ax-profile-education,.ax-profile-certifications,.ax-profile-opportunities,.company-profile-opportunities,.company-profile-followers) {
    transform:rotateY(-3.1deg) translateZ(6px);
    transform-origin:left center;
  }
}

@media (max-width:1180px) {
  .axian-future .feed-stream-column,
  .axian-future .ax-context-a,
  .axian-future .ax-context-b,
  .app.ax-app-shell > .ax-sidebar,
  .axian-future :is(.ax-profile-experience,.ax-profile-portfolio,.ax-profile-education,.ax-profile-certifications,.ax-profile-opportunities,.company-profile-content-grid,.company-profile-business,.company-profile-gallery,.company-profile-opportunities,.company-profile-followers) {
    transform:none !important;
  }
}