/* Componentes específicos de Deploy Service.
   La base (identidad Blueorange) vive en blueorange.css y se sincroniza desde mcp_service:
   no editar esa base acá, solo agregar lo propio de este servicio en este archivo. */

.bo-modal { position:fixed; inset:0; z-index:1000; display:none; align-items:center;
            justify-content:center; padding:20px; background:rgba(28,35,51,.55); }
.bo-modal.is-open { display:flex; }
.bo-modal__card { background:#fff; border-radius:14px; width:100%; max-width:520px;
                  overflow:hidden; box-shadow:0 24px 60px rgba(28,35,51,.35);
                  animation:bo-modal-in .16s ease-out; }
@keyframes bo-modal-in { from { transform:translateY(8px); opacity:0; } to { transform:none; opacity:1; } }
.bo-modal__head { background:var(--bo-gradient); color:#fff; padding:16px 22px;
                  font-weight:800; font-size:16px; display:flex; align-items:center; gap:10px; }
.bo-modal__body { padding:20px 22px; color:var(--bo-ink, #1c2333); }
.bo-modal__warn { background:#fdf2dc; border:1px solid #f0d089; color:#8a5b00;
                  border-radius:8px; padding:12px 14px; white-space:pre-wrap;
                  word-break:break-word; margin:0; }
.bo-modal__sub { color:var(--bo-muted); font-size:13px; margin:0 0 12px; }
.bo-modal__foot { display:flex; gap:10px; justify-content:flex-end; padding:0 22px 20px; }
.bo-modal__comment { margin:14px 0 0; display:block; font-weight:600; font-size:13px; }
.bo-modal__comment textarea { display:block; width:100%; box-sizing:border-box; margin-top:6px;
                              min-height:92px; padding:10px 12px; border:1px solid #d9dce3;
                              border-radius:8px; font:inherit; font-weight:400; resize:vertical; }
.bo-modal__comment textarea:focus { outline:none; border-color:var(--bo-purple); box-shadow:0 0 0 3px rgba(123,47,138,.12); }
.bo-modal__err { color:#c81e38; font-size:12.5px; margin:6px 0 0; font-weight:600; }

/* Select de la clave SSH en la edición inline del repo (el <select> nativo lleva el ancho inline). */
.bo-inline-edit__form .bo-select { width: 300px; max-width: 100%; }