.dynamic-form{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:20px}.dynamic-form .form-inline .form-control.input-width-full,.dynamic-form .form-inline input.form-control.input-width-full{width:100%!important;min-width:200px!important;max-width:none!important;flex:1 1 100%!important}.dynamic-form .form-inline .form-control.input-width-default,.dynamic-form .form-inline input.form-control.input-width-default{width:auto!important;min-width:120px!important;max-width:none!important;flex:0 1 auto!important}.dynamic-form .form-inline .form-control.input-width-date,.dynamic-form .form-inline input.form-control.input-width-date{width:100px!important;min-width:100px!important;max-width:100px!important;flex:0 0 100px!important}.dynamic-form .form-inline .form-control.input-width-email,.dynamic-form .form-inline input.form-control.input-width-email,.dynamic-form .form-inline .form-control.input-width-url,.dynamic-form .form-inline input.form-control.input-width-url{width:200px!important;min-width:200px!important;max-width:200px!important;flex:0 0 200px!important}.dynamic-form .choice-group{display:block;margin-top:10px}.dynamic-form .choice-item{display:block;margin-bottom:8px;margin-left:10px}.dynamic-form .choice-label{display:inline;margin-bottom:0;font-weight:400}.dynamic-form .choice-input{margin-right:5px!important}.dynamic-form .form-inline .form-separator{margin:10px 0;border-width:3px;border-color:#eee}.form-errors{margin-top:15px}.form-errors .alert{margin-bottom:10px}.form-errors ul{margin-bottom:0;padding-left:20px}.dynamic-form label,.dynamic-form .form-group label,.dynamic-form .form-check-label,.dynamic-form .form-inline label,.dynamic-form .form-row label{font-weight:500!important}@media(max-width:768px){.dynamic-form{margin:10px}}.question-group-container{border:1px solid #c2d7f0;border-radius:8px;margin-bottom:20px;background-color:#fff;box-shadow:0 3px 8px #4a90e214;transition:all .3s ease}.question-group-container:hover{box-shadow:0 4px 12px #4a90e21f;transform:translateY(-1px)}.question-group-header{background:linear-gradient(135deg,#f0f6ff,#e6f2ff);padding:14px 18px;border-bottom:1px solid #c2d7f0;position:relative;overflow:hidden}.question-group-header:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#4a90e2,#357abd);z-index:1}.question-group-title{margin:0;font-size:15px;font-weight:600;color:#4a90e2;position:relative;z-index:2}.question-group-content{padding:18px;background:linear-gradient(135deg,#fff,#fbfcff)}.question-group-content .form-group{margin-bottom:15px}.question-group-content .form-group:last-child{margin-bottom:0}.question-group-container:not(.collection-type){border-left:3px solid #4a90e2}.question-group-container:not(.collection-type) .question-group-header:before{width:3px}.question-group-container{transform:translateY(0)}.question-group-container:hover{transform:translateY(-2px)}.collection-type{border-left:4px solid #4a90e2;position:relative;box-shadow:0 3px 8px #4a90e21f}.collection-type:hover{box-shadow:0 4px 12px #4a90e229;transform:translateY(-1px)}.collection-type .question-group-header{background:linear-gradient(135deg,#f0f6ff,#e6f2ff);border-bottom:1px solid #c2d7f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.collection-type .question-group-header:before{display:none}.collection-type .question-group-title{color:#4a90e2;margin:0;font-size:15px;font-weight:600}.collection-buttons{display:flex;gap:8px;align-items:center}.collection-add-btn,.collection-remove-btn{font-size:13px;padding:8px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a;line-height:1.4}.collection-add-btn:before{content:"+";font-size:16px;font-weight:700;line-height:1}.collection-item-actions .btn:before{content:"×";font-size:16px;font-weight:700;line-height:1}.collection-add-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.collection-add-btn:hover{background:linear-gradient(135deg,#357abd,#2968a3);transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.collection-add-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.collection-type:has(.collection-empty-state) .collection-add-btn{animation:pulseBlue 2s infinite}@keyframes pulseBlue{0%{box-shadow:0 2px 4px #0000001a}50%{box-shadow:0 0 0 4px #4a90e233,0 2px 4px #0000001a}to{box-shadow:0 2px 4px #0000001a}}.collection-items{position:relative}.collection-item{position:relative;padding:15px;margin-bottom:10px;border:1px solid #e9ecef;border-radius:8px;background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 2px 6px #0000000d;transition:all .3s ease;animation:slideInFromLeft .4s ease-out;overflow:visible}.collection-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.collection-item:last-child{margin-bottom:0}.collection-item-index{position:absolute;top:-24px;left:-24px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 2px 6px #4a90e24d;border:2px solid white;min-width:24px;text-align:center}.collection-item-header{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.collection-item-content{padding:0}.collection-item.first-item{border-left:4px solid #4a90e2;background:linear-gradient(135deg,#f8fbff,#f0f6ff)}.collection-item.first-item .collection-item-index{background:linear-gradient(135deg,#4a90e2,#357abd);box-shadow:0 2px 6px #4a90e266}.collection-item-delete{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;border:2px solid #ffffff;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 6px #dc35454d;z-index:10}.collection-item-delete:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:scale(1.1);box-shadow:0 4px 12px #dc354580}.collection-item-delete:active{transform:scale(.95);box-shadow:0 2px 4px #dc35454d}.collection-empty-state{text-align:center;padding:30px;color:#6c757d;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:2px dashed #dee2e6;margin:10px 0}.collection-empty-state:before{content:"📋";font-size:2.5rem;margin-bottom:15px;opacity:.6;display:block}.collection-empty-state p{margin:0;font-size:14px;line-height:1.5;font-weight:500}.collection-empty-state small{color:#868e96;font-style:italic;font-size:12px}.collection-error-state{text-align:center;padding:30px;color:#dc3545;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-radius:8px;border:2px dashed #dc3545;margin:10px 0}.collection-error-state .error-icon{font-size:2.5rem;margin-bottom:15px;opacity:.8;display:block}.collection-error-state p{margin:0;font-size:14px;line-height:1.5;font-weight:500}@media(max-width:768px){.question-group-header{padding:10px 12px}.question-group-content{padding:14px}.question-group-title{font-size:14px}.question-group-container:hover{transform:translateY(-1px)}.question-group-container:not(.collection-type){border-left:2px solid #4a90e2}.collection-type{border-left:3px solid #4a90e2}.collection-type .question-group-header{flex-direction:column;align-items:stretch}.collection-add-btn{width:100%;margin-top:5px;justify-content:center}.collection-item-delete{width:24px;height:24px;font-size:14px}.collection-item-index{font-size:11px;padding:3px 8px}.collection-empty-state{padding:20px}.collection-empty-state .fas{font-size:2rem;margin-bottom:10px}}
