/* styles/views/board-toolbar.css
 * Board toolbar : 3 boutons (align V / align H / recentrer) avec icônes
 * SVG nettes. Look cohérent avec theme-toggle + zoom controls — métal
 * noir en dark, papier crème + encre bleu RATP en light. */

.board-toolbar{
  position:absolute; top:12px; left:12px; z-index:10;
  display:flex; gap:3px;
  background:#1a1a1a;
  border:1.5px solid #3a3a3a;
  border-radius:3px;
  padding:3px;
  box-shadow:0 2px 4px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
}
.board-tool-btn{
  display:flex; align-items:center; justify-content:center;
  width:32px; height:32px;
  background:transparent; border:none; border-radius:2px;
  color:#d8d3c4;                 /* crème lisible sur fond noir */
  cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.board-tool-btn .tool-icon{ width:18px; height:18px; display:block; }
.board-tool-btn:hover{
  background:#242424;
  color:#ff9a1f;                  /* accent orange RATP au hover */
}
.board-tool-btn.overlap-glow{
  background:rgba(255,154,31,.18);
  color:#ff9a1f;
  animation:align-pulse .9s ease-in-out infinite;
}
@keyframes align-pulse{
  0%,100%{ box-shadow:inset 0 0 0 1px rgba(255,154,31,.35); }
  50%    { box-shadow:inset 0 0 0 1px rgba(255,154,31,.8); }
}

/* Light mode : carte papier crème + encre bleu RATP. */
html[data-theme="light"] .board-toolbar{
  background:#f8f6f0;
  border-color:rgba(0,0,0,.2);
  box-shadow:0 2px 4px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.5);
}
html[data-theme="light"] .board-tool-btn{ color:#1a2d52; }
html[data-theme="light"] .board-tool-btn:hover{
  background:#fff; color:#003f7a;
}
html[data-theme="light"] .board-tool-btn.overlap-glow{
  background:rgba(255,154,31,.22); color:#b8651c;
}

/* ---- Theme toggle ---- */
.theme-toggle{
  position:absolute;top:14px;right:14px;z-index:10;
  width:36px;height:36px;border-radius:50%;border:1px solid var(--border-strong);
  background:var(--panel);color:var(--fg);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;line-height:1;flex-shrink:0;
  transition:background .2s, border-color .2s;
}
.theme-toggle-bar{
  position:static;width:30px;height:30px;font-size:14px;
  margin-left:auto;
}
.theme-toggle:hover{border-color:var(--accent);background:var(--panel-2)}