.widget-main li{list-style:none}.widget-main .list-languages-chooser{margin-bottom:20px}.widget-main .widget-source-panel .card-header{background:transparent;border-bottom:1px solid var(--bb-border-color)}.widget-main .widget-source-search{background:var(--bb-bg-surface-secondary)}.widget-main .widget-source-search .form-control{background:var(--bb-bg-surface);border-color:rgba(var(--bb-body-color-rgb),.15)}.widget-main .widget-source-search .form-control:focus{border-color:var(--bb-primary);box-shadow:0 0 0 .2rem rgba(var(--bb-primary-rgb),.15)}.widget-main .widget-source-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 380px);min-height:300px;overflow-y:auto}.widget-main .widget-source-item{transition:transform .2s ease,opacity .2s ease}.widget-main .widget-source-item:hover .widget-source-card{background:rgba(var(--bb-primary-rgb),.02);border-color:var(--bb-primary)}.widget-main .widget-source-item:hover .widget-source-drag{color:var(--bb-primary);opacity:1}.widget-main .widget-source-item:hover .widget-source-add{opacity:1}.widget-main .widget-source-item.sortable-ghost{opacity:.4}.widget-main .widget-source-item.sortable-chosen .widget-source-card{border-color:var(--bb-primary);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:scale(1.02)}.widget-main .widget-source-item.sortable-drag{opacity:.9}.widget-main .widget-source-card{align-items:center;background:var(--bb-bg-surface);border:1px solid var(--bb-border-color);border-radius:var(--bb-border-radius);cursor:grab;display:flex;gap:12px;padding:12px;transition:all .2s ease}.widget-main .widget-source-card:active{cursor:grabbing}.widget-main .widget-source-drag{color:var(--bb-secondary);flex-shrink:0;opacity:.5;transition:opacity .2s ease,color .2s ease}.widget-main .widget-source-icon{align-items:center;background:var(--bb-primary-lt);border-radius:var(--bb-border-radius);color:var(--bb-primary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.widget-main .widget-source-info{flex-grow:1;min-width:0;overflow:hidden}.widget-main .widget-source-name{color:var(--bb-body-color);font-size:.875rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-main .widget-source-desc{color:var(--bb-secondary);font-size:.75rem;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-main .widget-source-add{align-items:center;background:transparent;border:1px solid var(--bb-border-color);border-radius:var(--bb-border-radius);color:var(--bb-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:.6;transition:all .2s ease;width:32px}.widget-main .widget-source-add:hover{background:var(--bb-primary);border-color:var(--bb-primary);color:#fff;transform:scale(1.1)}.widget-main .widget-source-add:focus{outline:2px solid var(--bb-primary);outline-offset:2px}.widget-main .widget-areas-panel .card-header{background:transparent;border-bottom:1px solid var(--bb-border-color)}.widget-main .widget-area-card{border:1px solid var(--bb-border-color);border-radius:var(--bb-border-radius);overflow:hidden;transition:box-shadow .2s ease}.widget-main .widget-area-card:has(.sortable-ghost){box-shadow:0 0 0 2px var(--bb-primary)}.widget-main .widget-area-header{background:var(--bb-bg-surface-secondary);border-bottom:1px solid var(--bb-border-color);padding:12px 16px}.widget-main .widget-area-header .card-title{font-size:.9375rem}.widget-main .widget-area-icon{align-items:center;background:var(--bb-azure-lt);border-radius:var(--bb-border-radius);color:var(--bb-azure);display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:12px;width:32px}.widget-main .widget-area-count{font-size:.75rem;padding:4px 8px}.widget-main .widget-area-body{background:var(--bb-bg-surface);min-height:120px;padding:12px}.widget-main .widget-area-list{display:flex;flex-direction:column;gap:8px;min-height:80px}.widget-main .widget-area-list:has(.sortable-ghost) .widget-dropzone{display:none}.widget-main .widget-item{transition:transform .2s ease,opacity .2s ease}.widget-main .widget-item.sortable-ghost{opacity:.4}.widget-main .widget-item.sortable-chosen .widget-item-card{box-shadow:0 4px 12px rgba(0,0,0,.15)}.widget-main .widget-item.is-expanded .widget-item-toggle svg{transform:rotate(180deg)}.widget-main .widget-item.is-expanded .widget-item-card{border-color:var(--bb-primary)}.widget-main .widget-item-card{background:var(--bb-bg-surface);border:1px solid var(--bb-border-color);border-radius:var(--bb-border-radius);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.widget-main .widget-item-header{align-items:center;background:var(--bb-bg-surface-secondary);cursor:grab;display:flex;gap:8px;padding:10px 12px;transition:background-color .2s ease}.widget-main .widget-item-header:hover{background:var(--bb-bg-surface-tertiary)}.widget-main .widget-item-header:active{cursor:grabbing}.widget-main .widget-item-drag{color:var(--bb-secondary);flex-shrink:0;opacity:.5}.widget-main .widget-item-icon{align-items:center;background:var(--bb-primary-lt);border-radius:var(--bb-border-radius-sm);color:var(--bb-primary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.widget-main .widget-item-title{flex-grow:1;min-width:0}.widget-main .widget-item-title h5{font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-main .widget-item-toggle{align-items:center;background:transparent;border:none;border-radius:var(--bb-border-radius-sm);color:var(--bb-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:28px}.widget-main .widget-item-toggle:hover{background:var(--bb-bg-surface);color:var(--bb-body-color)}.widget-main .widget-item-toggle svg{transition:transform .3s ease}.widget-main .widget-item-content{border-top:1px solid var(--bb-border-color);display:none}.widget-main .widget-item-content.show{display:block}.widget-main .widget-item-body{padding:16px}.widget-main .widget-item-body .form-group:not(:first-child){margin-top:12px}.widget-main .widget-item-actions{align-items:center;border-top:1px solid var(--bb-border-color);display:flex;gap:8px;justify-content:space-between;margin-top:16px;padding-top:16px}.widget-main .widget-dropzone{transition:all .3s ease}.widget-main .widget-dropzone-inner{align-items:center;background:var(--bb-bg-surface-secondary);border:2px dashed var(--bb-border-color);border-radius:var(--bb-border-radius);display:flex;flex-direction:column;justify-content:center;padding:24px 16px;text-align:center;transition:all .3s ease}.widget-area-list:has(.sortable-ghost) .widget-main .widget-dropzone-inner,.widget-dropzone:hover .widget-main .widget-dropzone-inner{background:rgba(var(--bb-primary-rgb),.05);border-color:var(--bb-primary)}.widget-main .widget-dropzone-icon{align-items:center;background:var(--bb-bg-surface);border-radius:50%;color:var(--bb-secondary);display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.widget-main .widget-dropzone-icon svg{height:24px;width:24px}.widget-main .widget-dropzone-text{color:var(--bb-body-color);font-size:.875rem;font-weight:500;margin:0 0 4px}.widget-main .widget-dropzone-hint{color:var(--bb-secondary);font-size:.75rem}@keyframes pulse-border{0%{border-color:var(--bb-primary)}50%{border-color:rgba(var(--bb-primary-rgb),.3)}to{border-color:var(--bb-primary)}}.widget-main .dragging-active .widget-dropzone-inner{animation:pulse-border 1.5s ease-in-out infinite}.widget-main .ts-control .item{width:calc(100% - 15px)!important}.widget-main .btn-ghost-primary{background-color:transparent;border-color:transparent;color:var(--bb-primary)}.widget-main .btn-ghost-primary:hover{background-color:var(--bb-primary-lt);border-color:transparent;color:var(--bb-primary)}.widget-main .btn-ghost-secondary{background-color:transparent;border-color:transparent;color:var(--bb-secondary)}.widget-main .btn-ghost-secondary:hover{background-color:var(--bb-bg-surface-secondary);border-color:transparent;color:var(--bb-body-color)}[data-bs-theme=dark] .widget-main .widget-item-card,[data-bs-theme=dark] .widget-main .widget-source-card{background:var(--bb-bg-surface)}[data-bs-theme=dark] .widget-main .widget-area-header,[data-bs-theme=dark] .widget-main .widget-dropzone-inner,[data-bs-theme=dark] .widget-main .widget-source-search{background:var(--bb-bg-surface-secondary)}#widget-add-modal .widget-sidebar-list{border:1px solid var(--bb-border-color);border-radius:var(--bb-border-radius);max-height:350px;overflow-y:auto}#widget-add-modal .widget-sidebar-option{border:none;border-bottom:1px solid var(--bb-border-color);padding:12px 16px;transition:all .2s ease}#widget-add-modal .widget-sidebar-option:last-child{border-bottom:none}#widget-add-modal .widget-sidebar-option:focus,#widget-add-modal .widget-sidebar-option:hover{background-color:var(--bb-primary-lt);z-index:1}#widget-add-modal .widget-sidebar-option:active{transform:scale(.99)}#widget-add-modal .widget-sidebar-option-icon{align-items:center;background:var(--bb-azure-lt);border-radius:var(--bb-border-radius);color:var(--bb-azure);display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:12px;width:32px}#widget-add-modal .widget-sidebar-option-arrow{color:var(--bb-secondary);transition:transform .2s ease}#widget-add-modal .widget-sidebar-option:hover .widget-sidebar-option-arrow{color:var(--bb-primary);transform:translateX(4px)}#widget-add-modal .widget-add-step-header{align-items:center;border-bottom:1px solid var(--bb-border-color);display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}#widget-add-modal .widget-add-back-btn{flex-shrink:0}#widget-add-modal .widget-add-step-info{flex-grow:1}#widget-add-modal .widget-add-form-container{background:var(--bb-bg-surface-secondary);border-radius:var(--bb-border-radius);margin-bottom:16px;max-height:400px;overflow-y:auto;padding:16px}#widget-add-modal .widget-add-loading{align-items:center;display:flex;justify-content:center;padding:32px}#widget-add-modal .widget-add-actions{border-top:1px solid var(--bb-border-color);display:flex;gap:8px;justify-content:flex-end;padding-top:16px}@media(max-width:991.98px){.widget-main .widget-source-list{max-height:400px}.widget-main .widget-source-panel{margin-bottom:1rem}}@media(max-width:575.98px){.widget-main .widget-source-card{gap:8px;padding:10px}.widget-main .widget-source-icon{height:32px;width:32px}.widget-main .widget-item-header{padding:8px 10px}.widget-main .widget-item-body{padding:12px}.widget-main .widget-item-actions{flex-direction:column-reverse;gap:8px}.widget-main .widget-item-actions .btn{width:100%}}
