/* DraftOS enemy lane confirmation / drag-and-drop */

.enemy-lane-setup{
    margin-top:10px;
    border:1px solid rgba(209,91,101,.20);
    background:
        linear-gradient(180deg,rgba(209,91,101,.025),transparent 45%),
        #06131b;
}

.enemy-lane-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:11px 12px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.enemy-lane-head small{
    display:block;
    color:#a86a73;
    font-size:.55rem;
    font-weight:900;
    letter-spacing:.12em;
}

.enemy-lane-head h2{
    margin:2px 0 2px;
    color:#e0e6e9;
    font-size:.95rem;
}

.enemy-lane-head p{
    max-width:650px;
    margin:0;
    color:#687f8a;
    font-size:.58rem;
    line-height:1.35;
}

.enemy-lane-actions{
    display:flex;
    gap:6px;
    align-items:flex-start;
}

.lane-action-btn{
    height:31px;
    padding:0 9px;
    border:1px solid rgba(255,255,255,.08);
    background:#071821;
    color:#79909a;
    font-size:.53rem;
    font-weight:900;
    letter-spacing:.06em;
}

.lane-action-btn:hover{
    border-color:rgba(201,170,113,.28);
    color:#d2c18f;
}

.enemy-lane-workspace{
    display:grid;
    grid-template-columns:190px 1fr;
    gap:10px;
    padding:10px;
}

.enemy-drag-pool-wrap{
    min-width:0;
    border:1px solid rgba(255,255,255,.05);
    background:#051018;
}

.enemy-lane-label{
    display:block;
    padding:6px 8px;
    border-bottom:1px solid rgba(255,255,255,.045);
    color:#718994;
    font-size:.50rem;
    font-weight:900;
    letter-spacing:.09em;
}

.enemy-drag-pool{
    min-height:236px;
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:7px;
    transition:.12s ease;
}

.enemy-drag-pool.drag-over{
    background:rgba(209,91,101,.04);
    box-shadow:inset 0 0 0 1px rgba(209,91,101,.22);
}

.enemy-role-board{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
}

.enemy-role-drop{
    min-width:0;
    min-height:126px;
    border:1px dashed rgba(255,255,255,.10);
    background:#061720;
    transition:.12s ease;
}

.enemy-role-drop.drag-over{
    border-color:#c9aa71;
    background:rgba(201,170,113,.055);
    box-shadow:inset 0 0 18px rgba(201,170,113,.04);
}

.enemy-role-drop.filled{
    border-style:solid;
    border-color:rgba(209,91,101,.28);
}

.enemy-role-name{
    display:block;
    padding:6px 7px;
    border-bottom:1px solid rgba(255,255,255,.045);
    color:#b4c0c5;
    text-align:center;
    font-size:.54rem;
    font-weight:900;
    letter-spacing:.07em;
}

.enemy-role-content{
    min-height:95px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:6px;
}

.enemy-role-placeholder{
    color:#4f6671;
    text-align:center;
    font-size:.51rem;
}

.enemy-drag-chip{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    gap:6px;
    align-items:center;
    padding:7px;
    border:1px solid rgba(209,91,101,.15);
    background:#081923;
    color:#d6dfe2;
    text-align:left;
    cursor:grab;
}

.enemy-drag-chip:active{
    cursor:grabbing;
}

.enemy-drag-chip:hover,
.enemy-drag-chip.selected{
    border-color:rgba(201,170,113,.38);
    background:#0a1d27;
}

.enemy-drag-chip.dragging{
    opacity:.38;
}

.enemy-drag-icon{
    color:#805f67;
    font-size:.72rem;
    text-align:center;
}

.enemy-drag-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.enemy-drag-copy strong{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#dce4e7;
    font-size:.67rem;
}

.enemy-drag-copy small{
    margin-top:2px;
    color:#607984;
    font-size:.49rem;
}

.enemy-role-drop .enemy-drag-chip{
    min-height:76px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
}

.enemy-role-drop .enemy-drag-icon{
    display:none;
}

.enemy-role-drop .enemy-drag-copy strong{
    white-space:normal;
}

.enemy-lane-status{
    min-height:36px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:7px 11px;
    border-top:1px solid rgba(255,255,255,.05);
    color:#718994;
    font-size:.55rem;
}

.enemy-lane-status strong{
    color:#d0ba82;
    font-size:.68rem;
}

.summary-finalize-prompt{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:18px 14px;
    border-left:3px solid rgba(201,170,113,.65);
    background:
        linear-gradient(90deg,rgba(201,170,113,.06),transparent 55%);
}

.summary-finalize-prompt strong{
    color:#dcc893;
    font-size:.78rem;
}

.summary-finalize-prompt span{
    color:#718994;
    font-size:.62rem;
    line-height:1.4;
}

@media(max-width:1150px){
    .enemy-lane-workspace{
        grid-template-columns:1fr;
    }

    .enemy-drag-pool{
        min-height:auto;
        display:grid;
        grid-template-columns:repeat(5,1fr);
    }

    .enemy-role-board{
        grid-template-columns:repeat(5,1fr);
    }
}

@media(max-width:760px){
    .enemy-lane-head{
        flex-direction:column;
    }

    .enemy-drag-pool,
    .enemy-role-board{
        grid-template-columns:1fr 1fr;
    }
}