/* td.css - Desktop preview optimization */

@media (min-width: 769px) {
  html, body {
    background-color: #08080c;
    background-image: radial-gradient(circle at 50% 30%, #1a1a28 0%, #08080c 70%);
  }

  .app-wrapper {
    margin: 15px auto;
    border-radius: 20px;
    border: 1px solid rgba(255, 180, 0, 0.2);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
    min-height: calc(100vh - 30px);
  }

  .header-fixed {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .bottom-nav {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}