/* ENEM Platform: navegação, hierarquia e componentes compartilhados. */
h1[tabindex="-1"]:focus,.tb-title[tabindex="-1"]:focus,#current-page-label[tabindex="-1"]:focus{outline:none}
:root{--r:10px;--r2:16px;--font-display:var(--font)}
html,body{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto}body{background:var(--bg);line-height:1.5}
button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent2);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}svg{vertical-align:middle}.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sidebar{width:246px;background:var(--bg2);border-color:var(--border);min-height:0}.s-logo{padding:29px 23px 25px;border:0;gap:12px}.s-mark{background:linear-gradient(135deg,#5b8fff,#9d7aff);color:#fff;box-shadow:none;width:36px;height:36px;font-family:var(--font);font-weight:800;font-size:22px;border-radius:11px}.s-name{font-size:15px;font-weight:700;letter-spacing:-.4px}.s-sub{font-size:9px;letter-spacing:1.5px;color:var(--text3);margin-top:3px}
.s-nav{padding:5px 15px}.n{font:500 13px var(--font);width:100%;text-align:left;min-height:43px;padding:11px 13px;color:var(--text2);background:transparent;margin:3px 0;gap:12px;box-shadow:none}.n svg{width:18px;height:18px;opacity:1}.n.active{background:var(--accent-glow);border-color:var(--border2);box-shadow:none;color:#c0d4ff;font-weight:600}.n.active svg{filter:none}.nav-group{margin:19px 0}.nav-group summary{cursor:pointer;list-style:none;color:var(--text3);font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;padding:6px 12px;display:flex;justify-content:space-between;align-items:center}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';font-size:15px;transform:rotate(-90deg)}.nav-group[open] summary:after{transform:none}.nav-separator{height:1px;background:var(--border);margin:18px 12px}.s-footer{padding:16px}.u-card{width:100%;text-align:left;color:var(--text);background:transparent;border:0;padding:10px 6px}.u-av{border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;box-shadow:none}.u-role{font-size:11px;color:var(--text3)}
.main{margin-left:246px;max-width:calc(100vw - 246px);width:calc(100% - 246px);height:auto;min-height:100vh;overflow:visible;padding:0 36px 42px;display:block}.page.active{height:auto;overflow:visible;padding:0;max-width:1320px;margin:0 auto}.shell-header{height:88px;display:flex;align-items:center;gap:18px;max-width:1320px;margin:0 auto 22px;border-bottom:1px solid var(--border)}.breadcrumb{display:flex;gap:11px;align-items:center;font-size:12px;color:var(--text3);flex:1}.breadcrumb strong{font-weight:500;color:var(--text)}.search-trigger{display:flex;gap:9px;align-items:center;background:transparent;border:1px solid var(--border);color:var(--text2);border-radius:9px;padding:9px 12px;cursor:pointer;font-size:12px}.search-trigger .ui-icon{width:16px;height:16px}kbd{font:10px var(--font);color:var(--text3);background:var(--surface2);padding:2px 5px;border-radius:4px;margin-left:18px}.btn{min-height:40px;justify-content:center;box-shadow:none;font-size:12px;letter-spacing:0;padding:10px 16px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;box-shadow:none;font-weight:700}.btn-primary:hover{background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:none;transform:translateY(-1px)}.btn-ghost{background:var(--surface2);border-color:var(--border);color:var(--text)}.text-btn{border:0;background:none;color:var(--accent2);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:6px 0}.text-btn:hover{color:var(--text)}.text-btn .ui-icon{width:15px;height:15px}.topbar{height:auto;padding:0;min-height:0;margin-bottom:24px}.page-title{font:600 29px/1.2 var(--font);letter-spacing:-1px}.page-sub{font-size:13px;margin-top:8px}.card{background:var(--surface);padding:23px;border-color:var(--border);box-shadow:none}.card:hover{box-shadow:none}.card-title{font-size:13px;text-transform:none;letter-spacing:0;font-weight:600;color:var(--text);margin:0 0 18px}.card-title:before{display:none}.mc-val,.bar-fill,.prog-fill{box-shadow:none;text-shadow:none!important}.mc,.bento-stat,.bento-hero{box-shadow:none}.mc:hover,.bento-stat:hover{box-shadow:none}.inp-label{font-size:11px;letter-spacing:.2px;color:var(--text2)}.input,.select,.textarea{min-height:43px}.bar-label{width:95px}.bar-track,.prog-track{background:rgba(255,255,255,.06)}.bar-fill,.prog-fill{box-shadow:none}.cg{gap:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.section-head h2{font-size:15px;font-weight:600;letter-spacing:-.3px}.section-head .card-title{margin:0}
.overview-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.overview-heading h1{font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-1.1px}.overview-heading p{font-size:13px;color:var(--text3);margin-top:7px}.date-chip{font-size:11px;border:1px solid var(--border);border-radius:7px;padding:8px 11px;color:var(--text2);white-space:nowrap}
.welcome-panel{display:grid;grid-template-columns:1.5fr 1fr;min-height:208px;border:1px solid var(--border2);border-radius:17px;padding:30px;background:linear-gradient(110deg,var(--surface),var(--surface2) 65%,var(--surface));position:relative;overflow:hidden;gap:30px;margin-bottom:24px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:var(--accent2);margin-bottom:12px}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}.welcome-panel h2{font-size:29px;line-height:1.18;font-weight:500;letter-spacing:-1px;max-width:430px}.welcome-panel h2 em{color:var(--accent2);font-style:normal}.welcome-panel p{font-size:12px;color:var(--text2);margin:12px 0 21px;max-width:395px}.welcome-panel .btn-primary{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff}.welcome-panel .btn-primary:hover{background:linear-gradient(135deg,var(--accent2),var(--accent))}.welcome-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:175px}.orbit{position:absolute;width:176px;height:176px;border-radius:50%;border:1px solid rgba(91,143,255,.14);transform:rotate(-20deg)}.orbit:before{content:'';position:absolute;inset:22px;border:1px dashed rgba(157,122,255,.21);border-radius:50%}.orbit:after{content:'';position:absolute;inset:47px;border:1px solid rgba(157,122,255,.21);border-radius:50%}.art-book{width:87px;height:104px;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:6px 13px 13px 6px;transform:rotate(-13deg);box-shadow:7px 7px 0 #171732;position:relative;display:grid;place-items:center;color:#fff;border-left:8px solid #5b8fff}.art-book svg{width:35px;height:35px}.art-label{position:absolute;right:0;bottom:17px;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;box-shadow:0 4px 20px #0002;padding:8px 12px;font-size:10px;color:var(--accent2);transform:rotate(5deg)}.art-star{position:absolute;top:4px;right:20px;font-size:32px;color:var(--purple)}.art-dot{position:absolute;bottom:28px;left:8px;width:10px;height:10px;background:var(--accent);border-radius:50%}
.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px}.stat-tile{border:1px solid var(--border);border-radius:13px;padding:18px 20px;background:var(--surface)}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--text2);font-size:11px;gap:8px}.stat-top svg{width:17px;height:17px;color:var(--accent2)}.stat-value{font-size:29px;font-weight:600;line-height:1.2;letter-spacing:-1px;margin:11px 0 4px}.stat-foot{font-size:10px;color:var(--text3)}.home-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-bottom:27px}.today-list{display:grid;gap:9px}.today-event{border:1px solid var(--border);background:var(--bg3);border-radius:10px;padding:13px;display:flex;align-items:center;gap:12px}.today-event input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.today-event.done .event-title{text-decoration:line-through;color:var(--text3)}.event-main{flex:1;min-width:0}.event-title{display:block;background:none;border:0;color:var(--text);font-size:12px;cursor:pointer;text-align:left;overflow-wrap:anywhere}.event-meta{font-size:10px;color:var(--text3);margin-top:3px}.event-time{font-size:11px;color:var(--text2);white-space:nowrap}.empty-home{border:1px dashed var(--border2);border-radius:11px;padding:24px 18px;text-align:center;display:grid;justify-items:center;gap:8px}.empty-home>.ui-icon{color:var(--accent2);width:24px;height:24px;margin-bottom:3px}.empty-home strong{font-size:12px;font-weight:500}.empty-home p{font-size:11px;color:var(--text3);max-width:285px;line-height:1.7}.goal-summary{font-size:11px;color:var(--text3);margin-bottom:17px}.home-progress .prog-item{margin-bottom:20px}.home-progress .prog-name{font-size:12px}.home-progress .prog-nums{font-size:11px}.home-progress .prog-track{height:6px}.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:28px}.shortcut{display:flex;align-items:center;gap:13px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:13px;color:var(--text);text-align:left;cursor:pointer;transition:transform .16s,border-color .16s}.shortcut:hover{transform:translateY(-3px);border-color:var(--accent)}.shortcut-icon{border-radius:11px;width:40px;height:40px;background:rgba(157,122,255,.15);color:var(--purple);display:grid;place-items:center;flex-shrink:0}.shortcut:nth-child(2) .shortcut-icon{background:rgba(34,224,122,.15);color:var(--green)}.shortcut:nth-child(3) .shortcut-icon{background:rgba(255,170,48,.15);color:var(--amber)}.shortcut strong{display:block;font-size:12px;font-weight:500}.shortcut small{display:block;font-size:10px;color:var(--text3);margin-top:4px}.shortcut>.ui-icon{margin-left:auto;width:15px;color:var(--text3)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-frame{position:relative;height:185px}.chart-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:var(--surface);font-size:12px;color:var(--text3);gap:9px}.chart-empty[hidden]{display:none}.chart-empty strong{color:var(--text2);font-weight:500}.page-footnote{font-size:10px;color:var(--text3);text-align:center;margin-top:30px}
.search-dialog{position:fixed;inset:0;margin:auto;width:min(580px,calc(100vw - 32px));max-height:min(640px,85dvh);border:1px solid var(--border2);background:var(--bg2);color:var(--text);border-radius:18px;padding:0;box-shadow:var(--shadow-lg)}.search-dialog::backdrop{background:rgba(7,7,14,.7);backdrop-filter:blur(5px)}.search-dialog-head{display:flex;align-items:center;padding:18px 20px;gap:12px;border-bottom:1px solid var(--border)}.search-dialog-head input{flex:1;min-width:0;background:transparent;border:0;outline:none;font-size:14px;color:var(--text)}.search-close{background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:6px;padding:5px 8px;cursor:pointer}.search-results{padding:10px;max-height:420px;overflow:auto}.search-result{display:flex;gap:14px;align-items:center;width:100%;padding:12px;text-align:left;border:0;border-radius:9px;color:var(--text);background:transparent;cursor:pointer}.search-result:hover,.search-result:focus{background:var(--surface2);outline:0}.search-result strong{display:block;font-size:13px;font-weight:500}.search-result small{display:block;font-size:11px;color:var(--text3);margin-top:3px}.search-count{font-size:11px;color:var(--text3);padding:10px 22px;border-top:1px solid var(--border)}.mobile-bottom-nav{background:var(--bg2);border-top-color:var(--border);box-shadow:none}.mob-nav-btn{color:var(--text3)}.mob-nav-btn.active{color:var(--accent2)}.mobile-menu-toggle{display:none}.hamburger{display:none!important}
#page-calendario.active{height:calc(100dvh - 152px)!important;min-height:440px}#page-mapas.active{min-height:650px}.cal-area{min-height:0}.cal-sidebar{background:var(--bg2)}
body.auth-locked .main,body.auth-locked .sidebar,body.auth-locked .mobile-bottom-nav{visibility:hidden!important}#login-overlay{background:linear-gradient(135deg,#0b0f1a 0%,#13161f 50%,#1a1e2b 100%)!important;padding:30px;overflow:auto;align-items:safe center!important}#login-overlay>div{background:#1e2235!important;border-color:rgba(99,179,255,.2)!important;box-shadow:var(--shadow-lg)!important;border-radius:22px!important;padding:38px!important;max-width:420px!important}#login-overlay h1{font-family:var(--font)!important;font-weight:600!important;letter-spacing:-.6px}#login-overlay p:last-child{color:var(--text3)!important}#email-continue-btn{background:linear-gradient(135deg,#6c63ff,#3b9eff)!important;color:#fff!important}#login-email,#login-password{background:#13161f!important;color:#e8f4ff!important}#login-email::placeholder,#login-password::placeholder{color:var(--text3)}.preview-banner{font-size:11px;padding:8px 16px;background:rgba(157,122,255,.15);color:var(--accent2);text-align:center;position:relative;z-index:2}.preview-banner a{color:inherit}.preview-banner+.shell-header{height:70px}
@media(min-width:769px){.mobile-bottom-nav{display:none!important}}
@media(max-width:1180px){.main{padding-left:25px;padding-right:25px}.search-trigger span,.search-trigger kbd{display:none}.welcome-panel{grid-template-columns:1.6fr 1fr;padding:25px}.welcome-art{transform:scale(.9)}.stat-tile{padding:17px 15px}.shortcut{padding:16px 13px;gap:9px}.shortcut small{font-size:10px}.shortcut>.ui-icon{display:none}.date-chip{display:none}}
@media(max-width:960px){.sidebar{width:218px}.main{margin-left:218px;max-width:calc(100vw - 218px);width:calc(100% - 218px)}.s-logo{padding:25px 18px}.s-name{font-size:13px}.s-nav{padding:4px 10px}.home-grid{grid-template-columns:1fr}.welcome-panel{grid-template-columns:1fr}.welcome-art{display:none}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-grid{gap:10px}.shortcut{display:block}.shortcut-icon{margin-bottom:12px}.charts-grid{grid-template-columns:1fr}.overview-heading h1{font-size:27px}}
@media(max-width:768px){html,body{height:auto;overflow-y:auto!important}.sidebar{z-index:400;width:min(85vw,300px)!important}.main{margin-left:0!important;width:100%;max-width:100%;height:auto;min-height:100dvh;overflow:visible!important;padding:0 20px calc(95px + env(safe-area-inset-bottom))!important;display:block}.page.active{padding:0!important;max-width:100%;height:auto;overflow:visible!important}.shell-header{height:72px;margin-bottom:24px;gap:10px}.mobile-menu-toggle{display:grid;place-items:center;width:34px;height:36px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;cursor:pointer}.breadcrumb{font-size:12px}.breadcrumb>span{display:none}.search-trigger{padding:8px}.shell-register{font-size:0;padding:9px;min-width:36px;min-height:36px}.shell-register .ui-icon{width:17px;height:17px}.overview-heading{margin-bottom:22px}.overview-heading h1{font-size:26px}.overview-heading p{font-size:12px}.welcome-panel{padding:24px;min-height:0;margin-bottom:20px}.welcome-panel h2{font-size:27px}.welcome-panel p{font-size:12px}.stats-row{gap:10px;margin-bottom:25px}.stat-tile{padding:16px}.stat-value{font-size:27px}.stat-top{font-size:10px}.stat-foot{font-size:10px}.home-grid{gap:17px;margin-bottom:26px}.card{padding:19px}.section-head h2{font-size:14px}.shortcut-grid{grid-template-columns:1fr;gap:10px}.shortcut{display:flex;padding:16px;gap:14px}.shortcut-icon{margin:0;width:38px;height:38px}.shortcut>.ui-icon{display:block}.shortcut strong{font-size:13px}.shortcut small{font-size:11px}.charts-grid{gap:17px}.topbar{height:auto!important;padding:0!important;min-height:0;margin-bottom:20px;align-items:flex-start;gap:12px}.page-title{font-size:25px!important}.page-sub{font-size:12px!important}.mobile-overlay{z-index:390}.mobile-bottom-nav{min-height:64px;z-index:300;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important}.mob-nav-btn{font-size:10px;gap:5px;min-height:45px}.mob-nav-btn.active{background:var(--accent-glow);border-radius:10px}#page-calendario.active{height:calc(100dvh - 168px)!important;min-height:350px}#page-mapas.active{min-height:calc(100dvh - 170px)}.preview-banner{margin:0 -20px;padding:7px 20px;font-size:10px}#login-overlay{padding:14px!important}#login-overlay>div{padding:28px 23px!important;margin:0!important}.search-dialog{max-height:80dvh}.search-dialog-head{padding:16px}.page-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Cores de destaque dos indicadores na versão original. */
#dash-horas-val{color:var(--accent)}#dash-q-val{color:var(--green)}#dash-sim-val{color:var(--purple)}#dash-taxa-big{background:linear-gradient(135deg,var(--accent2),var(--purple));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* Campos dos modais: .sel é usado pelos selects do calendário e dos mapas. */
input.inp,select.sel{
  width:100%;min-width:0;min-height:43px;box-sizing:border-box;
  background-color:var(--surface2);color:var(--text);
  border:1px solid var(--border);border-radius:var(--r);
  font-family:var(--font);font-size:13px;line-height:1.5;padding:10px 14px;
  color-scheme:dark;outline:none;transition:border-color .18s,box-shadow .18s;
}
select.sel{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:38px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238888bb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:16px;
}
select.sel option,select.sel optgroup{background:var(--surface2);color:var(--text)}
input.inp:hover,select.sel:hover{border-color:var(--border2)}
input.inp:focus,select.sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="checkbox"]{color-scheme:dark}
input[type="checkbox"]{accent-color:var(--accent)}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{opacity:.8;cursor:pointer}
.inp-row>.inp-group{min-width:0}

