/* Preload CSS - ซ่อน UI ทันทีก่อนที่ app.js จะโหลด */

html.preload-ui {
  background: #f8fafc;
}

html.preload-ui body {
  background: #f8fafc;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

html.preload-ui body.ui-ready {
  opacity: 1;
}

/* ซ่อนเนื้อหาทั้งหมดจนกว่าจะพร้อม */
html.preload-ui .app-shell,
html.preload-ui .app-sidebar,
html.preload-ui .app-main,
html.preload-ui .topbar,
html.preload-ui .app-footer {
  opacity: 0;
}

html.preload-ui body.ui-ready .app-shell,
html.preload-ui body.ui-ready .app-sidebar,
html.preload-ui body.ui-ready .app-main,
html.preload-ui body.ui-ready .topbar,
html.preload-ui body.ui-ready .app-footer {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}