.act-page{--act-line:#e1e8f0;--act-muted:#637b93;min-width:0}.act-page [hidden]{display:none!important}.act-page .p-page-heading{align-items:flex-start}.act-page .p-page-heading>.p-secondary{margin-top:5px}.act-charts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;margin-bottom:22px}.act-chart-card.p-card{margin:0;padding:24px 25px;min-height:245px}.act-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.act-chart-heading h2{font-size:15px;font-weight:650;letter-spacing:-.25px}.act-chart-heading>span{font-size:10px;white-space:nowrap;color:var(--act-muted)}.act-user-bars{list-style:none;padding:0;margin:0;display:grid;gap:16px}.act-user-bars li{display:grid;grid-template-columns:minmax(90px,145px) minmax(20px,1fr) 40px;gap:14px;align-items:center;min-width:0;font-size:11px}.act-user-bars li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#36536e}.act-user-bars b{font-size:11px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.act-user-bars svg{width:100%;height:7px;fill:#274a69}.act-user-bars .act-bar-track{fill:#eef2f7}.act-hour-chart svg{display:block;width:100%;height:132px;overflow:visible;fill:#345b7c}.act-hour-chart svg .act-hour-peak{fill:#d91135}.act-hour-chart svg text{fill:#74889c;font:10px 'Segoe UI',sans-serif}.act-chart-baseline{stroke:#e3eaf2;stroke-width:1}.act-peak-caption{margin-top:9px!important;font-size:10px!important;color:#637b93!important;line-height:1.6}.act-chart-empty{font-size:11px!important;line-height:1.8;margin:24px 0;color:#70869c}.act-chart-detail{font-size:10px;color:#637b93;margin-top:15px}.act-chart-detail summary{cursor:pointer;display:list-item;min-height:24px;padding:4px 0}.act-chart-detail summary:hover{color:#172c42}.act-count-list,.act-hour-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;margin:12px 0 0;padding:0}.act-count-list li,.act-hour-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f6;padding-bottom:7px;min-width:0}.act-count-list li span{overflow-wrap:anywhere}.act-count-list li b,.act-hour-list li b{font-weight:600;font-variant-numeric:tabular-nums}.act-hour-list{grid-template-columns:repeat(4,minmax(0,1fr))}.act-records.p-card{padding:0;overflow:visible}.act-filters{padding:22px 24px 14px;border-bottom:1px solid var(--act-line)}.act-filter-fields{display:grid;grid-template-columns:minmax(125px,1.15fr) minmax(145px,1.3fr) minmax(125px,1.1fr) minmax(125px,1fr) minmax(125px,1fr) auto;gap:12px;align-items:end}.act-filter-fields>label{font-size:10px;font-weight:550;color:#526b84;display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}.act-filter-fields input{font-size:11px;color:#294661;min-width:0;width:100%;min-height:42px;margin:0;border-color:#dce5ef;padding:10px 11px;border-radius:7px;background:#fff}.act-filter-fields .select-control{min-width:0;width:100%}.act-filter-fields .select-trigger{min-height:42px;font-size:11px;padding:10px 11px;gap:9px}.act-filter-fields .select-trigger>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.act-filter-fields .p-primary{min-height:42px;padding:10px 14px;align-self:end}.act-filter-fields:has(#activity-company-field[hidden]){grid-template-columns:minmax(150px,1.2fr) minmax(180px,1.5fr) minmax(130px,1fr) minmax(130px,1fr) auto}.act-filter-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:9px}.act-filter-foot p{font-size:10px;color:#7a8fa4;line-height:1.7}.act-filter-foot .p-text-button{font-size:10px;min-height:30px}.act-filters .p-form-error{margin-top:7px}.act-records-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 17px}.act-records-heading h2{font-size:15px;font-weight:650;letter-spacing:-.2px}.act-records-heading>span{font-size:11px;color:#6a8198;font-variant-numeric:tabular-nums}.act-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;text-align:left}.act-table th{padding:13px 24px;background:#fafbfd;border-top:1px solid #edf1f6;border-bottom:1px solid #e7edf4;font-size:10px;font-weight:550;letter-spacing:0;white-space:normal;color:#71869b}.act-table th:first-child{width:18%}.act-table th:nth-child(2){width:20%}.act-table th:nth-child(3){width:37%}.act-table th:nth-child(4){width:25%}.act-table td{padding:19px 24px;border-bottom:1px solid #edf1f6;vertical-align:top;font-size:11px;line-height:1.65;overflow-wrap:anywhere;color:#38536e}.act-table tr:last-child td{border-bottom:0}.act-table tbody tr:hover{background:#fcfdff}.act-table time{display:flex;flex-direction:column;color:#3e5873;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.act-table time small{font-size:10px;color:#8596a7;margin-top:3px}.act-table .act-user{font-weight:600;color:#2b4864}.act-action{display:flex;align-items:flex-start;gap:11px}.act-action>.icon{width:18px;height:18px;margin-top:2px;flex-shrink:0;stroke-width:2;color:#617f9c}.act-action>div{min-width:0}.act-action b{font-size:11px;color:#233e59;font-weight:600}.act-action p{font-size:10px;color:#72869b;line-height:1.75;margin-top:4px}.act-target>span,.act-target>small{display:block}.act-target>span{color:#4b657f}.act-target>small{font-size:10px;color:#8496a8;margin-top:3px}.act-muted{color:#8b9bab!important}.act-pagination.p-table-footer{padding:13px 24px;color:#71869c}.act-pagination #activity-page-number{color:#415d78;min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.act-cards{display:none}.act-loading,.act-empty{padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;color:#6c8298;font-size:12px}.act-loading{flex-direction:row;justify-content:center}.act-empty>.icon{width:25px;height:25px;stroke-width:2;color:#728aa3}.act-empty h3{font-size:16px;color:#34516c;font-weight:600}.act-empty p{font-size:11px;color:#7a8fa4}.act-scope-note{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;color:#8193a5;padding:0 3px}.act-scope-note>.icon{width:14px;height:14px;stroke-width:2;flex-shrink:0;margin-top:2px}.act-records [aria-busy=true]{opacity:.65}.act-page :is(button,input,summary):focus-visible{outline:2px solid #4d78a2;outline-offset:3px}
.act-page .select-trigger{color:#38536e;border-color:#dce5ef}.act-page .select-trigger>.icon{color:#7d93a8}.act-page .select-trigger:hover{background:#f8fafd;border-color:#afc2d5}.act-page .select-control.is-open .select-trigger{border-color:#819db9;box-shadow:0 0 0 3px #7994af12}.act-page .select-menu [role=option]{color:#38536e}.act-page .select-menu [role=option]:hover,.act-page .select-menu .focused{background:#f1f5fa;color:#284966}.act-page .select-menu [aria-selected=true]{background:#fff3f6;color:#b82c4a}
@media(max-width:1240px) and (min-width:821px){.act-filter-fields,.act-filter-fields:has(#activity-company-field[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}.act-filter-fields .p-primary{justify-self:stretch}.act-charts{grid-template-columns:1fr 1fr}.act-chart-card.p-card{padding:22px 20px}.act-chart-heading{align-items:flex-start;gap:9px}.act-chart-heading h2{font-size:14px}.act-chart-heading>span{font-size:9px}.act-user-bars li{grid-template-columns:minmax(65px,100px) minmax(20px,1fr) 30px;gap:9px}.act-table th,.act-table td{padding-inline:17px}}
@media(max-width:820px){.act-page .p-page-heading{align-items:center;gap:12px;margin-bottom:22px}.act-page .p-page-heading>.p-secondary{font-size:10px;padding:9px 11px;min-height:36px;margin-top:0}.act-page .p-page-heading>.p-secondary>.icon{width:14px;height:14px}.act-page .p-page-heading p{font-size:11px;line-height:1.8}.act-charts{grid-template-columns:1fr;gap:14px;margin-bottom:18px}.act-chart-card.p-card{padding:21px 22px;min-height:0}.act-chart-heading{margin-bottom:20px}.act-user-bars{gap:15px}.act-user-bars li{grid-template-columns:minmax(75px,135px) minmax(25px,1fr) 34px;gap:12px}.act-hour-chart svg{height:120px}.act-filters{padding:20px 19px 14px}.act-filter-fields,.act-filter-fields:has(#activity-company-field[hidden]){grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px}.act-filter-fields .p-primary{width:100%}.act-filter-fields:has(#activity-company-field[hidden]) .p-primary{grid-column:1/-1}.act-filter-foot{align-items:flex-start;gap:12px;margin-top:12px}.act-filter-foot p{font-size:9px;max-width:70%}.act-filter-foot .p-text-button{padding-top:0;min-height:24px;white-space:nowrap}.act-records-heading{padding:20px 19px 15px}.act-records-heading h2{font-size:14px}.act-records-heading>span{font-size:10px}.act-table-wrap{display:none}.act-cards{display:grid}.act-cards article{padding:20px 19px;border-top:1px solid #e7edf4;min-width:0}.act-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:17px;margin-bottom:14px}.act-card-head>b{font-size:11px;color:#294661;font-weight:650;line-height:1.7;min-width:0;overflow-wrap:anywhere}.act-card-head time{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;font-size:9px;color:#70869c;flex-shrink:0;font-variant-numeric:tabular-nums}.act-card-head time small{font-size:9px;color:#8a9daf}.act-cards .act-action{gap:10px;line-height:1.7}.act-cards .act-action b{font-size:12px}.act-cards .act-action p{font-size:10px}.act-card-context{display:flex;flex-direction:column;gap:3px;margin-top:11px;padding-left:28px;font-size:10px;color:#5f7892;overflow-wrap:anywhere}.act-card-context>small{font-size:9px;color:#8a9daf}.act-pagination.p-table-footer{padding:13px 19px;font-size:9px}.act-pagination.p-table-footer>div{gap:7px}.act-scope-note{font-size:9px}.act-empty{padding:35px 19px}}
@media(max-width:420px){.act-page .p-page-heading{align-items:flex-start;flex-direction:column;gap:11px}.act-page .p-page-heading>.p-secondary{align-self:flex-start}.act-filter-fields input,.act-filter-fields .select-trigger{font-size:11px;padding-inline:9px}.act-chart-heading h2{font-size:14px}.act-chart-heading>span{font-size:9px}.act-hour-list{grid-template-columns:repeat(3,minmax(0,1fr))}.act-user-bars li{grid-template-columns:minmax(65px,112px) minmax(20px,1fr) 30px;gap:10px}.act-filter-foot p{max-width:62%}}
