/* A.A.M v18.6 — modo de interface universal */
.interface-mode-row{align-items:flex-start}
.interface-mode-control{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.interface-mode-control .mode-option{min-width:92px}
.interface-mode-control .mode-option.active{border-color:#00e39a;background:rgba(0,227,154,.13);color:#7fffd1;box-shadow:0 0 0 1px rgba(0,227,154,.2) inset}
.interface-mode-admin{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}

/* Forçar interface de computador, inclusive no celular. */
html[data-aam-interface="desktop"]{overflow-x:auto}
html[data-aam-interface="desktop"] body{min-width:1080px}
html[data-aam-interface="desktop"] .wrap{width:min(1400px,calc(100% - 28px));max-width:1400px}
html[data-aam-interface="desktop"] .kpis{grid-template-columns:repeat(4,1fr)!important}
html[data-aam-interface="desktop"] .dash{grid-template-columns:1.4fr .8fr!important}
html[data-aam-interface="desktop"] .statusgrid{grid-template-columns:repeat(3,1fr)!important}
html[data-aam-interface="desktop"] .finance-grid{grid-template-columns:repeat(4,1fr)!important}
html[data-aam-interface="desktop"] .form,html[data-aam-interface="desktop"] .field-grid{grid-template-columns:1fr 1fr!important}
html[data-aam-interface="desktop"] .wide,html[data-aam-interface="desktop"] .sec{grid-column:1/-1!important}
html[data-aam-interface="desktop"] .toolbar{flex-direction:row!important}
html[data-aam-interface="desktop"] .nav-shell{width:min(980px,calc(100% - 28px))!important;grid-template-columns:minmax(0,1fr)!important}
html[data-aam-interface="desktop"] .nav-arrow{display:none!important}
html[data-aam-interface="desktop"] .nav-shell .nav{justify-content:center!important;overflow:visible!important}
html[data-aam-interface="desktop"] .nav-shell .nav button{flex:1 1 0!important;min-width:0!important}

/* Forçar interface de celular, inclusive no computador. */
html[data-aam-interface="mobile"] body{width:min(520px,100%);margin:0 auto;border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04)}
html[data-aam-interface="mobile"] .wrap{width:100%;padding-left:12px;padding-right:12px}
html[data-aam-interface="mobile"] .kpis{grid-template-columns:1fr 1fr!important}
html[data-aam-interface="mobile"] .dash,html[data-aam-interface="mobile"] .statusgrid{grid-template-columns:1fr!important}
html[data-aam-interface="mobile"] .finance-grid{grid-template-columns:1fr!important}
html[data-aam-interface="mobile"] .form,html[data-aam-interface="mobile"] .field-grid{grid-template-columns:1fr!important}
html[data-aam-interface="mobile"] .wide,html[data-aam-interface="mobile"] .sec{grid-column:auto!important}
html[data-aam-interface="mobile"] .toolbar{flex-direction:column!important}
html[data-aam-interface="mobile"] .brand img{width:42px;height:42px}
html[data-aam-interface="mobile"] .nav-shell{grid-template-columns:36px minmax(0,1fr) 36px!important;width:calc(100% - 10px)!important;gap:4px!important;padding:6px!important}
html[data-aam-interface="mobile"] .nav-arrow{display:grid!important}
html[data-aam-interface="mobile"] .nav-shell .nav{justify-content:flex-start!important;overflow-x:auto!important}
html[data-aam-interface="mobile"] .nav-shell .nav button{flex:0 0 auto!important;min-width:76px!important}

@media(max-width:640px){
  .interface-mode-control{width:100%;justify-content:stretch}
  .interface-mode-control .mode-option{flex:1;min-width:0}
  .interface-mode-row,.interface-mode-admin{flex-direction:column;align-items:stretch}
}