/* Graphite Note Variation B - enterprise button consistency pass.
   Loaded last by index.php. Keep this file focused on interactive controls. */

.gn-app-shell {
  --gne-action-blue: #195cff;
  --gne-action-blue-hover: #0f4dde;
  --gne-action-navy: #07162c;
  --gne-action-muted: #627087;
  --gne-action-border: #cfd9e7;
  --gne-action-surface: #ffffff;
  --gne-action-danger: #d92d3d;
  --gne-action-danger-hover: #b92333;
  --gne-action-danger-soft: #fff4f5;
}

/* One predictable control geometry across DevExtreme and legacy buttons. */
.gn-app-shell button, .gn-app-shell .btn{
  border-radius: 8px !important;
}



.gn-app-shell .btn, .gn-app-shell button{
  font-family: "DM Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

/* Primary actions remain unmistakably primary. */
.gn-app-shell .btn-primary, .gn-app-shell .btn_main, .gn-app-shell .gn-primary-action{
  border: 1px solid var(--gne-action-blue) !important;
  background: var(--gne-action-blue) !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(25, 92, 255, .16) !important;
}

.gn-app-shell .btn-primary, .gn-app-shell .btn_main, .gn-app-shell .gn-primary-action{
  color: #fff !important;
}

.gn-app-shell .btn-primary:hover, .gn-app-shell .btn_main:hover, .gn-app-shell .gn-primary-action:hover{
  border-color: var(--gne-action-blue-hover) !important;
  background: var(--gne-action-blue-hover) !important;
  box-shadow: 0 5px 14px rgba(25, 92, 255, .20) !important;
}

/* Secondary actions: visible white surface, stronger boundary, no washed-out text. */
.gn-app-shell .gn-secondary-action{
  border: 1px solid var(--gne-action-border) !important;
  background: var(--gne-action-surface) !important;
  color: var(--gne-action-navy) !important;
  box-shadow: 0 2px 6px rgba(7, 22, 44, .06) !important;
}



.gn-app-shell .gn-secondary-action:hover{
  border-color: #8eafe8 !important;
  background: #f7faff !important;
  color: var(--gne-action-blue) !important;
  box-shadow: 0 4px 10px rgba(25, 92, 255, .10) !important;
}



/* Destructive actions are visually explicit. This intentionally overrides the
   generic DevExtreme "default outlined" styling used by the controllers. */
.gn-app-shell .accountsPage.btn-delete{
  border: 1px solid var(--gne-action-danger) !important;
  background: var(--gne-action-danger) !important;
  color: #fff !important;
  box-shadow: 0 3px 9px rgba(217, 45, 61, .16) !important;
}



.gn-app-shell .accountsPage.btn-delete:hover{
  border-color: var(--gne-action-danger-hover) !important;
  background: var(--gne-action-danger-hover) !important;
  color: #fff !important;
  box-shadow: 0 5px 12px rgba(217, 45, 61, .20) !important;
}



/* Settings action groups should read as a deliberate enterprise action row. */


.gn-app-shell .accountsPage.wrapper .gn-secondary-action,
.gn-app-shell .accountsPage.wrapper .btn-delete {
  margin-right: 8px !important;
}

/* Disabled controls remain legible instead of disappearing. */


/* Consistent keyboard focus. */
.gn-app-shell button:focus-visible, .gn-app-shell .btn:focus-visible{
  outline: 2px solid rgba(70, 215, 255, .9) !important;
  outline-offset: 2px !important;
}