/* Prevents un-styled content from flashing on load */
[v-cloak] {
    display: none;
}

/* Custom scrollbar for a more refined look */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

.login-page {
  min-height: 100vh;
  margin: 0;
  /* nice subtle gradient */
  background: linear-gradient(135deg, #0f172a 0%, #4338ca 50%, #22d3ee 100%);
  /* keep content readable */
  display: grid;
  place-items: center;
}

.app-page {
    min-height: 100vh;
    margin: 0;
    background: #f1f5f9;
}


.view.newton-training .stack-row { margin-top: 12px; }
.view.newton-training .with-detail { display: grid; grid-template-columns: 1fr 320px; gap: 12px; }
.overlay-modal .two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.overlay-modal .column.disabled { opacity: .5; pointer-events: none; }
.overlay-modal .step { margin: 12px 0; padding: 12px; border: 1px solid #e3e3e3; border-radius: 8px; }
.overlay-modal .step-title { font-weight: 600; margin-bottom: 8px; }
.table.mini { width: 100%; }
.table.mini th, .table.mini td { padding: 6px 8px; }