.jt-card{margin:0 0 26px;background:#fff;border:1px solid #e0e6de;border-radius:18px;overflow:hidden;color:#203b40;box-shadow:0 5px 22px #233c3a05}
.jt-head{padding:26px;display:flex;gap:24px;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#f7faf8,#fffaf0)}
.jt-eyebrow{font-size:9px;letter-spacing:2px;color:#9a772e;font-weight:700}.jt-head h2{font-size:23px;letter-spacing:-.6px;margin:8px 0}.jt-head p{font-size:12px;color:#75858b;margin:0}.jt-controls{display:flex;gap:12px;flex-wrap:wrap}.jt-select{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#657b7c}.jt-select select,.jt-select input{border:1px solid #dce5dc;border-radius:8px;padding:9px 11px;background:white;color:#25434a;font:12px system-ui;max-width:235px}
.jt-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 26px;gap:24px}.jt-metrics>div{border-right:1px solid #e6ebe5;display:flex;flex-direction:column;gap:6px}.jt-metrics>div:last-child{border:0}.jt-metrics span{font-size:11px;color:#76858a}.jt-metrics strong{font-size:27px;letter-spacing:-.6px;font-weight:600}.jt-metrics>div:last-child strong{font-size:21px}.jt-metrics small{font-size:10px;color:#8b9695}
.jt-legend{padding:0 26px 19px;display:flex;flex-wrap:wrap;gap:9px}.jt-key{display:flex;align-items:center;gap:6px;border:1px solid #e8ede7;border-radius:20px;background:#fff;padding:6px 10px;font-size:10px;color:#546b70;cursor:pointer}.jt-key:before{content:'';width:8px;height:8px;border-radius:3px;background:var(--key)}.jt-key:hover{background:#f5f7f3}
.jt-chart{padding:0 26px 18px}.jt-row{display:grid;grid-template-columns:minmax(175px,230px) minmax(90px,1fr) 90px;gap:20px;align-items:center;min-height:66px;border-top:1px solid #edf0ec}.jt-member{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;padding:8px 0;cursor:pointer;color:inherit}.jt-rank{font-size:10px;color:#9aa8a5;font-variant-numeric:tabular-nums}.jt-avatar{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border:1px solid #e4eadf;background:#f3f5ee;color:#6b8275;font-size:11px;border-radius:11px}.jt-member strong{font-size:12px;font-weight:600}.jt-track{height:31px;display:flex;align-items:stretch;background:repeating-linear-gradient(to right,#f3f6f2 0,#f3f6f2 1px,transparent 1px,transparent 25%);border-radius:7px;overflow:hidden}.jt-segment{border:0;border-right:2px solid white;color:white;min-width:3px;font-size:10px;cursor:pointer;padding:0;transition:filter .15s}.jt-segment:hover{filter:brightness(1.15)}.jt-total{border:0;background:none;font-size:16px;color:#264842;text-align:right;font-weight:600;cursor:pointer}.jt-total small{display:block;font-size:9px;font-weight:400;color:#b17e31}.jt-zero{align-self:center;font-size:10px;color:#9ba8a6}.jt-foot{padding:16px 26px;border-top:1px solid #e9eee6;background:#fafbf8;display:flex;align-items:center;justify-content:space-between;gap:20px}.jt-foot p{font-size:10px;color:#7e8d8d;margin:3px 0}.jt-foot .jt-warning{color:#9a742b}.jt-details,.jt-save{border:1px solid #e1cb98;background:#fff9ed;border-radius:8px;padding:10px 13px;white-space:nowrap;color:#856326;font-size:11px;cursor:pointer}.jt-loading,.jt-empty{padding:25px;color:#81928b}.jt-card button:focus-visible,.jt-dialog button:focus-visible,.jt-card select:focus-visible,.jt-dialog input:focus-visible,.jt-dialog select:focus-visible{outline:3px solid #cba147;outline-offset:3px}.jt-explain{font-size:12px;color:#788a89;line-height:1.7}.jt-entry{padding:18px 0;border-bottom:1px solid #e4eae2}.jt-entry-top{display:flex;gap:20px;justify-content:space-between;font-size:12px}.jt-entry p{font-size:12px;margin:8px 0}.jt-entry small{font-size:11px;color:#84928d}.jt-entry-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:15px}.jt-save-status{font-size:11px}.jt-fee{background:#faf7ef;padding:9px;border-radius:5px;color:#947436}
@media(max-width:1000px){.jt-head{align-items:flex-start;flex-direction:column}.jt-row{grid-template-columns:170px minmax(70px,1fr) 75px;gap:10px}.jt-metrics strong{font-size:23px}}
@media(max-width:600px){.jt-head,.jt-chart,.jt-foot{padding:18px}.jt-metrics{padding:18px;gap:12px;grid-template-columns:1fr 1fr}.jt-metrics>div:last-child{grid-column:1/-1}.jt-metrics>div:nth-child(2){border:0}.jt-legend{padding:0 18px 16px}.jt-row{grid-template-columns:1fr 80px;gap:3px}.jt-member{grid-column:1;}.jt-track{grid-column:1/-1;grid-row:2;margin:0 0 13px}.jt-total{grid-column:2;grid-row:1}.jt-foot{align-items:flex-start;flex-direction:column}.jt-entry-top{flex-wrap:wrap;gap:8px}.jt-select input,.jt-select select{max-width:100%}}

.jt-show-team{display:block;margin:0 auto 18px;border:1px solid #dce5db;border-radius:20px;background:#f8faf6;color:#577268;padding:8px 18px;font-size:11px;cursor:pointer}

.jt-select>span{color:#657b7c!important}

/* Grouped columns: one shared hour scale for the selected work categories. */
.jt-columns-wrap{overflow-x:auto;overscroll-behavior-inline:contain;padding:10px 26px 0;scrollbar-width:thin;scrollbar-color:#c8d7c6 transparent}
.jt-columns{display:block;width:100%;height:auto;max-height:none;font-family:system-ui,sans-serif}
.jt-column-grid{stroke:#e3ebe0;stroke-width:1}.jt-axis{font-size:11px;fill:#91a48d}.jt-column-value{font-size:12px;fill:#668767;font-weight:650;pointer-events:none}.jt-column-member{font-size:12px;fill:#3d654e;font-weight:650}.jt-column-total{font-size:10px;fill:#92a48e}.jt-column-button,.jt-column-name{cursor:pointer;outline:none}.jt-column-button:hover .jt-column-bar{filter:brightness(1.12)}.jt-column-button:focus .jt-column-bar{stroke:#193f31;stroke-width:2}.jt-column-name:focus text{text-decoration:underline}.jt-column-button:focus text{fill:#294f3b;text-decoration:underline}.jt-columns-hint{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 26px 22px;padding:10px 14px;background:#f7f9f3;border-radius:8px;color:#92a18a;font-size:10px}.jt-columns-hint .jt-show-team{margin:0;white-space:nowrap}.jt-controls{justify-content:flex-end}.jt-card .jt-columns-wrap:focus-visible{outline:2px solid #c79b43;outline-offset:-3px}
@media(max-width:767px){.jt-columns-wrap{padding:0 14px}.jt-columns-hint{margin:0 14px 15px;align-items:flex-start;flex-direction:column}.jt-columns-hint span{line-height:1.7}.jt-controls{justify-content:flex-start}.jt-columns{width:100%}}