/* /css/plantillapickerglobal.css */
.alabModalBack {
    position: fixed; inset: 0; background: rgba(0,0,0,0.8);
    display: none; align-items: center; justify-content: center; z-index: 10000;
    backdrop-filter: blur(5px);
}
.alabModalBack.is-open { display: flex; }

.alabModal {
    background: #0F1218; width: 400px; border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.1); padding: 24px;
}

.alabMiniPitch {
    width: 100%; aspect-ratio: 105/68; background: #15201b;
    border-radius: 12px; position: relative; overflow: hidden;
    border: 1px solid rgba(255,255,255,0.05);
}

.alabMiniPitchInner { position: absolute; inset: 0; }

.alabBoxBtn {
    position: absolute; transform: translate(-50%, -50%);
    width: 44px; height: 44px; border-radius: 10px;
    background: rgba(13, 19, 31, 0.9); border: 1px solid rgba(255,255,255,0.1);
    color: #fff; cursor: pointer; display: flex; flex-direction: column;
    align-items: center; justify-content: center; transition: all 0.2s;
}

.alabBoxBtn:hover { border-color: #34D399; background: #1a2c22; }
.alabBoxBtn.is-active { background: #34D399; color: #000; }
.alabBoxBtn.is-full { opacity: 0.5; cursor: not-allowed; }

.alabBoxBtn span { font-weight: 800; font-size: 14px; }
.alabBoxBtn small { font-size: 9px; opacity: 0.7; }