/* end_month.css — variant w tonacji przycisku "+ Dodaj" (#0a477d) */
.end-month-root { font-size:14px; color:#fff; background:#0a477d; padding:6px 8px; border-radius:8px; }
.em-filters { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; margin-bottom:12px; background:#0b5a9b; padding:8px 10px; border-radius:8px; border:1px solid rgba(255,255,255,0.15); }
.em-filters label.small { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.5px; color:#b8cbd9; margin-bottom:2px; }
.em-filters .grp { display:flex; flex-direction:column; gap:4px; }
.em-status { font-size:12px; color:#b8cbd9; margin-left:auto; }
.em-clients-table { width:100%; border-collapse:collapse; }
.em-clients-table th, .em-clients-table td { padding:6px 8px; border-bottom:1px solid rgba(255,255,255,0.12); text-align:left; }
.em-clients-table th { background:#0a4f89; font-weight:600; font-size:12px; color:#fff; }
.em-clients-table tbody tr:hover { background:#0a4f89; }
.em-badge { background:#1d4468; padding:2px 6px; border-radius:10px; font-size:11px; color:#e2edf7; }
.em-actions button { font-size:12px; }
.em-lines { margin:8px 0 16px 0; border:1px solid rgba(255,255,255,0.15); border-radius:6px; padding:8px; background:#0b5a9b; }
.em-lines table { width:100%; border-collapse:collapse; font-size:12px; color:#fff; }
.em-lines th, .em-lines td { padding:4px 6px; border-bottom:1px solid rgba(255,255,255,0.12); }
.em-lines th { background:#0a4f89; font-weight:600; color:#fff; }
.em-docs { margin:4px 0 4px 0; border:1px solid rgba(255,255,255,0.12); border-radius:6px; padding:6px 8px; background:#0b5a9b; }
.em-docs h4 { margin:0 0 6px 0; font-size:13px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:#fff; }
.em-docs table { width:100%; border-collapse:collapse; font-size:12px; color:#fff; }
.em-docs th, .em-docs td { padding:4px 6px; border-bottom:1px solid rgba(255,255,255,0.1); text-align:left; }
.em-docs th { background:#0a4f89; font-weight:600; }
.em-docs tbody tr:hover { background:#0a4f89; }
.em-lines tfoot td { font-weight:600; }
.em-warn { color:#ffb347; font-size:11px; margin-left:6px; }
.em-modal-back { position:fixed; inset:0; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; z-index:950; }
.em-modal { background:#0b5a9b; width:min(900px,95%); max-height:90vh; overflow:auto; border-radius:10px; padding:16px 20px; box-shadow:0 4px 16px rgba(0,0,0,.55); color:#fff; }
.em-modal h3 { margin:0 0 10px 0; font-size:18px; }
.em-modal-lines{ border:1px solid rgba(255,255,255,0.18); border-radius:10px; padding:10px; background:linear-gradient(145deg, rgba(12,86,149,0.95), rgba(10,66,115,0.92)); box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 6px 18px rgba(4,18,32,0.35); margin-bottom:12px; }
.em-modal-lines table{ width:100%; border-collapse:collapse; font-size:13px; color:#f5fbff; table-layout:auto; }
.em-modal-lines thead th{ text-transform:uppercase; letter-spacing:0.6px; font-size:11px; font-weight:700; color:#cfe8ff; background:rgba(6,38,68,0.65); padding:8px 10px; border-bottom:1px solid rgba(255,255,255,0.16); text-align:left; }
.em-modal-lines tbody td{ padding:8px 10px; border-bottom:1px solid rgba(255,255,255,0.08); }
.em-modal-lines tbody tr:nth-child(even){ background:rgba(255,255,255,0.04); }
.em-modal-lines tbody tr:hover{ background:rgba(76,179,255,0.18); }
.em-modal-lines tfoot td{ padding:10px; font-weight:700; background:rgba(6,38,68,0.75); border-top:1px solid rgba(255,255,255,0.2); }
.em-modal-lines table td:nth-child(2),
.em-modal-lines table td:nth-child(4),
.em-modal-lines table td:nth-child(5),
.em-modal-lines table tfoot td:nth-child(2),
.em-modal-lines table tfoot td:nth-child(5){ text-align:right; font-variant-numeric:tabular-nums; }
.em-modal-lines table td:nth-child(3){ text-align:center; color:#d7e9ff; font-weight:600; }
.em-modal-lines .em-muted{ font-size:11px; letter-spacing:.3px; }
.em-code { background:#0a4f89; color:#b9e2ff; padding:10px; font-size:12px; overflow:auto; border-radius:6px; }
.em-inline { display:inline-block; }
.em-muted { color:#b8cbd9; font-size:11px; }
.em-link { color:#4cb3ff; cursor:pointer; }
.em-spinner { display:inline-block; width:16px; height:16px; border:2px solid #1d4468; border-top-color:#4cb3ff; border-radius:50%; animation:emspin 0.8s linear infinite; }
@keyframes emspin { to { transform:rotate(360deg); } }