/* One page title; compact navigation and operational actions. */
.ponto-export-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.ponto-export-bar>span{margin-right:auto;color:var(--text-muted);font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.workspace-topbar{min-height:56px;padding:8px 20px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(190px,280px) auto}
.workspace-topbar .topbar-left{gap:10px}
.header-context{flex-direction:row;align-items:center;gap:10px;flex:1}
.header-workspace{font-size:11px;letter-spacing:0;text-transform:none;font-weight:500;max-width:35%;flex-shrink:2}
.header-title{font-size:16px;line-height:1.3;margin:0;min-width:0}
.header-workspace:not(:empty){padding-right:10px;border-right:1px solid var(--border-strong)}
.workspace-topbar .menu-toggle,.workspace-topbar .topbar-icon-btn{width:36px;height:36px;border-radius:6px}
.workspace-topbar .empresa-pill{min-height:36px;padding:6px 10px;gap:8px;border-radius:6px}
.workspace-topbar .empresa-pill>svg{width:16px;height:16px;flex-shrink:0}
.workspace-topbar .header-actions{gap:6px}
.content{padding:16px 20px}
.module-navigation{min-height:0;gap:0;margin:0 0 12px;padding:0}
.module-links{gap:0 18px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.module-link{min-height:36px;padding:8px 0;line-height:20px}
.workspace-heading,.page-header{gap:12px;margin:0 0 12px;padding:0}
.workspace-heading h2,.page-header-title{font-size:18px;line-height:1.3;margin:0}
.page-header-left{gap:10px}.page-header-icon{width:32px;height:32px;min-width:32px}
.page-header-meta{margin-top:4px;font-size:12px}
.compact-page-actions{justify-content:flex-end}.compact-page-actions:not(:has(button)){display:none}
.page-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:12px;color:var(--text-sec)}
.card-header{gap:10px;flex-wrap:wrap;margin-bottom:12px}.card-header .card-title{font-size:14px}
.calendar-toolbar{gap:10px;margin-bottom:12px}.calendar-period{margin-right:auto}.calendar-views{gap:4px}
.ponto-tabs{margin-bottom:12px;gap:4px}.ponto-tabs button{padding:8px 12px;font-size:12px}
.ponto-section-heading{gap:12px}.ponto-heading{margin-bottom:12px}
.ponto-filter-footer{gap:8px;margin:14px 0 0;align-items:center}.ponto-filter-footer label{margin-left:0;min-width:0;flex-direction:row;align-items:center;font-size:11px}.ponto-filter-footer select{width:auto;min-height:36px;max-width:180px}.ponto-filter-footer button,.ponto-more-actions>summary{min-height:36px}.ponto-filter-hint,.ponto-setup-hint{font-size:11px;color:var(--text-muted)}.ponto-setup-hint,.ponto-more-actions{margin-left:auto}.ponto-text-action{border:0;background:none;color:var(--primary);font:inherit;text-decoration:underline;padding:0 4px;cursor:pointer}.ponto-more-actions{position:relative}.ponto-more-actions>summary{cursor:pointer;display:list-item;list-style-position:inside;padding:8px 12px;white-space:nowrap}.ponto-action-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:30;min-width:230px;padding:6px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:6px;box-shadow:var(--shadow-md)}.ponto-action-menu .btn{display:block;width:100%;text-align:left;border:0;background:transparent;font-size:12px}.ponto-action-menu .btn:hover{background:var(--bg-card-hover)}#pontoFilterStatus:empty{display:none}.ponto-workspace #pontoFilterStatus:not(:empty){margin:10px 0 0}
@media(max-width:1000px){.header-context{flex-direction:column;align-items:flex-start;gap:2px}.header-workspace{max-width:100%;font-size:10px}.header-workspace:not(:empty){border:0;padding:0}}
@media(max-width:700px){.workspace-topbar{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:8px 12px}.workspace-topbar .empresa-pill{grid-column:1/-1;grid-row:2}.workspace-topbar .header-actions{grid-column:2;grid-row:1}.header-title{font-size:15px}.content{padding:12px}.calendar-toolbar{justify-content:flex-start}.calendar-views{margin-left:auto}}
@media(max-width:600px){.module-navigation{padding:0 0 10px}.module-select-label{gap:0}.module-select{min-height:36px;padding:6px 10px}.workspace-heading{flex-direction:row;align-items:center}.compact-page-actions>.flex{justify-content:flex-end}.calendar-period{width:100%}.calendar-period strong{width:auto;margin:0}.page-header-right{gap:6px}}