/* Calendário: superfícies e ritmo visual iguais ao restante da plataforma. */
#page-calendario.active{gap:16px;min-height:570px}
#page-calendario .cal-toolbar{height:auto!important;min-height:64px;padding:12px 16px!important;gap:10px!important;flex-wrap:wrap;background:var(--surface)!important;border:0!important;border-radius:var(--r2)}
#cal-topbar-title{text-align:left!important;min-width:155px;padding:0 6px}
#page-calendario .cal-date-nav{flex-shrink:0}
#page-calendario .cal-view-switch{padding:4px;gap:3px;border:0!important;background:var(--bg2)!important;flex-shrink:0}
#page-calendario .cal-view-tab{border:0;border-radius:7px;padding:7px 11px;font-size:11px}
#page-calendario .cal-view-tab.active{background:var(--accent);color:#fff;box-shadow:none}
#page-calendario .tb-nav-btn{border:0;background:var(--surface2);min-height:32px}
#page-calendario .cal-layout{gap:16px;min-height:0}
#page-calendario #cal-sidebar{width:208px!important;border:0!important;border-radius:var(--r2);background:var(--surface)!important;padding:8px 4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
#cal-sidebar>*{flex:0 0 auto}
#cal-sidebar .divider{height:1px;margin:12px;background:var(--border)}
#cal-sidebar .s-section{padding:8px 12px}
#cal-sidebar .s-section-label{color:var(--text2);font-size:10px;margin-bottom:8px}
#cal-sidebar .mini-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
#cal-sidebar .mini-day{position:relative;min-width:0;height:26px;aspect-ratio:auto;border-radius:8px}
#cal-sidebar .mini-day.has-event:not(.today){box-shadow:none}
#cal-sidebar .mini-day.has-event:after{content:'';position:absolute;bottom:2px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:var(--accent)}
#cal-sidebar .mini-day.today:after{background:var(--text)}
#cal-sidebar .cat-item{padding:6px 8px}
#cal-sidebar .s-btn{font-size:12px;border:0!important}
#page-calendario .cal-main-panel{min-width:0;min-height:0;padding:12px;background:var(--surface);border-radius:var(--r2)}
#page-calendario #cal-area{min-height:0;min-width:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
#page-calendario .month-grid{gap:5px;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible}
#page-calendario .month-day-header{border:0;background:var(--surface);color:var(--text2);padding:6px 0 10px;font-size:10px;letter-spacing:.08em}
#page-calendario .month-cell{border:0;border-radius:10px;background:var(--bg2);padding:8px;min-height:88px;transition:background .15s}
#page-calendario .month-cell:hover{background:var(--surface2)}
#page-calendario .month-cell.other-month{background:transparent}
#page-calendario .month-cell.today{background:var(--accent-glow)}
#page-calendario .cell-date{font-size:11px;margin-bottom:5px}
#page-calendario .cell-event{border-left:0!important;border-radius:6px;padding:4px 7px;font-size:11px}
#page-calendario #cal-filter-bar{border:0!important;border-radius:var(--r);background:var(--surface)!important}
@media(min-width:769px) and (max-width:1450px){
  #page-calendario .cal-toolbar{display:grid!important;grid-template-columns:auto minmax(140px,1fr) auto auto auto;column-gap:8px!important}
  #page-calendario .cal-view-switch{grid-row:2;grid-column:1/3;width:max-content}
  #page-calendario .cal-search{grid-row:2;grid-column:3/-1}
  #page-calendario #cal-search-input{width:100%!important}
  #page-calendario #cal-sidebar{width:184px!important}
  #page-calendario .cal-layout{gap:12px}
  #page-calendario .month-cell{padding:5px}
}
@media(max-width:768px){
  #page-calendario.active{height:auto!important;min-height:0;gap:12px}
  #page-calendario .cal-toolbar{display:grid!important;grid-template-columns:1fr auto auto;padding:12px!important;gap:8px!important;border-radius:14px}
  #page-calendario .cal-date-nav{grid-column:1}
  #page-calendario #cal-topbar-title{grid-column:2/-1;min-width:0;padding:0}
  #cal-topbar-title{min-width:130px;font-size:15px!important;text-align:right!important}
  #page-calendario .cal-view-switch{grid-column:1/-1;grid-row:3;justify-content:space-between}
  #page-calendario .cal-view-tab{padding:7px 8px!important}
  #page-calendario .cal-search{grid-column:1/-1;grid-row:4}
  #page-calendario #cal-search-input{width:100%!important;min-height:36px}
  #page-calendario .cal-layout{overflow:visible!important}
  #page-calendario .cal-main-panel{padding:7px;border-radius:14px;overflow:hidden}
  #page-calendario #cal-area{min-height:390px;max-height:70dvh;overflow:auto!important}
  #page-calendario .month-grid{gap:3px;overflow:visible!important}
  #page-calendario .month-cell{min-height:78px!important;max-height:none;padding:3px!important;border-radius:7px}
  #page-calendario .cell-event{padding:3px!important;font-size:9px}
}