/* Espaço de trabalho do painel. O terminal e a câmera mantêm seu próprio layout. */
body[data-screen="panel"] .employee-company-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 13px;background:#e8eef8;border-left:3px solid #173e75;border-radius:10px;margin-bottom:7px}
body[data-screen="panel"] .employee-company .employee-company-heading h2{display:inline;background:none;border:0;padding:0;margin:0 12px 0 0;font-size:14px}
body[data-screen="panel"] .employee-company-heading small{font-size:11px;white-space:nowrap}
body[data-screen="panel"] .employee-company table{table-layout:fixed;min-width:720px}
body[data-screen="panel"] .employee-company th:nth-child(1){width:44%}
body[data-screen="panel"] .employee-company th:nth-child(2){width:28%}
body[data-screen="panel"] .employee-company th:nth-child(3){width:12%}
body[data-screen="panel"] .employee-company th:nth-child(4){width:16%}
body[data-screen="panel"] .employee-company td:first-child{white-space:normal;overflow-wrap:anywhere}
body[data-screen="panel"] .employee-search{flex:1;min-width:220px;max-width:380px}
body[data-screen="panel"]{--sidebar-width:236px}
body[data-screen="panel"] .app-sidebar{padding:18px 12px 14px}
body[data-screen="panel"] .sidebar-brand{padding:0 10px 18px;font-size:17px;gap:10px}
body[data-screen="panel"] .sidebar-group{margin-bottom:16px}
body[data-screen="panel"] .sidebar-group>p{margin:0 12px 6px}
body[data-screen="panel"] .sidebar-link{min-height:40px;padding:9px 12px;margin:2px 0;gap:10px}
body[data-screen="panel"] .sidebar-account{padding-top:12px;margin-top:8px}
body[data-screen="panel"]>header.app-topbar{min-height:66px;padding:12px 24px}
body[data-screen="panel"] .topbar-heading{gap:12px}
body[data-screen="panel"] .topbar-eyebrow{margin-bottom:3px}
body[data-screen="panel"] .topbar-heading strong{font-size:15px}
body[data-screen="panel"]>main{padding:22px 24px 16px;min-height:calc(100dvh - 130px)}
body[data-screen="panel"]>footer{padding:12px 24px}
body[data-screen="panel"] h1{font-size:clamp(24px,2.1vw,28px);margin-bottom:6px}
body[data-screen="panel"] h1+p{margin-bottom:13px;line-height:1.55}
body[data-screen="panel"] .panel{padding:18px;border-radius:12px}
body[data-screen="panel"] .panel h2:first-child{margin-top:0}
body[data-screen="panel"] .toolbar{gap:8px;margin:14px 0}
body[data-screen="panel"] .filters{padding:12px 14px;gap:12px;margin:14px 0 12px;border-radius:11px}
body[data-screen="panel"] .filters label{min-width:125px}
body[data-screen="panel"] .filters input,body[data-screen="panel"] .filters select{margin-top:5px;padding:9px 11px}
body[data-screen="panel"] button,body[data-screen="panel"] .button{min-height:40px;padding:10px 14px}
body[data-screen="panel"] td button{min-height:38px;padding:8px 11px}
body[data-screen="panel"] button:disabled{cursor:not-allowed}
body[data-screen="panel"] #notice:not(:empty){padding:12px 15px;margin-bottom:14px}
body[data-screen="panel"] th{padding:11px 12px;font-size:10.5px;letter-spacing:.035em}
body[data-screen="panel"] td{padding:11px 12px;font-size:12px}
body[data-screen="panel"] td small{margin-top:3px;line-height:1.5;font-size:11px}
body[data-screen="panel"] .table-wrap{border-radius:10px}
body[data-screen="panel"] .table-wrap:focus-visible{outline:2px solid #638ac0;outline-offset:2px}
body[data-screen="panel"] .company-report{margin-bottom:18px}
body[data-screen="panel"] .company-report h2{font-size:14px;padding:10px 13px;margin-bottom:7px}
body[data-screen="panel"] .operations-report{min-width:1100px}
body[data-screen="panel"] .journey-kpis{gap:10px;margin:14px 0 17px}
body[data-screen="panel"] .journey-kpis>button,body[data-screen="panel"] .journey-kpis>div{min-height:80px;padding:12px 15px!important;border-radius:11px}
body[data-screen="panel"] .journey-kpis>button b,body[data-screen="panel"] .journey-kpis>div b{font-size:26px;margin-bottom:5px}
body[data-screen="panel"] .journey-kpis>button span,body[data-screen="panel"] .journey-kpis>div span{font-size:12px;line-height:1.45}
body[data-screen="panel"] .pending-review{padding:14px 16px;margin-bottom:18px;border-radius:11px}
body[data-screen="panel"] .pending-review-heading{gap:14px;margin-bottom:10px}
body[data-screen="panel"] .pending-review h2{font-size:16px!important}
body[data-screen="panel"] .pending-people{gap:8px}
body[data-screen="panel"] .pending-person{min-height:62px;padding:10px 12px}
body[data-screen="panel"] .pending-person strong{margin-bottom:3px}
body[data-screen="panel"] .pending-person small{font-size:11px}
body[data-screen="panel"] .pending-clear{padding:11px 14px;margin:14px 0;font-size:12px}
body[data-screen="panel"] .daily-status-hint{margin:8px 0;font-size:12px}
body[data-screen="panel"] #updated{font-size:11px;margin:10px 0}

/* Funcionários, horas e pendências antecedem os detalhes de entrega ao Contábil. */
body[data-screen="panel"] .monthly-toolbar{margin:6px 0 12px;gap:12px}
body[data-screen="panel"] .monthly-toolbar .toolbar{margin:0}
body[data-screen="panel"] .monthly-kpis{gap:10px;margin:12px 0 17px}
body[data-screen="panel"] .monthly-kpis>div{padding:12px 15px;border-radius:11px}
body[data-screen="panel"] .monthly-kpis b{font-size:26px}
body[data-screen="panel"] .monthly-kpis span{margin-top:5px;font-size:12px;line-height:1.45}
body[data-screen="panel"] .monthly-people-table{min-width:1000px}
body[data-screen="panel"] .monthly-status,body[data-screen="panel"] .monthly-hours-status,body[data-screen="panel"] .monthly-day-status{font-size:11px;padding:4px 7px}
body[data-screen="panel"] .monthly-delivery-secondary{margin-top:20px}
body[data-screen="panel"] .monthly-empty{padding:18px}
body[data-screen="panel"] .monthly-dialog{width:min(1440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:13px}
body[data-screen="panel"] .monthly-dialog-header{padding:16px 20px 14px}
body[data-screen="panel"] .monthly-dialog h2{font-size:22px!important;margin-top:5px}
body[data-screen="panel"] .monthly-dialog-body{padding:16px 20px 20px}
body[data-screen="panel"] .monthly-verification{padding:12px 14px;gap:14px}
body[data-screen="panel"] .monthly-month-total{padding:14px 15px 12px;margin-top:14px}
body[data-screen="panel"] .monthly-month-total .monthly-detail-kpis{margin:12px 0 8px;gap:8px}
body[data-screen="panel"] .monthly-month-total .monthly-detail-kpis>div{padding:11px 12px}
body[data-screen="panel"] .monthly-detail-kpis b{font-size:23px}
body[data-screen="panel"] .monthly-detail-kpis span{font-size:11px}
body[data-screen="panel"] .monthly-day-count{margin:11px 0 14px}
body[data-screen="panel"] .monthly-days-heading{margin:14px 0 9px}
body[data-screen="panel"] .monthly-week-help{margin-bottom:12px}
body[data-screen="panel"] .monthly-week{margin-bottom:16px;border-radius:11px}
body[data-screen="panel"] .monthly-week-header{padding:12px 15px 10px}
body[data-screen="panel"] .monthly-week-totals{padding:10px 15px 12px;gap:12px}
body[data-screen="panel"] .monthly-week-totals dt{font-size:11px;margin-bottom:4px}
body[data-screen="panel"] .monthly-week-totals dd{font-size:18px}
body[data-screen="panel"] .monthly-dialog .monthly-days-table th,body[data-screen="panel"] .monthly-dialog .monthly-days-table td{padding:10px 11px!important}
body[data-screen="panel"] .monthly-dialog .monthly-days-table th{font-size:10px!important}
body[data-screen="panel"] .monthly-dialog .monthly-days-table td{font-size:12px!important}
body[data-screen="panel"] .monthly-dialog small{font-size:11px}
body[data-screen="panel"] .monthly-day-actions{gap:8px}
body[data-screen="panel"] .monthly-justify-link{font-size:11px;display:inline-flex;align-items:center;min-height:28px}
body[data-screen="panel"] .monthly-edit-panel{padding:16px;margin:15px 0}

/* Consultas do Contábil e avisos de calendário usam a mesma densidade do painel. */
body[data-screen="panel"] .office-page{max-width:none}
body[data-screen="panel"] .office-heading{margin-bottom:14px;gap:14px}
body[data-screen="panel"] .office-filters{padding:12px 14px;gap:12px;margin-bottom:12px}
body[data-screen="panel"] .office-filters label{margin:0;min-width:190px}
body[data-screen="panel"] .office-company{margin-bottom:17px}
body[data-screen="panel"] .office-company-title{padding:11px 14px}
body[data-screen="panel"] .office-company-title h2{font-size:16px}
body[data-screen="panel"] .office-people-table td{padding:11px 12px}
body[data-screen="panel"] .office-archive-company>summary{padding:14px 16px;font-size:15px;min-height:48px}
body[data-screen="panel"] .office-archive-month>summary{padding:11px 7px;min-height:44px}
body[data-screen="panel"] .office-archive-note{padding:12px 15px;margin-bottom:14px}
body[data-screen="panel"] .office-archive-note p{margin-top:6px}
body[data-screen="panel"] .pp-holiday-weekly{padding:12px 15px;margin-bottom:14px}
body[data-screen="panel"] .pp-holiday-weekly-heading{margin-bottom:9px}
body[data-screen="panel"] .pp-holiday-weekly-list{gap:6px}
body[data-screen="panel"] .pp-holiday-weekly-row{padding-top:6px}

@media(min-width:901px) and (max-width:1100px){
  body[data-screen="panel"]{--sidebar-width:224px}
  body[data-screen="panel"]>main{padding:19px 18px 15px}
  body[data-screen="panel"]>header.app-topbar{padding:12px 18px}
}
@media(max-width:900px){
  body[data-screen="panel"] .sidebar-link{min-height:44px}
  body[data-screen="panel"]>main{padding:20px 18px 15px}
  body[data-screen="panel"]>header.app-topbar{padding:12px 18px}
  body[data-screen="panel"] .monthly-dialog-header,body[data-screen="panel"] .monthly-dialog-body{padding:15px 16px}
}
@media(max-width:600px){
  body[data-screen="panel"]>header.app-topbar{min-height:64px;padding:11px 14px}
  body[data-screen="panel"]>main{padding:18px 14px 14px}
  body[data-screen="panel"]>footer{padding:12px 14px}
  body[data-screen="panel"] h1{font-size:24px}
  body[data-screen="panel"] button,body[data-screen="panel"] .button,body[data-screen="panel"] td button{min-height:44px}
  body[data-screen="panel"] .filters{gap:10px;padding:12px}
  body[data-screen="panel"] .filters label{min-width:calc(50% - 10px)}
  body[data-screen="panel"] .filters input,body[data-screen="panel"] .filters select{min-height:44px}
  body[data-screen="panel"] .journey-kpis{gap:8px!important}
  body[data-screen="panel"] .journey-kpis>button,body[data-screen="panel"] .journey-kpis>div{min-height:78px;padding:11px 12px!important}
  body[data-screen="panel"] .journey-kpis>button b{font-size:25px}
  body[data-screen="panel"] .monthly-toolbar{align-items:stretch;gap:9px}
  body[data-screen="panel"] .monthly-kpis:not(.monthly-detail-kpis)>div{padding:12px 14px}
  body[data-screen="panel"] .monthly-kpis:not(.monthly-detail-kpis) span{margin-top:0}
  body[data-screen="panel"] .monthly-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}
  body[data-screen="panel"] .monthly-dialog-header,body[data-screen="panel"] .monthly-dialog-body{padding:14px}
  body[data-screen="panel"] .monthly-dialog h2{font-size:20px!important}
  body[data-screen="panel"] .monthly-month-total{padding:12px}
  body[data-screen="panel"] .monthly-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-screen="panel"] .monthly-detail-kpis b{font-size:23px}
  body[data-screen="panel"] .monthly-week-header{padding:12px}
  body[data-screen="panel"] .monthly-week-totals{padding:10px 12px}
  body[data-screen="panel"] .monthly-justify-link{min-height:44px}
  body[data-screen="panel"] .office-filters label{min-width:0;flex-basis:100%}
}

