.tct{font-size:.92rem;color:#172338;--tct-blue:#2563eb;--tct-border:#e2e8f0}.tct *{box-sizing:border-box}.tct-panel{background:#fff;border:1px solid var(--tct-border);border-radius:12px}.tct .form-label{font-size:.78rem;font-weight:650;margin-bottom:.3rem;color:#3c4b60}.tct .form-control,.tct .form-select{font-size:.88rem;min-height:39px;border-color:#d6dfeb}.tct .form-control:focus,.tct .form-select:focus{border-color:#2563eb;box-shadow:0 0 0 .17rem #2563eb20}.tct-heading{font-size:1rem;font-weight:750}.tct-hint,.tct-small{color:#64748b;font-size:.77rem}.tct-hint{background:#f8fafc;border-radius:8px;padding:12px}.tct-entry-table{min-width:790px;font-size:.82rem}.tct-entry-table th{font-weight:650;background:#f8fafc;white-space:nowrap}.tct-entry-table .form-control{padding:.4rem .45rem;min-height:35px;font-size:.79rem}.tct-entry-table .tct-date{min-width:128px}.tct-entry-table .tct-in,.tct-entry-table .tct-out{min-width:100px}.tct-entry-table .tct-break{min-width:90px}.tct-entry-table .tct-extra{min-width:85px}.tct-entry-table .tct-rate{min-width:92px}.tct-entry-table .tct-notes{min-width:105px}.tct .btn-calc{background:#2563eb;color:#fff;border:1px solid #2563eb;font-weight:700;min-height:45px}.tct .btn-calc:hover{background:#1d4ed8;color:#fff}.tct-reset{flex:0 0 52px;min-height:45px}.tct-stat{border:1px solid var(--tct-border);border-radius:10px;padding:14px 15px;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:#fff}.tct-stat-main{background:#F0F5FE;border-color:#F0F5FE}.tct-stat span{font-size:.76rem;color:#516075}.tct-stat strong{font-size:clamp(1.15rem,2.6vw,1.65rem);line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.tct-chart{height:230px;display:flex;align-items:flex-end;gap:10px;overflow-x:auto;padding:18px 2px 0;border-bottom:1px solid #e2e8f0}.tct-bar-group{flex:1 0 36px;max-width:65px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.tct-bar-value{font-size:.7rem;white-space:nowrap;color:#475569}.tct-bar-stack{height:175px;width:min(100%,27px);display:flex;flex-direction:column;justify-content:flex-end}.tct-bar-ot{background:#f59e0b;flex-shrink:0}.tct-bar-reg{background:#2563eb;flex-shrink:0}.tct-bar-label{white-space:nowrap;font-size:.69rem;color:#66758b;padding:6px 0}.tct-legend{display:flex;gap:17px;font-size:.77rem;color:#475569}.tct-key{width:10px;height:10px;display:inline-block;border-radius:2px;margin-right:5px;background:#2563eb}.tct-key-overtime{background:#f59e0b}.tct-key-deductions{background:#cbd5e1}.tct-donut-layout{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tct-donut{width:155px;height:155px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#2563eb}.tct-donut>div{background:#fff;border-radius:50%;width:111px;height:111px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:6px}.tct-donut b{font-size:1rem;overflow-wrap:anywhere;max-width:100%}.tct-donut small{font-size:.7rem;color:#64748b}.tct-donut-legend{min-width:150px;flex:1;font-size:.8rem}.tct-donut-legend>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0;flex-wrap:wrap}.tct-donut-legend strong{margin-left:auto}.tct table td,.tct table th{border-color:#e2e8f0}.tct .dropdown-menu{max-height:260px;overflow:auto}@media(max-width:575.98px){.tct{font-size:.87rem}.tct-panel{padding:12px!important}.tct-stat{padding:11px;min-height:87px}.tct-stat strong{font-size:1.16rem}.tct .tct-action-row{width:100%}.tct-chart{gap:5px}.tct-donut-layout{justify-content:center}.tct-donut-legend{flex-basis:100%}}
