.ti-person{margin-top:24px;padding:18px;border-top:1px solid #d8e2e8}.ti-periods,.ti-range{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;align-items:end}.ti-range label{display:grid;gap:4px}.ti-range input{max-width:180px}.ti-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:16px 0}.ti-metrics article{background:#f0f5f7;border:1px solid #d3e0e5;border-radius:10px;padding:14px;display:grid;gap:8px;color:#183744}.ti-metrics b{font-size:22px}.ti-metrics span,.ti-note{font-size:13px;color:#536c78}.ti-detail{padding:14px 0;border-bottom:1px solid #d5e0e7}.ti-detail summary{cursor:pointer;line-height:1.7}.ti-table{max-width:100%;overflow:auto}.ti-table table{width:100%;border-collapse:collapse;min-width:570px}.ti-table td,.ti-table th{padding:10px;text-align:left;border-bottom:1px solid #d8e1e6}.ti-cut{border-left:3px solid #2b8392;background:#f1f7fa;padding:10px;margin:10px 0}.ti-presence{display:grid;gap:5px;font-size:13px}.ti-online{display:block;color:#566d78}.ti-online.is-online{color:#08734c;font-weight:700}.employee-open-card{padding:0!important;text-align:left;background:transparent!important;color:inherit!important;border:0!important;font-size:inherit;font-weight:700;cursor:pointer}.ti-periods button{min-height:40px}@media(max-width:650px){.ti-person{padding:12px 0}.ti-range input{max-width:145px}.ti-metrics{grid-template-columns:1fr 1fr}.ti-metrics b{font-size:18px}}