body[data-screen="panel"] .employee-company button.employee-app-access-ready{display:inline-grid;place-items:center;vertical-align:middle;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:1px solid #b9dfc9;border-radius:9px;background:#e8f6ee;color:#16804a}body[data-screen="panel"] .employee-company button.employee-app-access-ready svg{width:21px;height:21px}body[data-screen="panel"] .employee-company button.employee-app-access-ready:hover{background:#d8f0e3;border-color:#81c49f}body[data-screen="panel"] .employee-company button.employee-app-access-ready:focus-visible{outline:2px solid #173e75;outline-offset:3px}.employee-app-access [data-app-message][data-state="success"]{display:block;padding:13px 16px;border:1px solid #b9dfc9;border-radius:10px;background:#e8f6ee;color:#14683d;font-weight:600;line-height:1.6}


/* O nome abre a conferência; toda a linha acompanha o mouse durante a leitura. */
body[data-screen="panel"] .operations-report .daily-employee-name{display:inline-block;border:0;border-radius:3px;background:transparent;color:#173e75;font:inherit;font-weight:700;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;padding:0!important;margin:0!important;min-height:0!important;box-shadow:none}
body[data-screen="panel"] .operations-report .daily-employee-name:hover{color:#0b2b56;text-decoration:underline;text-underline-offset:3px;background:transparent}
body[data-screen="panel"] .operations-report .daily-employee-name:focus-visible{outline:2px solid #315f99;outline-offset:4px}
body[data-screen="panel"] .operations-report .daily-employee-row:hover>td,
body[data-screen="panel"] .operations-report .daily-employee-row:has(.daily-employee-name:focus-visible)>td{background:#e4efff}