/* AivanCrate — Angry Birds list в стиле V2 (птичий акцент — красный, как у птиц) */
.abx { --abx-red: #ff5a5a; }
.abx .ab-nest-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; max-width: 76rem; margin: 0 auto 1rem; padding: .7rem .8rem; border-radius: 1.1rem; background: var(--av2-card); border: 1px solid var(--av2-line); box-shadow: 0 0 0 1px #000; }
.abx .ab-search { flex: 1 1 16rem; width: auto; padding: .5rem .8rem .5rem 2.1rem; border-radius: .7rem; color: #fff; background: rgba(2, 3, 20, .85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238fa0ff'%3E%3Ccircle cx='7' cy='7' r='5' stroke='%238fa0ff' stroke-width='2' fill='none'/%3E%3Cpath d='M11 11l4 4' stroke='%238fa0ff' stroke-width='2'/%3E%3C/svg%3E") .7rem center no-repeat; border: 1px solid rgba(143, 160, 255, .3); outline: none; }
.abx .ab-search:focus { border-color: var(--av2-sky); box-shadow: 0 0 0 3px rgba(59, 73, 255, .35); }
.abx .ab-drag-hint { color: var(--av2-muted); }
.abx .ab-btn { border: 0; border-radius: .7rem; padding: .45rem .9rem; font-weight: 800; color: #fff; background: linear-gradient(180deg, var(--av2-blue-2), var(--av2-blue)); box-shadow: 0 0 0 2px #000, inset 0 2px 0 rgba(255, 255, 255, .2); }
.abx .ab-btn-ghost { background: rgba(2, 3, 20, .8); box-shadow: 0 0 0 1px var(--av2-line); }
.abx .ab-btn-add { background: linear-gradient(180deg, #22c55e, #15803d); }
.abx .ab-btn-danger { background: linear-gradient(180deg, #ef4444, #991b1b); }
.abx .ab-add, .abx .ab-edit-box { max-width: 76rem; margin: 0 auto 1rem; padding: .9rem; border-radius: 1rem; background: var(--av2-card); border: 1px solid var(--av2-line); box-shadow: 0 0 0 1px #000; color: var(--av2-ink); }
.abx .ab-edit-box { margin: .5rem 0 0; background: rgba(2, 3, 20, .6); }
.abx .ab-add label, .abx .ab-edit-box label { color: var(--av2-sky); font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.abx .ab-add input, .abx .ab-add select, .abx .ab-edit-box input, .abx .ab-edit-box select { background: rgba(2, 3, 20, .85); color: #fff; border: 1px solid rgba(143, 160, 255, .3); border-radius: .6rem; text-transform: none; letter-spacing: 0; }
.abx .ab-diff-picks input:checked + img { box-shadow: 0 0 0 2px #000, 0 0 0 4px var(--av2-gold); }

/* Карточки */
.abx .ab-list { max-width: 76rem; }
.abx-rank { gap: .25rem; }
.abx-rank .ab-grip { cursor: grab; color: var(--av2-muted); font-weight: 900; letter-spacing: -2px; }
.abx-rank .ab-move { display: flex; gap: .2rem; }
.abx-rank .ab-move button { width: 1.5rem; height: 1.3rem; padding: 0; border: 0; border-radius: .35rem; font-size: .6rem; color: #fff; background: rgba(59, 73, 255, .35); }
.abx-rank .ab-move button:hover { background: var(--av2-blue-2); }
.abx .ab-rank { font-size: 2.2rem; line-height: 1; color: #fff; }
.abx .ab-card.is-top1 .ab-rank { color: var(--av2-gold); }
.abx .ab-card.is-top2 .ab-rank { color: #e5e7f5; }
.abx .ab-card.is-top3 .ab-rank { color: #f0a35b; }
.abx .ab-card.is-dragging { opacity: .45; }
.abx .ab-card.is-dragover { outline: 2px dashed var(--av2-gold); outline-offset: 3px; }
.abx-bird { color: #fff; background: linear-gradient(90deg, rgba(255, 90, 90, .45), rgba(185, 28, 28, .45)); border-color: rgba(255, 120, 120, .55); }
.abx .av2-sum > .abx-bird-cell { background: linear-gradient(180deg, rgba(255, 90, 90, .3), rgba(185, 28, 28, .18)); border-color: rgba(255, 120, 120, .4); }
.abx-actions { justify-content: flex-start; }
.abx .ab-jump { display: inline-flex; align-items: center; gap: .3rem; margin: 0; color: var(--av2-muted); font-size: .78rem; font-weight: 700; }
.abx .ab-jump input { width: 4rem; padding: .25rem .4rem; border-radius: .5rem; background: rgba(2, 3, 20, .85); color: #fff; border: 1px solid rgba(143, 160, 255, .3); }
.abx .ab-empty { color: var(--av2-muted); }
.abx .d-none { display: none !important; }

/* Модалка удаления */
body:has(.abx) .ab-modal-card { background: linear-gradient(180deg, #0b1170, #070a33); color: var(--av2-ink); border: 1px solid var(--av2-line); box-shadow: 0 0 0 2px #000, 0 30px 70px rgba(0, 0, 0, .7); border-radius: 1.1rem; }
body:has(.abx) .ab-modal-card p { color: var(--av2-muted); }
body:has(.abx) .ab-modal .ab-btn { border: 0; border-radius: .7rem; padding: .45rem .9rem; font-weight: 800; color: #fff; background: rgba(2, 3, 20, .8); box-shadow: 0 0 0 1px var(--av2-line); }
body:has(.abx) .ab-modal .ab-btn-danger { background: linear-gradient(180deg, #ef4444, #991b1b); box-shadow: 0 0 0 2px #000; }

/* Пагинация */
.abx .pagination-wrapper { max-width: 76rem; margin: 1rem auto 0; color: var(--av2-muted); }
