.staff-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}.staff-summary>div{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 4px 16px #152d2010}.staff-summary span{display:block;color:var(--secondary);font-size:.8rem}.staff-summary strong{display:block;color:var(--text);margin-top:10px;font-size:1.5rem}.staff-summary>div:last-child strong{color:var(--accent)}.staff-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;padding:20px;border-bottom:1px solid var(--line)}.staff-filters .field{flex:1;min-width:130px}.staff-filters .field:first-child{flex:2}.staff-table td{white-space:normal;min-width:110px}.staff-table td small{display:block;margin-top:4px}.staff-items-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.staff-items-head h3,.staff-subheading{color:var(--text);font-weight:600}.staff-items{display:grid;gap:12px;margin-bottom:22px}.staff-item{display:grid;grid-template-columns:minmax(180px,2fr) minmax(70px,.6fr) minmax(140px,1fr) 120px 32px;gap:12px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.staff-item>button{margin-bottom:5px;height:35px;min-width:32px}.staff-item-total,.staff-final{padding:8px 0}.staff-item-total small,.staff-final small{color:var(--secondary);display:block;font-size:.72rem}.staff-item-total strong,.staff-final strong{display:block;margin-top:8px;color:var(--accent)}.staff-final strong{font-size:1.4rem}.staff-detail-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.staff-detail-head h3{font-size:1.2rem;font-weight:600}.staff-detail-head p{font-size:.8rem;margin-top:4px}.staff-notes{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.staff-payments{display:grid;gap:10px;margin:12px 0 20px}.staff-payments article{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.staff-payments small,.staff-payments p{grid-column:1/-1;color:var(--secondary);font-size:.78rem;overflow-wrap:anywhere}.staff-payment-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.staff-payment-form h3{font-weight:600;margin-bottom:16px}.staff-payment-form>.button{margin-top:18px}.staff-subheading{margin-top:22px}
.ticket-file-picker{margin:16px 0}.ticket-file-label{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px dashed var(--line);border-radius:10px;cursor:pointer;color:var(--accent);background:var(--surface-soft);font-size:.84rem}.ticket-file-label input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.ticket-file-label:focus-within{outline:3px solid var(--focus);outline-offset:2px}.ticket-file-picker small{display:block;color:var(--secondary);font-size:.73rem;line-height:1.9;margin-top:6px}.ticket-selected-files,.ticket-attachments{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.ticket-selected-file{display:flex;align-items:center;gap:7px;font-size:.75rem;background:var(--surface-soft);border:1px solid var(--line);padding:6px 9px;border-radius:10px;max-width:100%}.ticket-selected-file span{overflow:hidden;text-overflow:ellipsis;max-width:210px}.ticket-selected-file button{color:var(--red,#a63043);padding:3px 6px}.ticket-attachment{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface-soft);max-width:100%;color:var(--accent)!important}.ticket-attachment strong{font-size:.78rem;max-width:220px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-attachment small{font-size:.68rem;color:var(--secondary)}.ticket-attachment img{height:42px;width:42px;object-fit:cover;border-radius:8px}.ticket-attachment-icon{font-size:22px}.ticket-message p:empty{display:none}
[data-theme=glass] .staff-summary>div{background:#ffffffc9;backdrop-filter:blur(14px);box-shadow:var(--glass-shadow);border-color:#fff}[data-theme=glass] .staff-item{background:#edf5f2b3}[data-theme=dark] .staff-summary>div{background:var(--surface)}
@media(max-width:760px){.staff-item{grid-template-columns:1fr 1fr}.staff-item>.field:first-child{grid-column:1/-1}.staff-item>.staff-item-total{grid-column:1}.staff-summary{gap:8px}.staff-summary>div{padding:14px 10px}.staff-summary strong{font-size:1.1rem}.staff-summary span{font-size:.7rem}.staff-filters{padding:14px}.staff-filters .field:first-child{flex-basis:100%}}