.child-selector{display:inline-block;margin-right:1rem;position:relative}@media (max-width:749px){.child-selector{margin-right:.5rem}}.child-selector__skeleton{cursor:not-allowed;opacity:.6}.child-selector__skeleton .child-selector__text{color:#999;font-family:Open Sans,sans-serif;font-weight:700;letter-spacing:-1%}.child-selector__container{position:relative}.child-selector__button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;min-width:140px;padding:.5rem .75rem;transition:all .2s ease}.child-selector__button:hover{background:#f9f9f9;border-color:#999}@media (max-width:749px){.child-selector__button{font-size:.85rem;min-width:120px;padding:.4rem .6rem}}.child-selector__icon{font-size:1rem;opacity:.7}.child-selector__text{flex:1;font-family:Open Sans,sans-serif;font-weight:700;letter-spacing:-1%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.child-selector__arrow{font-size:.7rem;opacity:.6;transition:transform .2s ease}.child-selector.open .child-selector__arrow{transform:rotate(180deg)}.child-selector__dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);left:0;margin-top:.25rem;min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}@media (max-width:749px){.child-selector__dropdown{min-width:180px;right:auto}}.child-selector.open .child-selector__dropdown{opacity:1;transform:translateY(0);visibility:visible}.child-selector__empty{padding:1rem;text-align:center}.child-selector__empty p{color:#666;font-size:.9rem;margin:0 0 .75rem}.child-selector__list{display:block;max-height:200px;overflow-y:auto}.child-selector__item{align-items:center;border-bottom:1px solid #f0f0f0;-moz-column-gap:8px;column-gap:8px;cursor:pointer;display:grid;grid-template-columns:1fr auto auto auto auto;padding:.75rem 1rem;transition:background .2s ease}.child-selector__item:hover{background:#f8f8f8}.child-selector__item.selected{background:#e8f4fd}.child-selector__item.selected:hover{background:#d8ecfb}.child-selector__item:last-child{border-bottom:none}.child-selector__item-name.grid-name{color:#333;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-selector__item-age.grid-age,.child-selector__item-gender.grid-gender{color:#666;font-size:14px}.grid-delete{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;height:24px;justify-self:center;line-height:22px;padding:0;text-align:center;width:24px}.grid-delete:hover{background:#f0f8ff;border-color:#c8dff8;color:#333}.grid-edit,.grid-edit-spacer{height:24px;justify-self:center;width:24px}@media (max-width:749px){.child-selector__item{-moz-column-gap:6px;column-gap:6px;grid-template-columns:1fr auto auto auto auto;padding:.6rem .8rem}.child-selector__item-name.grid-name{max-width:140px}}.child-selector__item-info{flex:1;text-align:left}.child-selector__item-name{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:.2rem}.child-selector__item-details{color:#666;display:block;font-size:.8rem}.child-selector__check{color:#007cba;font-size:1rem;font-weight:700}.child-selector__actions{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.child-selector__add-btn,.child-selector__edit-btn{background:#007cba;border:1px solid #007cba;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.child-selector__add-btn:hover,.child-selector__edit-btn:hover{background:#005a87;border-color:#005a87}.child-selector__edit-btn{background:#fff;color:#007cba}.child-selector__edit-btn:hover{background:#f0f8ff}@media (max-width:749px){.child-selector__dropdown{left:50%;margin-top:0;max-height:70vh;max-width:300px;position:fixed;top:50%;width:90vw}.child-selector.open .child-selector__dropdown,.child-selector__dropdown{transform:translate(-50%,-50%)}.child-selector__list{max-height:150px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.child-selector.open .child-selector__dropdown{animation:slideDown .2s ease}.child-selector__edit-inline{background:#fff;border:1px solid #007cba;border-radius:4px;color:#007cba;cursor:pointer;font-size:.8rem;height:24px;line-height:22px;padding:0;text-align:center;width:24px}.child-selector__edit-inline:hover{background:#f0f8ff}.grid-edit-spacer{display:inline-block}