/* BOI360_LAYOUT_OFICIAL_V2 - identidade baseada em referencia fornecida */
:root{--bgreen:#0a412e;--bgold:#b98020;--bink:#13382a}
body{background:#eef4ef;color:var(--bink)}
.wrap{max-width:1100px;padding:18px 22px}
.logo{display:flex;align-items:center;gap:10px;color:#10442f;font-size:30px;font-weight:900}
.logo .brand-bull{display:block;width:58px;height:58px;object-fit:contain;border-radius:12px;background:#06402c}
.logo b,.boi-side-brand span{color:var(--bgold)}
.header{padding:6px 0 16px}
.header .muted{font-size:16px;color:#4d6857}
.card{border:1px solid #dae6dc;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(13,54,36,.07)}
h1,h2{color:#143e2a}
button{background:#137447;color:#fff;font-weight:750;min-height:54px}
button.secondary{background:#eef5ef;color:#17462e;border:1px solid #bfd9c6}
button.tile{color:#fff!important;background:#087148!important;border:0!important;min-height:106px!important;box-shadow:0 5px 11px rgba(15,52,37,.13);font-size:19px!important;line-height:1.3}
button.tile small{color:#fff!important;opacity:1!important;font-size:13px}
.grid>button.tile:nth-child(4n+1){background:#087448!important}
.grid>button.tile:nth-child(4n+2){background:#065ec0!important}
.grid>button.tile:nth-child(4n+3){background:#b86a20!important}
.grid>button.tile:nth-child(4n+4){background:#6946bf!important}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dcaa42;outline-offset:2px}
.voice{background:#eefaf1;border-color:#b5dac0;color:#153a28}
input,select{color:#1b3426;background:#fff}
#boi360-sidebar{display:none}
@media(min-width:1050px){
 body.boi360-logged .wrap{margin-left:255px;max-width:none;padding:22px 36px}
 body.boi360-logged #boi360-sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(160deg,#083d2b,#012f24);color:#fff;padding:23px 18px;flex-direction:column;gap:15px;z-index:10;box-shadow:4px 0 15px rgba(0,0,0,.11)}
 .boi-side-brand{display:flex;align-items:center;gap:10px;font-size:26px}
 .boi-side-brand img{height:53px;width:53px;object-fit:contain;border-radius:8px}
 #boi360-sidebar small{color:#dcebe1;font-size:11px}
 #boi360-sidebar nav{display:flex;flex-direction:column;gap:8px;margin-top:18px}
 #boi360-sidebar nav button{border:0;border-radius:10px;text-align:left;color:#fff;background:transparent;min-height:47px;font-size:15px;font-weight:600;padding:11px}
 #boi360-sidebar nav button:hover,#boi360-sidebar nav button:focus-visible{background:#28684d}
 body.boi360-logged .card{padding:22px}
}
@media(max-width:480px){.wrap{padding:12px}.logo{font-size:25px}.logo .brand-bull{width:48px;height:48px}.grid{gap:10px}button.tile{font-size:16px!important;min-height:100px!important;padding:13px 7px!important}}