.payroll-item-row{padding:6px 0}.payroll-item-row+.payroll-item-row{border-top:1px solid var(--border)}.payroll-analytics-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);padding:16px 20px;margin-bottom:14px}.payroll-analytics-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.payroll-analytics-main-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}.payroll-analytics-amount{font-size:26px;font-weight:800;color:var(--text)}.payroll-analytics-delta{font-size:13px;font-weight:600}.payroll-analytics-row{font-size:13px;color:var(--text2);padding:3px 0}.payroll-analytics-row-split{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:640px){.payroll-analytics-strip{padding:14px 16px}.payroll-analytics-amount{font-size:21px}}-divider/-rate-badge/-btn-green) je uklonjena zajedno sa markup-om koji ju je koristio (payroll.js) \2014  jedino .payroll-avatar je pre\17eiveo,sad kori\161\107 en i u listi i u detalju. */ .payroll-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;letter-spacing:-.01em;flex-shrink:0}.payroll-avatar.paid{background:var(--green-dim);color:var(--green)}.payroll-avatar.unpaid{background:var(--accent-dim);color:var(--accent2)}.payroll-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.payroll-list,.payroll-detail{min-height:320px}.payroll-row-item{cursor:pointer}.payroll-row-item td{transition:background-color .12s ease,color .12s ease;vertical-align:middle}.payroll-row-item:hover{background:#11111104}.payroll-row-item.active{background:#ffcb2e14}.payroll-row-item:focus-visible{outline:2px solid var(--accent2);outline-offset:-2px}.payroll-overview-block+.payroll-overview-block{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.payroll-warning-row{display:flex;gap:8px;align-items:flex-start;padding:7px 0;font-size:13px;color:var(--text2)}.payroll-warning-row .dot{width:6px;height:6px;border-radius:50%;background:var(--amber);margin-top:6px;flex-shrink:0}@media(max-width:1024px){.payroll-layout{grid-template-columns:1fr}}.payroll-mobile-list{display:none}.payroll-desktop-list-wrap{display:block}@media(max-width:768px){.payroll-detail{display:none!important}.payroll-desktop-list-wrap{display:none}.payroll-avatar{width:44px;height:44px;font-size:15px}.payroll-mobile-list{display:flex;flex-direction:column}.payroll-mrow{display:flex;align-items:center;gap:12px;padding:12px 4px;cursor:pointer}.payroll-mrow+.payroll-mrow{border-top:1px solid var(--border)}.payroll-mrow:active{background:var(--surface2)}.payroll-mrow-body{flex:1;min-width:0}.payroll-mrow-title-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.payroll-mrow-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payroll-mrow-amount{font-size:15px;font-weight:700;color:var(--text);flex-shrink:0}.payroll-mrow-subtitle{font-size:12px;color:var(--text3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payroll-mrow-chevron{color:var(--text3);flex-shrink:0;display:flex;align-items:center}}