/* One design for portal pages. Game routes never receive this stylesheet. */
@media screen {
body[data-portal-visual]{--bg:#f3f6fb;--panel:#fff;--paper:#fff;--text:#243653;--muted:#62738a;--line:#dce4ef;--accent:#2563eb;--blue:#2563eb;--chrome:#16273f;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:14px!important;background:#f3f6fb!important;color:#243653}
body[data-portal-visual] .container{max-width:1120px!important;margin-left:auto;margin-right:auto}
body[data-portal-visual] :is(.card,.box,.header,.menu-container,.calendar-container,.events-container,.stat-card,.main-section,.sidebar-box,.section-card){background:#fff;border-color:#dce4ef;border-radius:14px;box-shadow:0 5px 22px #14213d0a}
body[data-portal-visual] h1{font-size:26px;color:#243653}
body[data-portal-visual] h2{font-size:20px}
body[data-portal-visual] :is(th,td){padding:10px}
body[data-portal-visual] th{background:#f5f7fb;color:#243653}
body[data-portal-visual] input:not([type=checkbox]):not([type=radio]),body[data-portal-visual] select,body[data-portal-visual] textarea{font:inherit;border-radius:8px;border-color:#dce4ef}
body[data-portal-visual] :is(button,.btn,.btn-primary,.btn-cadastrar,.btn-pesquisar,.btn-aprovar,.primary){font-family:inherit;border-radius:8px}
body[data-portal-visual] :is(.btn-primary,.btn-cadastrar,.btn-pesquisar,.primary){background:#2563eb!important;color:#fff!important}
body[data-portal-visual] :is(.btn-remover,.btn-excluir-conta,.danger){background:#b42318!important;color:#fff!important}
body[data-portal-visual] :is(.sidebar,#sidebar){background:#16273f!important;color:#dce7f7}
body[data-portal-visual] .sidebar h2{color:#fff}
body[data-portal-visual=portal] .sidebar{width:225px}
body[data-portal-visual=portal] .sidebar~.main-content{margin-left:225px;padding:22px}
@media(max-width:768px){body[data-portal-visual=portal] .sidebar{position:static;width:100%;height:auto}body[data-portal-visual=portal] .sidebar~.main-content{margin-left:0}}
body[data-portal-visual] :is(.sidebar-menu a,#sidebar button){font-size:14px;color:#dce7f7}
body[data-portal-visual] .main-grid{grid-template-columns:240px minmax(0,1fr) 280px;gap:16px}
body[data-portal-visual] .menu-container{padding:18px}
body[data-portal-visual] .menu-container h2{font-size:18px;margin-bottom:14px}
body[data-portal-visual] .menu-card{padding:10px 6px;min-height:76px}
body[data-portal-visual] .menu-card .icon-circle{width:36px;height:36px}
body[data-portal-visual] .welcome-icon{width:56px;height:56px;font-size:30px}
body[data-portal-visual] .welcome-text h1{font-size:24px}
body[data-portal-visual] .calendar-container,body[data-portal-visual] .events-container{padding:18px}
body[data-portal-visual] .main-header{min-height:285px}
body[data-portal-visual] .main-header .header-content{max-width:1100px;padding:24px 30px;gap:22px}
body[data-portal-visual] .main-header .logo-main span{font-size:27px}
body[data-portal-visual] .main-header .welcome-text h1{font-size:28px}
body[data-portal-visual] .main-header .welcome-text p{font-size:16px}
body[data-portal-visual] .section-title{font-size:26px;margin-bottom:24px}
body[data-portal-visual] .video-thumbnail{height:150px}
body[data-portal-visual=admin] .sidebar{width:225px;padding:12px 0}
body[data-portal-visual=admin] .sidebar-header{padding:16px;margin-bottom:12px}
body[data-portal-visual=admin] .sidebar-menu a{padding:11px 17px;gap:8px}
body[data-portal-visual=admin] .main-content{margin-left:225px;padding:22px;min-width:0}
body[data-portal-visual=admin] .header{padding:18px 22px;margin-bottom:20px;gap:12px}
body[data-portal-visual=admin] .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
body[data-portal-visual=admin] .stat-card{padding:20px 14px}
body[data-portal-visual=admin] .stat-card .icon{font-size:30px;margin-bottom:8px}
body[data-portal-visual=admin] .stat-card .number{font-size:32px}
body[data-portal-visual=caderno] header{padding:10px 18px;min-height:64px}
body[data-portal-visual=caderno] .brand b{font-size:15px}
body[data-portal-visual=caderno] .logo{width:38px;height:38px}
body[data-portal-visual=caderno] .actions button{font-size:12px;padding:7px 9px;min-height:32px}
body[data-portal-visual=caderno] .shell{grid-template-columns:245px minmax(0,1fr)}
body[data-portal-visual=caderno] #sidebar{padding:16px 12px}
body[data-portal-visual=caderno] #sidebar button{font-size:14px;min-height:40px;padding:9px 11px;margin:2px 0;gap:9px}
body[data-portal-visual=caderno] .scope-nav{padding-bottom:16px!important;margin-bottom:12px}
body[data-portal-visual=caderno] .scope-nav select{font-size:14px;padding:9px 11px;min-height:40px}
body[data-portal-visual=caderno] main{padding:22px 26px;max-width:1100px;width:100%}
body[data-portal-visual=caderno] .hero{padding:28px;min-height:270px}
body[data-portal-visual=caderno] .hero h1{font-size:34px}
body[data-portal-visual=caderno] .paper{padding:25px;min-height:460px}
body[data-portal-visual=caderno] .paper .page-title{font-size:23px}
body[data-portal-visual=caderno] .tools{padding:10px;gap:6px}
body[data-portal-visual=caderno] .robot-button{font-size:12px;padding:7px 10px}
body[data-portal-visual=caderno] .robot-button img{width:40px;height:43px}
@media(max-width:1100px){body[data-portal-visual=admin] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){body[data-portal-visual] .main-grid{grid-template-columns:220px minmax(0,1fr)}body[data-portal-visual] .events-container{grid-column:1/-1}body[data-portal-visual=caderno] .shell{grid-template-columns:225px minmax(0,1fr)}}
@media(max-width:768px){body[data-portal-visual=admin] .admin-container{display:block}body[data-portal-visual=admin] .sidebar{position:static;width:100%;height:auto}body[data-portal-visual=admin] .main-content{margin-left:0;padding:16px}body[data-portal-visual=admin] .header{flex-wrap:wrap}}
@media(max-width:700px){body[data-portal-visual] .main-grid{grid-template-columns:1fr}body[data-portal-visual] .main-header .header-content{padding:22px 16px}body[data-portal-visual] .main-header .header-left,body[data-portal-visual] .main-header .header-right{min-width:0;width:100%}body[data-portal-visual=caderno] .shell{display:block}body[data-portal-visual=caderno] main{padding:18px 14px}body[data-portal-visual=caderno] #sidebar button{min-height:44px}body[data-portal-visual=caderno] .actions{flex-wrap:wrap;justify-content:flex-start}body[data-portal-visual=caderno] .paper{padding:20px}}
}