.fines-paid-filter{background:var(--wh-surface-soft,#0000000a);border-radius:8px;align-items:center;gap:2px;margin-left:4px;padding:3px;display:inline-flex}.fines-paid-filter-btn{font-family:var(--wh-font);color:var(--wh-text-muted,#6b7280);cursor:pointer;transition:background .12s var(--wh-ease-out,ease-out),color .12s var(--wh-ease-out,ease-out);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500}.fines-paid-filter-btn:hover{color:var(--wh-text,#1f1f23)}.fines-paid-filter-btn.is-active{background:var(--wh-surface,#fff);color:var(--wh-text,#1f1f23);box-shadow:0 1px 2px #0000000d}.fines-paid-badge{font-size:11px;font-weight:600;font-family:var(--wh-font);user-select:none;white-space:nowrap;transition:background .12s var(--wh-ease-out,ease-out);border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 6px;display:inline-flex}.fines-paid-badge.is-paid{color:#15803d;background:#22c55e1a}.fines-paid-badge.is-unpaid{color:#b91c1c;background:#ef44441a}.fines-paid-badge.is-clickable{cursor:pointer}.fines-paid-badge.is-clickable:hover.is-paid{background:#22c55e2e}.fines-paid-badge.is-clickable:hover.is-unpaid{background:#ef44442e}.tk-row.is-paid{opacity:.75}.tk-user-cell{align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.tk-user-cell-name{font-family:var(--wh-font);color:var(--wh-text,#1f1f23);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}[data-theme=dark] .tk-user-cell-name{color:var(--wh-text)}.fines-settlement-badge{font-size:11px;font-weight:600;font-family:var(--wh-font);user-select:none;white-space:nowrap;transition:background .12s var(--wh-ease-out,ease-out);border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 6px;display:inline-flex}.fines-settlement-badge.is-na{color:#475569;background:#94a3b826}.fines-settlement-badge.is-open{color:#b45309;background:#f59e0b1f}.fines-settlement-badge.is-settling{color:#1d4ed8;background:#3b82f61f}.fines-settlement-badge.is-settled{color:#15803d;background:#22c55e1a}.fines-settlement-badge.is-clickable{cursor:pointer}.fines-settlement-badge.is-clickable:hover.is-open{background:#f59e0b33}.fines-settlement-badge.is-clickable:hover.is-settling{background:#3b82f633}.fines-settlement-badge.is-clickable:hover.is-settled{background:#22c55e2e}[data-theme=dark] .fines-settlement-badge.is-na{color:#cbd5e1;background:#94a3b833}[data-theme=dark] .fines-settlement-badge.is-open{color:#fcd34d;background:#f59e0b38}[data-theme=dark] .fines-settlement-badge.is-settling{color:#93c5fd;background:#3b82f638}[data-theme=dark] .fines-settlement-badge.is-settled{color:#86efac;background:#22c55e2e}.fines-emp-group{margin-bottom:12px}.fines-emp-group-header{background:var(--wh-surface-soft,#00000008);cursor:pointer;font-family:var(--wh-font);color:var(--wh-text);transition:background .12s var(--wh-ease-out,ease-out);border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:13px;display:flex}.fines-emp-group-header:hover{background:var(--wh-surface-soft,#0000000f)}.fines-emp-group-name{color:var(--wh-text);font-weight:600}.fines-emp-group-stats{color:var(--wh-text-muted,#6b7280);margin-left:auto;font-size:12px}.fines-emp-group-stats strong{color:var(--wh-text)}.fines-emp-group-body{padding:4px 0 0}[data-theme=dark] .fines-paid-filter{background:#ffffff0f}[data-theme=dark] .fines-paid-filter-btn.is-active{color:var(--wh-text);background:#ffffff1a}[data-theme=dark] .fines-paid-badge.is-paid{color:#86efac;background:#22c55e2e}[data-theme=dark] .fines-paid-badge.is-unpaid{color:#fca5a5;background:#ef44442e}.fines-attach-cell-wrap{z-index:1;position:relative;overflow:visible!important}.fines-attach-cell-wrap:hover{z-index:60}.fines-attach-cell{font-family:var(--wh-font);color:var(--wh-text-muted,#64748b);cursor:default;transition:background .12s var(--wh-ease-out,ease-out);user-select:none;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.fines-attach-cell.is-empty{color:var(--wh-text-muted,#94a3b8);opacity:.55;font-weight:500}.fines-attach-cell.has-items:hover{background:var(--wh-surface-soft,#0000000a);color:var(--wh-text,#1f1f23)}.fines-attach-popover{z-index:50;background:var(--wh-surface,#fff);border:1px solid var(--wh-border-light,#e2e8f0);opacity:0;pointer-events:none;transition:opacity .12s var(--wh-ease-out,ease-out),transform .12s var(--wh-ease-out,ease-out);border-radius:10px;min-width:220px;max-width:320px;padding:10px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 12px 32px #0000001f}.fines-attach-cell.has-items:hover .fines-attach-popover{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.fines-attach-popover-list{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow:auto}.fines-attach-popover-item{color:var(--wh-text,#0f172a);font-size:12px;font-family:var(--wh-font);transition:background .1s var(--wh-ease-out,ease-out);border-radius:6px;align-items:center;gap:8px;padding:4px 6px;text-decoration:none;display:flex}.fines-attach-popover-item:hover{background:var(--wh-surface-soft,#0000000a)}.fines-attach-popover-thumb{object-fit:cover;border:1px solid var(--wh-border-light,#e2e8f0);background:var(--wh-surface-soft,#f1f5f9);border-radius:4px;flex-shrink:0;width:32px;height:32px}.fines-attach-popover-thumb-fallback{background:var(--wh-surface-soft,#f1f5f9);border:1px solid var(--wh-border-light,#e2e8f0);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fines-attach-popover-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}