/* NIPI-049: вкладки — общий стиль tabs-line; фильтр в одну строку по нижнему краю */
.hr-tabs { margin:0 0 18px; overflow-x:auto; }
.hr-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:16px; }
.hr-filter { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; margin-bottom:18px; }
.hr-filter-field { display:flex; flex-direction:column; gap:6px; margin:0; font-weight:600; font-size:13px; }
.hr-filter-field select, .hr-filter-field input { min-width:280px; font-weight:400; }
.hr-filter-month input { min-width:180px; }
.hr-filter .btn { height:42px; display:inline-flex; align-items:center; }
.hr-legend { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px; }
.hr-next { font-size:12px; margin-top:4px; }
.hr-toolbar select,.hr-toolbar input { max-width:320px; }
.hr-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:16px; margin-bottom:20px; }
.hr-metric { padding:22px; }
.hr-metric strong { display:block; font-size:30px; margin-top:8px; }
.hr-notice { padding:14px 18px; background:var(--bg-soft,#f2f5fb); border-left:3px solid #6586b4; margin:14px 0; line-height:1.6; }
.hr-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.hr-grid .form-group { margin:0; min-width:0; }
.hr-grid .hr-wide { grid-column:1/-1; }
.hr-grid textarea { min-height:90px; resize:vertical; }
.hr-section { margin:24px 0 12px; font-size:16px; }
.hr-detail { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; }
.hr-warning { color:#a45a00; }
.hr-danger { color:#b42318; }
.hr-pager { display:flex; justify-content:flex-end; align-items:center; gap:10px; padding:12px 14px 4px; }
.hr-actions { display:flex; flex-wrap:wrap; gap:6px; }
.hr-table { min-width:720px; }
.hr-day-rest { opacity:.65; }
@media(max-width:650px) { .hr-grid { grid-template-columns:1fr; } .hr-toolbar select,.hr-toolbar input { max-width:100%; } .hr-tabs .btn { flex:1 0 auto; } }
@media print { .hr-tabs,.hr-toolbar,.hr-pager,.hr-actions { display:none!important; } .hr-table { min-width:0; } }
