/* MOVE — Lista e etapas do diálogo de mover jogador / Caixa de Diálogo MOVER. */
.move-dialog-card{background:var(--background);width:min(100vw, 600px);border-radius:var(--border-radius-large);border:1px solid var(--border);box-shadow:0 20px 50px rgba(0,0,0,.10);color:var(--white);padding:20px;}
.move-dialog-card h3{margin:5px;}
.move-dialog-card input[type="search"] {
  width: 100%; padding: 10px; background: var(--panel); color: var(--white); border: 1px solid var(--border);
  border-radius: var(--border-radius-small);
  outline: none;
}

.move-player-list {
  display: grid;
  gap: var(--gap);
  max-height: 40vh;
  overflow: auto;}
.move-player-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: var(--gap);
  padding: 10px;
  background: var(--panel);
  color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small);
  cursor: pointer;}

.move-player-item.selected {background: var(--blue);}
.move-player-item.selected .player-name, .move-player-item.selected .sub {color: var(--white);}
.move-step-panel {display: grid; gap: var(--gap);}
.move-step-panel label {font-size: var(--font-small); color: var(--white);}
.move-step-panel input {width: 100%; padding: 12px; background: var(--panel); color: var(--white); border: 1px solid var(--border); border-radius: var(--border-radius-small);}

/* Diálogo */
.move-dialog{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.50);backdrop-filter:blur(10px);}
.move-player-item img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.20);}
.move-player-item .info{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.move-player-item .player-name{font-weight:var(--font-bold);text-transform:uppercase;}
.move-player-item .sub{font-size:var(--font-small);color:var(--white);}


/* SCORE — Busca de jogador / Caixa de Diálogo PONTUAR. */
.score-dialog { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center;
  padding: 20px; background: rgba(0, 0, 0, .60); backdrop-filter: blur(10px);}
.score-dialog.hidden {display: none !important;}

.score-dialog-card { display:flex;
    flex-direction:column;
    align-items:center;
  width: min(90vw, 450px);
  max-width: 450px;
  min-width: 0;
  padding: 20px;
  background: var(--background);
  color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--border-radius-large);
  box-shadow: 0 20px 90px rgba(0, 0, 0, .50);}
.score-dialog-card label {display: block; width: 100%; margin: 10px; color: var(--white); font-size: var(--font-small);}
.score-dialog-card input,
.score-dialog-card select {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 10px;
  background: var(--panel);
  color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small);
  box-sizing: border-box;}
.score-dialog-card input[type="search"] { margin-bottom: var(--gap);}
.score-dialog-card input::placeholder { color: var(--white); opacity: 1;}