/* Ticket progress, department oversight and local screenshot previews. */
.employee-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}
.employee-progress-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:22px;margin-bottom:22px}
.employee-progress-grid>.card{min-width:0}.employee-progress-grid .card-body{padding:20px}
.employee-ticket{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:15px 10px;border:1px solid transparent;border-bottom-color:var(--border);background:transparent;color:var(--text);border-radius:9px}
.employee-ticket div{min-width:0}.employee-ticket b{font-size:10px;color:var(--primary-ink);display:block}.employee-ticket span:not(.badge){display:block;font-size:11px;margin-top:5px;overflow-wrap:anywhere}
.employee-ticket.selected{background:var(--soft);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.employee-ticket:hover{background:var(--surface-alt)}
.ticket-progress-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ticket-progress-title>div{min-width:0}.ticket-progress-title h3{font-size:15px;margin:7px 0;overflow-wrap:anywhere}.ticket-progress-title small{font-size:11px;color:var(--muted)}.ticket-progress-title .badge{flex-shrink:0}
.ticket-progress{margin:25px 0 22px}.ticket-progress ol{display:flex;list-style:none;margin:0;padding:0}.ticket-progress li{position:relative;flex:1;min-width:0;text-align:center;font-size:10px;color:var(--muted)}
.ticket-progress li:after{content:'';height:2px;background:var(--border);position:absolute;left:calc(50% + 16px);right:calc(-50% + 16px);top:14px}.ticket-progress li:last-child:after{display:none}
.ticket-progress li>span{width:29px;height:29px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;background:var(--surface-alt);font-size:10px;font-weight:600}
.ticket-progress li>b{display:block;font-weight:500}.ticket-progress li.current{color:var(--primary-ink)}.ticket-progress li.current>span{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--soft)}.ticket-progress li.current>b{font-weight:700}
.ticket-progress li.past>span{background:#e6f6ed;color:#138657;border-color:#bce1cd}.ticket-progress li.past:after{background:#8fc6aa}
.ticket-wait{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:11px;color:var(--muted);background:var(--surface-alt);border-radius:7px;padding:9px 11px}
.ticket-progress-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:15px}.ticket-progress-meta b{color:var(--text);font-weight:500}
.ticket-public-update{background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;border-left:3px solid var(--primary);padding:14px;margin:17px 0;font-size:11px;line-height:1.65}.ticket-public-update b{font-size:10px}.ticket-public-update p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.ticket-public-update small{font-size:9px;color:var(--muted)}
.team-ticket-tabs{margin-bottom:18px}.team-ticket-progress{border:1px solid var(--border);border-radius:11px;padding:19px;margin-bottom:13px}.team-ticket-progress:last-of-type{margin-bottom:0}.team-ticket-progress .ticket-progress{max-width:650px;margin:20px 0 16px}.team-ticket-progress .ticket-progress-meta{margin-bottom:0}
.modal:has(form[data-form="ticket-create"]){width:760px}.ticket-screenshots{min-width:0}.ticket-upload-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:11px}.ticket-upload-heading span{font-size:10px;color:var(--muted);font-weight:400}
.ticket-dropzone{border:1.5px dashed color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--surface-alt);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:20px 15px;text-align:center;outline-offset:3px}.ticket-dropzone.dragging{border-color:var(--primary);background:var(--soft)}.ticket-dropzone>b{font-size:12px}.ticket-dropzone>span:not(.ticket-upload-icon){font-size:10px;color:var(--muted)}.ticket-dropzone .btn{margin-top:4px}.ticket-upload-icon{color:var(--primary-ink)}
.ticket-shot-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.ticket-shot-list:empty{display:none}.ticket-shot{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:8px;min-width:0;background:var(--surface)}.ticket-shot>img{width:68px;height:48px;object-fit:contain;background:var(--surface-alt);border-radius:5px;border:1px solid var(--border)}.ticket-shot>div{flex:1;min-width:0}.ticket-shot b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-shot small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.ticket-shot .icon-button{flex-shrink:0;width:26px;height:26px;font-size:11px}.ticket-shot-errors{color:#ac263d;font-size:11px;line-height:1.6;margin-top:8px}.ticket-shot-errors:empty,.ticket-submit-status:empty{display:none}.ticket-submit-status{font-size:11px;line-height:1.7;padding:12px;background:var(--surface-alt);border:1px solid var(--border);border-radius:8px}
@media(max-width:1050px){.employee-progress-grid{grid-template-columns:1fr}.employee-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-kpis .kpi-number{font-size:25px}}
@media(max-width:600px){.employee-kpis{grid-template-columns:1fr}.ticket-shot-list{grid-template-columns:1fr}.ticket-progress-title h3{font-size:13px}.ticket-progress li{font-size:9px}.ticket-progress-meta{flex-direction:column;gap:5px}.team-ticket-progress{padding:14px}.ticket-dropzone{padding:16px 11px}}
