/* NEXO v5 spacing system: clean, consistent rhythm on every admin/product page */
:root { --space-1: .5rem; --space-2: .75rem; --space-3: 1rem; --space-4: 1.5rem; --space-5: 2rem; --space-6: 3rem; }
.page-shell, .employees-page-v4, .edit-employee-page, .admin-page, .reports-page { padding-block: var(--space-5); }
.hero-card, .card, .section-card { margin-bottom: var(--space-5); }
.card + .card, section + section { margin-top: var(--space-5); }
.invite-panel { display: grid; grid-template-columns: minmax(260px, .8fr) 1.4fr; gap: var(--space-5); align-items: end; }
.invite-form { display: grid; grid-template-columns: minmax(240px, 1fr) 180px auto; gap: var(--space-3); align-items: end; }
.table-toolbar { margin-bottom: var(--space-4); gap: var(--space-3); }
.form-grid-2 { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.form-grid-3 { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.form-section { padding: var(--space-4); border: 1px solid var(--border, #dbe3ef); border-radius: 22px; background: rgba(255,255,255,.66); margin-bottom: var(--space-4); }
.form-section h3 { margin: 0 0 var(--space-3); }
.action-row { display:flex; flex-wrap:wrap; gap: var(--space-3); align-items:center; justify-content:flex-end; margin-top: var(--space-4); }
.metric-grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-4) 0; }
.metric-card { padding: var(--space-4); border: 1px solid var(--border, #dbe3ef); border-radius: 22px; background: #fff; box-shadow: 0 18px 50px rgba(15,23,42,.07); }
.metric-card .value { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 900; letter-spacing: -.05em; }
.badge.positive { background:#ecfdf5; color:#047857; }
.badge.negative { background:#fef2f2; color:#b91c1c; }
.badge.neutral { background:#eef2ff; color:#3730a3; }
@media (max-width: 980px) { .invite-panel, .invite-form, .form-grid-2, .form-grid-3, .metric-grid { grid-template-columns: 1fr; } }