.session-box { margin: auto 0 8px; padding: 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; display: grid; gap: 3px; color: #fff; }
.session-box small { opacity: .75; }
.session-box .link { color: #fff; text-align: left; padding: 4px 0; }
.login-dialog { width: min(420px,calc(100vw - 32px)); border: 0; border-radius: 16px; padding: 0; box-shadow: 0 24px 80px rgba(0,0,0,.28); }
.login-dialog::backdrop { background: rgba(12,27,45,.7); }
.login-dialog form { padding: 32px; display: grid; gap: 18px; }
.login-brand { display: grid; gap: 4px; }
.login-brand strong { font-size: 28px; color: var(--blue); }
.login-brand span { font-weight: 700; }
.form-error { min-height: 20px; color: #a32222; margin: 0; }
.read-only-role [data-delete-employee], .read-only-role [data-assign-employee], .read-only-role [data-remove-employee-allocation], .read-only-role [data-assign-workpost], .read-only-role [data-remove-workpost-allocation], .read-only-role [data-edit-workpost], .read-only-role [data-delete-workpost], .read-only-role [data-edit-allocation], .read-only-role [data-delete-allocation], .read-only-role #employee-form>.actions .primary, .read-only-role #employee-photo-choose, .read-only-role #employee-photo-remove, .read-only-role #feedback-new, .read-only-role #feedback-form>.actions .primary, .read-only-role #feedback-delete, .read-only-role #feedback-attach-signed, .read-only-role #feedback-remove-signed { display: none !important; }
.read-only-role .report-card:has(#team-coach-report-generate) { display: none; }