@import url('./main.css');
@import url('./news.css');
@import url('./dice.css');
@import url('./main_menu.css');
@import url('./userlist.css');
@import url('./auth/auth-modal.css');
@import url('./auth/auth-module.css');
@import url('./onlinelist.css');
@import url('./chat/roomselection.css');
@import url('./chat/chat.css');
@import url('./chat/message_item.css');
@import url('./chat/smilies.css');
@import url('./tsviewer/tsviewer.css');
@import url('./streaminfo/streaminfo.css');
@import url('./streaminfo/wishbox.css');
@import url('./profile/profile.css');
@import url('./admin/style.css');
@import url('./calendar/calendar.css');
@import url('./shop/gift_selection_modal.css');
@import url('./donate.css');


html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
}

.sidebar-right {
    min-width: 0;
    overflow: hidden;
}


@media screen and (max-width: 1024px) {
  body, html, #app, [data-inertia-root], .app-layout, .content-grid, .layout-grid, [class*="grid"], [class*="layout"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: "main" !important;
  }

  .sidebar-left,
  .sidebar-right,
  [class*="sidebar"] {
    display: block !important;
    margin: 2rem 1rem 1rem !important;
    padding: 1.5rem !important;
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(12px) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
    width: 20%;
    max-width: 20% !important;
  }

  .sidebar-left h3,
  .sidebar-right h3,
  .sidebar-left h2,
  .sidebar-right h2 {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    font-size: 1.3rem !important;
    color: #fff !important;
  }

  .sidebar-left .online-list,
  .sidebar-right .online-list,
  .sidebar-left .z-auth-module-wrapper,
  .sidebar-right .z-auth-module-wrapper {
    font-size: 0.95rem !important;
  }

  .main-content,
  main,
  [role="main"],
  .page-content {
    padding: 1rem !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .news-feed { padding: 0.5rem !important; }
  .news-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 1rem !important;
    gap: 0.75rem !important;
  }
  .news-title { font-size: 1.25rem !important; }
  .news-meta {
    width: 100% !important;
    justify-content: space-between !important;
    font-size: 0.8rem !important;
  }
  .news-category-badge {
    position: static !important;
    margin-top: 0.5rem !important;
  }
  .news-body { padding: 1rem !important; font-size: 0.95rem !important; }
}

@media (max-width: 1024px) {
  * {
    -webkit-tap-highlight-color: transparent !important;
  }
  input, textarea, button, select {
    font-size: 16px !important;
  }
}