/* Identidade Ô Recruta: Poppins, área clara e navegação cinza escuro. */
@font-face{font-family:Poppins;src:url('assets/Poppins-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/Poppins-SemiBold.ttf') format('truetype');font-style:normal;font-weight:500 900;font-display:swap}
:root{--f-body:Poppins,sans-serif;--f-head:Poppins,sans-serif;--ink:#111;--ink2:#333;--bg:#fff;--card:#fff;--line:#ddd;--line2:#e8e8e8;--muted:#626262;--muted2:#777;--side:#262626;--side-ink:#fff;--gold:#fff;--gold-soft:#eee;--copper:#111;--copper-d:#333;--copper-soft:#f1f1f1;--gray-bg:#f3f3f3;--r:2px;--shadow:none;color-scheme:light}
body,body *{font-family:Poppins,sans-serif!important}
.logo .txt{font-family:var(--f-logo)!important}
body,.main{background:#fff;color:#111}
body{word-spacing:normal}
h1,h2,h3,h4{font-weight:600;letter-spacing:0}
.top{border-bottom:1px solid #ccc;padding-bottom:22px;margin-bottom:22px}
.top h1{font-size:27px;font-weight:600}
.side{background:#262626;color:#fff;border-right:1px solid #444;color-scheme:dark}
.side .muted,.side .small,.side .hint,.side label,.side .brand{color:#ddd}
.side a{color:#fff}.side .nav a.on{background:#fff;color:#262626}.side .nav a:hover{background:#393939;color:#fff}.side .nav a.on:hover{background:#eee;color:#262626}
.side .btn,.side .inp{background:#333;color:#fff;border-color:#555}.side .side-foot{border-color:#444}
a,.empty a,.crumb>a{color:#111}.crumb>a:hover{background:#eee}
.btn{background:white;border:1px solid #bbb;color:#111;border-radius:3px}.btn:hover{background:#f5f5f5;border-color:#555}
.btn.primary,.btn.dark{background:#111;border-color:#111;color:white}.btn.primary:hover,.btn.dark:hover{background:#333;color:white}
.btn.ghost{background:transparent}.btn.ghost:hover{background:#f3f3f3}
.inp,select.inp,textarea.inp{background:white;color:#111;border-color:#ccc;border-radius:2px}.inp::placeholder{color:#777}.inp:focus{border-color:#111;box-shadow:0 0 0 2px #eee}.inp[disabled],.inp[readonly]{background:#f3f3f3;color:#666}select.inp option{background:white;color:#111}
.card,.ce-card{background:white;color:#111;border:0;border-top:1px solid #ccc;border-left:1px solid #ddd;border-radius:0;box-shadow:none;padding:20px 22px}
.grid>.card+.card,.ce-grid>.ce-card+.ce-card{border-left:1px solid #ccc}
.tbl-wrap,.tbl th,.ce-table th{background:#f5f5f5}.tbl td,.tbl th,.ce-table td,.ce-table th{border-bottom:1px solid #ddd;border-right:1px solid #e3e3e3}.tbl tbody tr:hover{background:#fafafa}.tbl tr.sel{background:#eee}
.empty,.drop,.comment,.comment.vs,.blkcard,.home-card,.vaga,.cand,.demo-banner{background:#fafafa;color:#111;border-color:#ddd;border-radius:2px}.empty b,.drop.big b,.demo-banner b{color:#111}.drop:hover,.drop.over,.vaga.on,.cand.on{background:#eee;border-color:#555}
.modal,.pop,.drawer{background:white;color:#111;border-color:#ccc}.modal .foot,.drawer .foot{background:#fafafa;border-color:#ddd}
.seg{background:#f3f3f3}.seg button{color:#444}.seg button.on,.tabs button.on{background:#111;color:#fff}.tabs.line button.on,.tabs.line.sub button.on{color:#111;border-bottom-color:#111;background:transparent}.tabs.line.sub button.on .cnt{background:#111;color:white}
.rate button.on{background:#eee;border-color:#111}.step.cur .t{color:#111}.step.done .n,.step.cur .n{background:#111;color:white;border-color:#111}
.bd{background:#eee;color:#333}.bd.green{background:#edf7f0;color:#215536}.bd.amber{background:#fff6e6;color:#73520b}.bd.red{background:#fbeeed;color:#8b2e28}.bd.blue{background:#edf2fa;color:#254573}.bd.purple{background:#f2edf8;color:#574071}.bd.copper{background:#eee;color:#333}
.avatar{background:#111;color:white;border-color:#333}.bulk{background:#111;color:white}.bulk .btn{background:white;color:#111}.viewas{background:#f2f2f2;color:#333}.bell .dot{background:#111;color:white}.toast{background:#111;color:white}
.ce-muted{color:#626262}.ce-status{color:#333}.ce-danger{color:#9a2929}.ce-note{background:#fafafa;border-left:2px solid #222;border-top:1px solid #ddd;border-radius:0;color:#111}.ce-person{background:white;color:#111;border:0;border-bottom:1px solid #ddd;border-radius:0}.ce-person.active{background:#f3f3f3;border-left:3px solid #111}
.ce-split>aside{border-right:1px solid #ddd;padding-right:16px}.ce-tabs{border-color:#ccc}.ce-tabs button{border-color:#ccc;border-radius:2px}.ce-tabs button.active{background:#111;color:white}.ce-choice{border-color:#ccc;border-radius:2px}.ce-choice:has(input:checked){background:#eee;border-color:#111}.ce-choice input{accent-color:#111}.ce-track{background:#eee}.ce-track i{background:#333}.ce input:focus,.ce button:focus,.ce select:focus,.ce textarea:focus{outline-color:#333}.ce-pill{border-color:#ccc;border-radius:2px}
.ce-chartgrid>div+div{border-left:1px solid #ddd;padding-left:20px}.ce-kpis>.ce-card{border-left:1px solid #ddd}.ce-report-preview{border-color:#ccc}
.login{background:#262626;color:white;color-scheme:dark}.login h2,.login label,.login .lb,.login .muted,.login .hint,.login p,.login a,.login .err{color:white}.login .inp{background:#1f1f1f;border-color:#555;color:white}.login .inp::placeholder{color:white;opacity:.75}.login .btn{background:#111;color:white;border:1px solid #555}.login .btn:hover{background:#333}.login .logo{color:white}
.main:has(.home){background:#262626;color:white;--ink:#fff;--ink2:#eee;--muted:#ddd;--muted2:#bbb}.main:has(.home) .top{border-color:#444}.home,.home p,.home span,.home-hint,.home-tag{color:white}.home .home-card{background:#303030;color:white;border-color:#555}.home .btn{background:#333;color:white;border-color:#555}
::selection{background:#ddd;color:#111}
@media(max-width:850px){.ce-split>aside{border-right:0;border-bottom:1px solid #ddd;padding-bottom:12px;padding-right:0}.card,.ce-card{padding:16px}.top h1{font-size:23px}}
body{font-weight:400}p,td,.ce-muted,.hint,.small{font-weight:400}

/* Decisão em primeiro plano; detalhes sob demanda. */
.ce-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #111}.ce-decision-grid>div{padding:16px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;min-width:0}.ce-decision-grid h4{margin:0 0 8px}.ce-fold{margin:12px 0;border-top:1px solid #ccc;border-left:1px solid #ddd;background:#fff}.ce-fold>summary{padding:16px 20px;cursor:pointer;font-weight:600}.ce-fold-body{padding:8px 20px 20px}.ce-fold-body>.ce-card{margin:0}.ce-roadmap{border-top:1px solid #ddd;padding:12px 0}.ce-roadmap h4{margin:0 0 8px}@media(max-width:700px){.ce-decision-grid{grid-template-columns:1fr}.ce-fold-body{padding:8px 12px 16px}}

/* Colunas proporcionais; tabelas densas mantêm largura para leitura. */
.ce-table table{table-layout:fixed}.ce-table td,.ce-table th{overflow-wrap:anywhere}.ce-table table:has(th:nth-child(7)){table-layout:auto;min-width:1000px}.ce-numgrid{gap:16px}.ce input[readonly]{background:#f5f5f5;color:#111;cursor:default}

/* Cabeçalho comercial compacto: controles no menu lateral. */
.ce-active .main>.top{display:none}
.ce-active .main>#screen{margin-top:0}
.ce-active .main{padding-top:16px}
.side-utilities:empty{display:none}
.side-utilities{margin-top:16px;border-top:1px solid #444;padding-top:14px}
.side-utilities>.top-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:12px;align-items:center}
.side-utilities .cli-sel{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:6px}
.side-utilities .cli-sel>span{color:#ddd;font-size:12px}
.side-utilities .proj-sel{width:100%;min-width:0;max-width:100%;background:#333;color:#fff;border-color:#555}
.side-utilities .savestate{grid-column:1/-1;color:#ddd;font-size:11px}
.side-utilities .user{color:#fff;max-width:100%;gap:8px}
.side-utilities .user b{font-size:12px;color:#fff}
.side-utilities .user span span{color:#ccc;font-size:11px}
.side-utilities .avatar{background:#111;color:#fff;flex-shrink:0}
.side-utilities .bell{color:#fff;background:transparent}
.side-utilities .pop{position:fixed;left:18px;bottom:170px;top:auto;right:auto;max-width:calc(100vw - 36px);width:300px;max-height:60vh;overflow-y:auto;z-index:150;color:#111}
.side-utilities .pop b,.side-utilities .pop span{color:#111}
.ce-active .side .nav{overflow-y:auto;min-height:0}
.ce-mobile-menu{display:none}
@media(max-width:850px){.ce-mobile-menu{display:inline-flex;margin-bottom:10px}.ce-active .main{padding-top:12px}}

.side-utilities>.top-row>div:nth-last-child(2){grid-column:2;grid-row:3}
.side-utilities>.top-row>div:last-child{grid-column:1;grid-row:3;min-width:0}

/* Controles laterais em todas as áreas do sistema. */
.main.compact-header{padding-top:16px}
.main.compact-header>.top{padding-bottom:10px;margin-bottom:10px;border-bottom:0;min-height:0;justify-content:flex-end}
.main.compact-header>.top:not(:has(.top-row)):not(:has(.ce-mobile-menu)){display:none}
.main.compact-header>#screen{margin-top:0}
@media(min-width:851px){.main.compact-header>.top:not(:has(.top-row)){display:none}}
@media(max-width:850px){.main.compact-header>.top{justify-content:space-between}.main.compact-header{padding-top:12px}}

/* V39: menu compacto, metade da largura original. */
@media(min-width:851px){.app{grid-template-columns:144px minmax(0,1fr)}}
.side{padding:18px 8px 16px}
.side .nav a{font-size:10px!important;font-weight:600;line-height:1.5;padding:10px 7px;gap:4px;white-space:nowrap}
.side .nav a>svg,.side .nav a>.badge{display:none}
.side .nav a span{font-size:10px!important}
.side-utilities .savestate{display:none}
.side-utilities{padding-top:10px;margin-top:12px}
.side-utilities>.top-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:8px 4px}
.side-utilities .side-company-control{grid-column:1!important;grid-row:1!important;min-width:0}
.side-utilities .side-company-control>span{display:none}
.side-utilities .proj-sel{font-size:10px;height:30px;padding:4px;min-width:0;border-radius:3px}
.side-utilities .side-bell-control{grid-column:2!important;grid-row:1!important}
.side-utilities .bell{width:24px;height:30px;padding:3px}
.side-utilities .bell svg{width:17px;height:17px}
.side-utilities .bell .dot{font-size:8px;min-width:12px;height:12px}
.side-utilities .side-user-control{grid-column:1/-1!important;grid-row:2!important}
.side-utilities .user{width:100%;padding:6px 4px;justify-content:flex-start}
.side-utilities .user .avatar,.side-utilities .user span span{display:none}
.side-utilities .user b{font-size:10px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:112px}
.side-utilities .side-area-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.side-utilities .side-area-actions .btn{font-size:10px;line-height:1.5;padding:6px 4px;min-height:30px;width:100%;background:#333;border-color:#555;color:#fff;white-space:normal}
.side-utilities .side-area-actions .btn svg{display:none}
.side .side-foot{margin-top:10px;padding-top:12px}
.side .side-foot img{max-width:60px;max-height:80px}
.side-utilities .pop{left:150px;bottom:20px;font-size:12px}
@media(max-width:850px){.side{width:144px}.side-utilities .pop{left:150px;width:min(280px,calc(100vw - 158px))}}

.user .user-photo{object-fit:cover;object-position:50% 25%;border-radius:50%}
.side-utilities .user .user-photo{display:block;width:28px;height:28px;min-width:28px;border:1px solid #555;margin-right:3px}
.side-utilities .user{gap:4px}
.side-utilities .user:has(.user-photo) b{max-width:82px}

/* Retira a rolagem vertical indevida da faixa de abas. */
.tabs,.tabs.line,.tabs.line.sub{overflow-y:hidden;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none;width:0;height:0}
.tabs.line button{margin-bottom:0}

/* V42: de baixo para cima, usuário, empresa/sino e ações. */
.side-utilities{display:flex;flex-direction:column}
.side-utilities>.side-area-actions{order:-1;margin-top:0;margin-bottom:8px}

/* V43: menu preto, letras e símbolo em cinza. */
.side{background:#000;color:#aaa;--side:#000;--side-ink:#aaa;border-right:1px solid #222;font-family:Poppins,sans-serif}
.side .nav a,.side .nav a span{color:#aaa;font-family:Poppins,sans-serif!important;font-weight:400}
.side .nav a:hover{background:#171717;color:#ccc}
.side .nav a.on,.side .nav a.on:hover{background:#202020;color:#bbb}
.side .side-utilities,.side .side-foot{background:#000;border-color:#262626}
.side .side-utilities .proj-sel,.side .side-utilities .side-area-actions .btn{background:#000;color:#aaa;border-color:#333;font-weight:400}
.side .side-utilities .proj-sel option{background:#000;color:#aaa}
.side .side-utilities .user,.side .side-utilities .user b,.side .side-utilities .bell{color:#aaa;font-weight:400}
.side .side-utilities .user:hover,.side .side-utilities .side-area-actions .btn:hover{background:#171717;color:#ccc}
.side .side-foot img,.side .side-foot svg{filter:brightness(.65)}
.side .side-foot{color:#aaa}

/* V44: botões laterais com cantos retos, como Visão geral. */
.side .nav a,.side .side-utilities .btn,.side .side-utilities .proj-sel,.side .side-utilities .user,.side .side-utilities .bell{border-radius:0!important}
.side .nav a{border:1px solid transparent}
.side .nav a.on,.side .nav a.on:hover{background:#111;border-color:#444;color:#bbb}

/* V45: entrada e acesso em preto e cinza. */
.login,.main:has(.home),.home{background:#000;color:#aaa;--ink:#aaa;--ink2:#aaa;--muted:#aaa;--muted2:#aaa}
.login h2,.login label,.login .lb,.login .muted,.login .hint,.login p,.login a,.login .err,.home,.home p,.home span,.home-hint,.home-tag{color:#aaa}
.login .logo,.login .logo .txt{color:#aaa}
.login .vsrs-logo,.home .home-logo{filter:brightness(.65)}
.login .inp,.login .btn,.home .btn{background:#000;border-color:#333;color:#aaa;border-radius:0}
.login .inp::placeholder{color:#aaa;opacity:1}
.login .btn:hover,.home .btn:hover{background:#171717;color:#ccc}
.home .home-card{background:#000;color:#aaa;border-color:#333;border-radius:0}
.home .home-card h2,.home .home-card h3,.home .home-card b,.home .home-card svg{color:#aaa}
.main:has(.home) .top{border-color:#262626;color:#aaa}
.main:has(.home) .top .user,.main:has(.home) .top .user b,.main:has(.home) .top .bell{color:#aaa}

/* V47: controles abertos, com base fina e realce lateral sem deslocamento. */
:where(.main,.login) :is(.btn,.tabs button,.seg button,.ce-tabs button,.ce-person,.ce-choice,select,.home-card){
 border:0!important;border-bottom:1px solid #ccc!important;border-radius:0!important;
 box-shadow:none;background:transparent;color:inherit;
}
:where(.main,.login) :is(.btn,.tabs button,.seg button,.ce-tabs button,.ce-person,.ce-choice,select,.home-card):is(:hover,:focus-visible){
 box-shadow:inset 3px 0 0 #111;background:#f3f3f3;color:#111;
}
.main :is(.btn.primary,.btn.dark,.tabs button.on,.seg button.on,.ce-tabs button.active,.ce-person.active),
.main .ce-choice:has(input:checked){background:#f3f3f3;color:#111;box-shadow:inset 3px 0 0 #111}
.ce-tabs button.active::before,.ce-steps .btn.primary::before{content:none!important}
.ce-choice{position:relative}
.ce-choice input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.ce-choice:has(input:focus-visible){outline:2px solid #777;outline-offset:2px;box-shadow:inset 3px 0 0 #111}
.side :is(.nav a,.btn,.proj-sel,.user,.bell){border:0!important;border-bottom:1px solid #444!important;border-radius:0!important;box-shadow:none;background:#000;color:#aaa}
.side :is(.nav a,.btn,.proj-sel,.user,.bell):is(:hover,:focus-visible),.side .nav a.on,.side .nav a.on:hover{
 box-shadow:inset 3px 0 0 #aaa;background:#111;color:#bbb;
}
.login :is(.btn,select),.home :is(.btn,.home-card){border-bottom-color:#444!important;background:#000;color:#aaa}
.login :is(.btn,select):is(:hover,:focus-visible),.home :is(.btn,.home-card):is(:hover,:focus-visible){background:#111;color:#bbb;box-shadow:inset 3px 0 0 #aaa}

/* V48: seleção persistente nas áreas claras; grupos sem fundo compartilhado. */
:is(.main:not(:has(.home)),.modal,.drawer,.pop) :is(.tabs,.seg){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
:is(.main:not(:has(.home)),.modal,.drawer,.pop) :is(.btn,.tabs button,.seg button,.ce-tabs button,.ce-person,.ce-choice,.vaga,.cand,.rate button,.pager .pages button,select){
 border:0!important;border-bottom:1px solid #ccc!important;border-radius:0!important;
 background:#fff!important;color:#111!important;box-shadow:none!important;
}
:is(.main:not(:has(.home)),.modal,.drawer,.pop) :is(.btn,.tabs button,.seg button,.ce-tabs button,.ce-person,.ce-choice,.vaga,.cand,.rate button,.pager .pages button,select):is(:hover,:focus-visible){
 background:#f3f3f3!important;box-shadow:inset 3px 0 0 #111!important;
}
:is(.main:not(:has(.home)),.modal,.drawer,.pop) :is(.btn.on,.tabs button.on,.seg button.on,.ce-tabs button.active,.ce-steps .btn.primary,.ce-person.active,.vaga.on,.cand.on,.rate button.on,.pager .pages button.on,[aria-selected="true"],[aria-pressed="true"]),
:is(.main:not(:has(.home)),.modal,.drawer,.pop) .ce-choice:has(input:checked){
 background:#f3f3f3!important;color:#111!important;box-shadow:inset 3px 0 0 #111!important;
}
.main .ce-choice:has(input:focus-visible){box-shadow:inset 3px 0 0 #111!important}

:is(.main:not(:has(.home)),.modal,.drawer,.pop) select:has(option:checked:not([value=""])){background:#f3f3f3!important;box-shadow:inset 3px 0 0 #111!important}

/* V49: campos de texto com o mesmo padrão; preenchimento preserva o cinza. */
:is(.main:not(:has(.home)),.modal,.drawer) :is(input.inp:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea.inp){border:0!important;border-bottom:1px solid #ccc!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#111}
:is(.main:not(:has(.home)),.modal,.drawer) :is(input.inp:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea.inp):is(:hover,:focus,[data-field-filled]){background:#f3f3f3!important;box-shadow:inset 3px 0 0 #111!important}

/* V51: entrada dimensionada pela altura disponível, sem recortar controles. */
.main:has(.home){box-sizing:border-box;min-height:100dvh;display:flex;flex-direction:column;padding:16px 30px 20px}
.main:has(.home)>.top{flex:none;margin-bottom:0;padding-bottom:12px}
.main:has(.home)>.home{flex:1;min-height:0;padding:20px 0;gap:0}
.home .home-logo{width:min(460px,70vw);max-height:30dvh;object-fit:contain}
.home .home-tag{font-size:clamp(19px,3.5dvh,30px);margin:20px 0 0}
.home .home-actions{margin-top:24px;gap:16px}
.home .home-list{margin-top:10px}
.home .home-card{padding:10px 16px}
@media(max-height:700px){.main:has(.home){padding-top:10px;padding-bottom:10px}.main:has(.home)>.home{padding:12px 0}.home .home-logo{max-height:25dvh}.home .home-tag{margin-top:12px}.home .home-actions{margin-top:16px;gap:12px}.home .home-card{padding:8px 12px}.home .home-btns .btn{padding:8px 12px}}
@media(max-width:850px){.main:has(.home){padding-left:16px;padding-right:16px}.home .home-list{max-width:calc(100vw - 32px)}.home .home-card{min-width:0;max-width:100%}.home .home-btns{flex-wrap:wrap;justify-content:center}}

/* V53: Matrix reaproveita os controles e a identidade existentes. */
.mx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mx-bar{display:grid;grid-template-columns:minmax(0,1fr) 65px 34px;gap:7px;align-items:center;margin:10px 0;font-size:12px}.mx-bar b{text-align:right}.mx-grid .ce-card{padding:16px}.mx-grid h4{margin-top:22px}@media(max-width:1200px){.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.mx-grid{grid-template-columns:1fr}}

/* V54: empresa/sino, logo e usuário, nesta ordem no rodapé lateral. */
.side-utilities .side-foot{grid-column:1/-1;grid-row:2;justify-self:stretch;text-align:center;margin:0;padding:12px 0;border:0;border-bottom:1px solid #262626}
.side-utilities .side-user-control{grid-row:3!important}

/* V55: menu mais largo; logo centralizado acima da empresa. */
@media(min-width:851px){.app{grid-template-columns:184px minmax(0,1fr)}}
.side{box-sizing:border-box;height:100dvh;overflow-x:hidden}
.side .nav,.ce-active .side .nav{overflow:visible;min-height:0}
.side .nav a,.side .nav a span{font-size:11px!important}
.side-utilities{min-width:0}
.side-utilities .side-foot{grid-column:1/-1!important;grid-row:1!important;min-width:0;width:100%;box-sizing:border-box;justify-self:stretch;padding:12px 0}
.side-utilities .side-foot .vsrs-logo{width:60px!important;height:auto!important;max-width:60px;max-height:80px;object-fit:contain;display:block;margin:0 auto}
.side-utilities .side-company-control,.side-utilities .side-bell-control{grid-row:2!important}
.side-utilities .side-user-control{grid-column:1/-1!important;grid-row:3!important}
.side-utilities .pop{left:190px}
@media(max-width:850px){.side{width:184px}.side-utilities .pop{left:190px;width:min(280px,calc(100vw - 198px))}}

/* V56: logo, ações, empresa/sino e usuário. */
.side-utilities>.side-foot{order:-2;margin:0 0 8px;padding:8px 0 12px}
.side-utilities .side-company-control,.side-utilities .side-bell-control{grid-row:1!important}
.side-utilities .side-user-control{grid-row:2!important}

/* V57: cenário, navegação e pessoa em uma única faixa. */
.mx-toolbar{display:flex;align-items:flex-end;justify-content:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:14px}.mx-toolbar>label:first-child{min-width:180px;max-width:420px}.mx-toolbar>label:first-child select{max-width:100%}.mx-toolbar .mx-view-tabs{order:1;margin:0;padding:0;border:0;flex-wrap:nowrap}.mx-toolbar .mx-person-select{order:2;margin-left:auto}.mx-toolbar label select{display:block;margin-top:4px}.mx-header .ce-card{padding:12px 16px;margin-bottom:12px}.mx-header .ce-card h2,.mx-header .ce-card h3{margin-bottom:6px}.mx-header .ce-card p{margin:6px 0;line-height:1.4}@media(max-width:850px){.mx-toolbar{gap:10px}.mx-toolbar .mx-person-select{margin-left:0}.mx-toolbar .mx-view-tabs{flex-wrap:wrap}}

/* V58: Pessoa → Cenário → Cargo → Atividades. */
.mx-toolbar-v58{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.6fr) minmax(160px,1fr) auto;align-items:end;gap:14px}.mx-toolbar-v58 label{min-width:0;max-width:none!important}.mx-toolbar-v58 select{width:100%;min-width:0}.mx-toolbar-v58 .btn{margin:0}.mx-activity-editor{padding:16px 0;border-bottom:1px solid #ddd}.mx-activity-heading{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.mx-activity-heading label{flex:1;min-width:180px}.mx-activity-heading select{display:block;width:100%;margin-top:6px}@media(max-width:1100px){.mx-toolbar-v58{grid-template-columns:1fr 1fr}}@media(max-width:650px){.mx-toolbar-v58{grid-template-columns:1fr}}

/* V59: ranking visual antes dos fundamentos. */
.mx-activity-ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.mx-ranked-row{display:grid;grid-template-columns:24px minmax(0,1fr) 80px 42px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e5e5e5;font-size:13px}.mx-ranked-row b{text-align:right}.mx-ranked-row .ce-track{height:9px}.mx-activity-ranking .mx-ranked-row:nth-child(even){border-left:1px solid #ddd;padding-left:18px}@media(max-width:900px){.mx-activity-ranking{grid-template-columns:1fr}.mx-activity-ranking .mx-ranked-row:nth-child(even){border-left:0;padding-left:0}}

/* V60: logo lateral em dobro e sem divisor acima. */
.side-utilities{border-top:0;padding-top:0}
.side-utilities>.side-foot{border-top:0!important}
.side-utilities .side-foot .vsrs-logo{width:120px!important;height:auto!important;max-width:120px;max-height:160px}

/* V61: marca horizontal enviada, preto e cinza no menu. */
.side-utilities .side-foot .vsrs-logo{width:152px!important;max-width:100%!important;height:auto!important;max-height:90px;object-fit:contain;filter:contrast(8) brightness(.65);background:#000}

/* V63: seletor em fluxo; abrir expande o rodapé e eleva o logo. */
.side-company-control #projSel[hidden]{display:none!important}
.side-company-box{width:100%;color:#aaa;background:#000;font-size:11px}
.side-company-box summary{cursor:pointer;list-style:none;padding:9px 6px;border-bottom:1px solid #555;border-left:3px solid #777}
.side-company-box summary::-webkit-details-marker{display:none}
.side-company-box summary:after{content:'⌄';float:right}
.side-company-box[open] summary:after{content:'⌃'}
.side-company-options{max-height:180px;overflow:auto}
.side-company-options button{display:block;width:100%;text-align:left;color:#aaa;background:#000;border:0;border-bottom:1px solid #333;padding:8px 6px;font:inherit;cursor:pointer}
.side-company-options button:hover,.side-company-options button.selected{background:#222;border-left:3px solid #888}

/* V66: proporção do logo preservada com ou sem empresa carregada. */
.side .side-foot{width:100%;box-sizing:border-box;border-top:0!important;border-bottom:0!important;background:#000!important}
.side .side-foot .vsrs-logo{display:block;width:152px!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1704/923;object-fit:contain;filter:contrast(8) brightness(.65)!important;background:#000!important;margin:0 auto}

/* V70: listas sequenciais descem pela esquerda, continuam à direita. */
.mx-activity-ranking{display:block;column-count:2;column-gap:28px;column-rule:1px solid #ddd}
.mx-ranked-row{break-inside:avoid}
.mx-activity-ranking .mx-ranked-row:nth-child(even){border-left:0;padding-left:0}
@media(max-width:900px){.mx-activity-ranking{column-count:1;column-rule:0}}

/* V75: título e controles do relatório na mesma linha. */
.mx-report-card{padding-top:10px;padding-bottom:10px}
.mx-report-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.mx-report-heading h3{margin:0;flex:0 0 auto}
.mx-report-heading .ce-actions{display:flex;align-items:center;gap:12px;margin:0}
.mx-report-heading p{margin:0}
.mx-report-card .ce-report-preview{display:block;margin-top:14px}
@media(max-width:850px){.mx-report-heading{gap:10px}.mx-report-heading h3{width:100%}.mx-report-heading .ce-actions{flex-wrap:wrap}}

/* V77: marca no topo; empresa e usuário no rodapé. */
.side>.side-foot{flex-shrink:0;margin:0 0 20px!important;padding:0 0 10px!important}
.side>.nav{flex:1;min-height:0}

/* V78 — Entrada: empresas reunidas no seletor e ações discretas. */
.home .home-brand{position:relative;width:min(640px,88vw);margin:0 auto}
.home .home-brand .home-logo{width:100%!important;height:auto!important}
.home .home-brand .home-tag{position:absolute;left:36%;bottom:13%;margin:0!important;color:#aaa!important;font-size:clamp(15px,2.15vw,28px);white-space:nowrap;line-height:1.2}
.home .home-actions{margin-top:42px!important}
.home .home-btns{display:flex;align-items:flex-start;gap:14px;justify-content:center}
.home .home-company{position:relative;min-width:110px;text-align:left}
.home .home-company summary,.home .home-new-process{list-style:none;background:#000!important;color:#aaa!important;border:0!important;border-bottom:1px solid #444!important;border-radius:0!important;box-shadow:none!important;font:inherit;font-size:14px;padding:12px 16px!important;cursor:pointer;min-height:48px;box-sizing:border-box}
.home .home-company summary::-webkit-details-marker{display:none}
.home .home-company summary:hover,.home .home-company[open]>summary,.home .home-new-process:hover,.home .home-new-process:focus,.home .home-new-process:active{background:#242424!important;color:#bbb!important;box-shadow:inset 3px 0 #aaa!important}
.home .home-company-options{position:absolute;left:0;top:100%;z-index:20;background:#000;border:1px solid #444;min-width:280px;max-width:88vw;padding:6px;max-height:35vh;overflow:auto}
.home .home-company-option{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%;background:#000!important;color:#aaa!important;border:0!important;border-bottom:1px solid #444!important;border-radius:0!important;padding:12px 14px;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.home .home-company-option small{display:block;flex-basis:100%;font-size:11px}
.home .home-company-option:hover,.home .home-company-option:focus{background:#242424!important;box-shadow:inset 3px 0 #aaa!important}
.home .home-company-empty{display:block;padding:12px;color:#aaa}
@media(max-width:480px){.home .home-btns{gap:8px}.home .home-brand .home-tag{font-size:14px}.home .home-new-process{font-size:12px!important;padding:12px!important}.home .home-company{min-width:90px}}