#lohn-wizard-app { max-width: 800px; margin: 20px auto; background: #fff; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.lohn-progress { height: 20px; background: #eee; margin-bottom: 30px; border-radius: 10px; position: relative; }
.lohn-progress .bar { height: 100%; background: #2271b1; border-radius: 10px; transition: width 0.3s; }
.status-text { position: absolute; right: 10px; top: 0; font-size: 12px; line-height: 20px; }

.lohn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-group { margin-bottom: 15px; }
.form-group.textarea { grid-column: span 2; }
.form-group label { display: block; font-weight: bold; margin-bottom: 5px; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }

.req { color: red; }
.tooltip { background: #ccc; border-radius: 50%; width: 18px; height: 18px; display: inline-block; text-align: center; font-size: 12px; cursor: help; margin-left: 5px; color:#fff;}
.error { border-color: red !important; background: #fff0f0; }
.error-msg { color: red; font-size: 12px; display: none; }

.actions { margin-top: 30px; border-top: 1px solid #eee; padding-top: 20px; display: flex; justify-content: space-between; }
button { background: #2271b1; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 4px; }
button.btn-prev { background: #646970; }
button:hover { opacity: 0.9; }

#lohn-notify { fixed: bottom 20px right 20px; background: #333; color: white; padding: 10px; display:none; border-radius: 4px; }