.team-app{display:grid;grid-template-columns:320px 1fr;gap:2rem;margin:0}.panel textarea{width:100%;padding:.75rem;margin-bottom:1rem;margin-top:8px;border:1px solid #ddd;border-radius:4px;resize:vertical;min-height:200px}.panel input[type=number]{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.radio-group{margin-bottom:1rem}.radio-option{display:flex;align-items:center;margin-bottom:.75rem}.radio-option input[type=radio]{margin-right:.5rem;cursor:pointer}.radio-option label{margin:0;cursor:pointer;flex:1}.hidden-control{display:none}.teams-wrapper{background:#fff;border-radius:8px}.teams-wrapper h3{margin-top:0;margin-bottom:1.5rem;color:#333}.teams-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.team{border-radius:8px;padding:1.5rem;border:3px solid}.team:nth-child(1){background-color:var(--blue-faint);border-color:var(--blue)}.team:nth-child(1) h3{color:var(--blue)}.team:nth-child(1) .team-members li:not(.team-leader){border-color:var(--blue)}.team:nth-child(1) .team-name:hover{background-color:#005ea21a}.team:nth-child(1).drag-over{box-shadow:inset 0 0 0 1px var(--blue);background-color:#005ea20d!important}.team:nth-child(2){background-color:var(--red-faint);border-color:var(--red)}.team:nth-child(2) h3{color:var(--red-dark)}.team:nth-child(2) .team-members li:not(.team-leader){border-color:var(--red)}.team:nth-child(2) .team-name:hover{background-color:#d9534f1a}.team:nth-child(2).drag-over{box-shadow:inset 0 0 0 1px var(--red);background-color:#d9534f0d!important}.team:nth-child(3){background-color:var(--green-faint);border-color:var(--green)}.team:nth-child(3) h3{color:var(--green-dark)}.team:nth-child(3) .team-members li:not(.team-leader){border-color:var(--green)}.team:nth-child(3) .team-name:hover{background-color:#5cb85c1a}.team:nth-child(3).drag-over{box-shadow:inset 0 0 0 1px var(--green);background-color:#5cb85c0d!important}.team:nth-child(4){background-color:var(--yellow-faint);border-color:var(--yellow)}.team:nth-child(4) h3{color:var(--yellow-dark)}.team:nth-child(4) .team-members li:not(.team-leader){border-color:var(--yellow)}.team:nth-child(4) .team-name:hover{background-color:#ffc1071a}.team:nth-child(4).drag-over{box-shadow:inset 0 0 0 1px var(--yellow);background-color:#ffc1070d!important}.team:nth-child(5){background-color:var(--purple-faint);border-color:var(--purple)}.team:nth-child(5) h3{color:var(--purple)}.team:nth-child(5) .team-members li:not(.team-leader){border-color:var(--purple)}.team:nth-child(5) .team-name:hover{background-color:#6f42c11a}.team:nth-child(5).drag-over{box-shadow:inset 0 0 0 1px var(--purple);background-color:#6f42c10d!important}.team:nth-child(6){background-color:var(--pink-faint);border-color:var(--pink)}.team:nth-child(6) h3{color:var(--pink-dark)}.team:nth-child(6) .team-members li:not(.team-leader){border-color:var(--pink)}.team:nth-child(6) .team-name:hover{background-color:#e83e8c1a}.team:nth-child(6).drag-over{box-shadow:inset 0 0 0 1px var(--pink);background-color:#e83e8c0d!important}.team:nth-child(7){background-color:var(--orange-faint);border-color:var(--orange)}.team:nth-child(7) h3{color:var(--orange-dark)}.team:nth-child(7) .team-members li:not(.team-leader){border-color:var(--orange)}.team:nth-child(7) .team-name:hover{background-color:#c98c371a}.team:nth-child(7).drag-over{box-shadow:inset 0 0 0 1px var(--orange);background-color:#f0ad4e0d!important}.team:nth-child(8n) .team-name:hover{background-color:#a8a8a81a}.team:nth-child(8n).drag-over{box-shadow:inset 0 0 0 1px var(--gray);background-color:#7b7b7b0d!important}.team:nth-child(8n+1){background-color:var(--blue-faint);border-color:var(--blue)}.team:nth-child(8n+1) h3{color:var(--blue)}.team:nth-child(8n+1) .team-name:hover{background-color:#005ea21a}.team:nth-child(8n+1).drag-over{box-shadow:inset 0 0 0 1px var(--blue);background-color:#005ea20d!important}.team:nth-child(8n+1) .team-members li:not(.team-leader){border-color:var(--blue)}.team:nth-child(8n+2){background-color:var(--red-faint);border-color:var(--red)}.team:nth-child(8n+2) h3{color:var(--red-dark)}.team:nth-child(8n+2) .team-name:hover{background-color:#dc35451a}.team:nth-child(8n+2).drag-over{box-shadow:inset 0 0 0 1px var(--red);background-color:#dc35450d!important}.team:nth-child(8n+2) .team-members li:not(.team-leader){border-color:var(--red)}.team:nth-child(8n+3){background-color:var(--green-faint);border-color:var(--green)}.team:nth-child(8n+3) h3{color:var(--green-dark)}.team:nth-child(8n+3) .team-name:hover{background-color:#28a7451a}.team:nth-child(8n+3).drag-over{box-shadow:inset 0 0 0 1px var(--green);background-color:#28a7450d!important}.team:nth-child(8n+3) .team-members li:not(.team-leader){border-color:var(--green)}.team:nth-child(8n+4){background-color:var(--yellow-faint);border-color:var(--yellow)}.team:nth-child(8n+4) .team-name:hover{background-color:#ffc1071a}.team:nth-child(8n+4).drag-over{box-shadow:inset 0 0 0 1px var(--yellow);background-color:#ffc1070d!important}.team:nth-child(8n+4) h3{color:var(--yellow-dark)}.team:nth-child(8n+4) .team-members li:not(.team-leader){border-color:var(--yellow)}.team:nth-child(8n+5){background-color:var(--purple-faint);border-color:var(--purple)}.team:nth-child(8n+5) h3{color:var(--purple)}.team:nth-child(8n+5) .team-name:hover{background-color:#8000801a}.team:nth-child(8n+5).drag-over{box-shadow:inset 0 0 0 1px var(--purple);background-color:#8000800d!important}.team:nth-child(8n+5) .team-members li:not(.team-leader){border-color:var(--purple)}.team:nth-child(8n+6){background-color:var(--pink-faint);border-color:var(--pink)}.team:nth-child(8n+6) h3{color:var(--pink-dark)}.team:nth-child(8n+6) .team-name:hover{background-color:#ffc0cb1a}.team:nth-child(8n+6).drag-over{box-shadow:inset 0 0 0 1px var(--pink);background-color:#ffc0cb0d!important}.team:nth-child(8n+6) .team-members li:not(.team-leader){border-color:var(--pink)}.team:nth-child(8n+7){background-color:var(--orange-faint);border-color:var(--orange)}.team:nth-child(8n+7) h3{color:var(--orange-dark)}.team:nth-child(8n+7) .team-name:hover{background-color:#ffa5001a}.team:nth-child(8n+7).drag-over{box-shadow:inset 0 0 0 1px var(--orange);background-color:#ffa5000d!important}.team:nth-child(8n+7) .team-members li:not(.team-leader){border-color:var(--orange)}.team h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;width:100%}.team-name{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.team-name-text{line-height:1.2}.team-name-default .team-name-edit-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;opacity:.7;transition:opacity .2s ease,transform .2s ease}.team-name-default:hover .team-name-edit-icon{opacity:1;transform:translate(1px)}.team-name-edit-icon svg{width:100%;height:100%;fill:currentColor}.team-name-input{width:100%;padding:.5rem;margin:0 0 1rem;border:2px solid;border-radius:4px;font-size:1.1rem;font-weight:700;box-sizing:border-box}.team:nth-child(1) .team-name-input{border-color:var(--blue)}.team:nth-child(2) .team-name-input{border-color:var(--red)}.team:nth-child(3) .team-name-input{border-color:var(--green)}.team:nth-child(4) .team-name-input{border-color:var(--yellow)}.team:nth-child(5) .team-name-input{border-color:var(--purple)}.team:nth-child(6) .team-name-input{border-color:var(--pink)}.team:nth-child(7) .team-name-input{border-color:var(--orange)}.team:nth-child(8n+1) .team-name-input{border-color:var(--blue)}.team:nth-child(8n+2) .team-name-input{border-color:var(--red)}.team:nth-child(8n+3) .team-name-input{border-color:var(--green)}.team:nth-child(8n+4) .team-name-input{border-color:var(--yellow)}.team:nth-child(8n+5) .team-name-input{border-color:var(--purple)}.team:nth-child(8n+6) .team-name-input{border-color:var(--pink)}.team:nth-child(8n+7) .team-name-input{border-color:var(--orange)}.team-members{list-style:none;margin:0;padding:0}.team-members li{padding:.75rem;margin-bottom:.5rem;background:#fff;border-radius:4px;border:2px solid;font-size:.95rem;cursor:move;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.team-members li:hover{box-shadow:0 2px 4px #0000001a}.team-members li:last-child{margin-bottom:0}.team-members li.dragging{opacity:.5;background:#f5f5f5}.team-members li.team-leader{background:linear-gradient(135deg,var(--yellow-light) 0%,var(--yellow-faint) 100%);border-color:var(--yellow)!important;font-weight:500}.team-members li.team-leader:hover{box-shadow:0 2px 8px #ffc1074d}.member-name{flex:1}.leader-badge{margin-left:.5rem;font-size:1.1rem}.empty-state{text-align:center;color:#999;padding:2rem;font-style:italic}.error-message{padding:1.5rem;border-radius:8px;height:fit-content;border:1px solid var(--red);color:var(--red-dark);background-color:var(--red-faint)}.success-message{color:#388e3c;padding:1rem;margin-bottom:1rem;background:#e8f5e9;border-radius:4px;border:4px solid #388e3c}#teamsTip{margin-bottom:1rem}@media(max-width:900px){.team-app{grid-template-columns:1fr}#teamsTip{display:none!important}.panel{height:auto}.teams-container{grid-template-columns:1fr}}