/* v14 - teljes web/admin mobil/tablet optimalizálás */
:root{
  --app-bg:#0a0e1a;--app-surface:#111827;--app-card:#1e293b;--app-border:#334155;
  --app-text:#e2e8f0;--app-muted:#94a3b8;--app-primary:#818cf8;--app-radius:20px;
  --mobile-pad:clamp(12px,3.8vw,22px);
}
*{box-sizing:border-box}
html{width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{width:100%;min-width:0;overflow-x:hidden;background:var(--app-bg);color:var(--app-text)}
img,video,iframe,canvas,svg{max-width:100%;height:auto} img{display:inline-block} iframe{border:0}
a,button,input,select,textarea{touch-action:manipulation} input,select,textarea{min-width:0}
pre,code,.payload,.payload-box,.log-line,.details,.token,.hash{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}

.container,.wrap,.wrapper,.page,.page-wrap,.main,.content,.admin-page,.bot-page,.legal-page,.forum-shell{
  width:100%;max-width:min(1500px,100%);margin-left:auto;margin-right:auto;min-width:0;
}
.container,.wrap,.page-wrap,.admin-page,.bot-page{padding-left:clamp(14px,3vw,28px);padding-right:clamp(14px,3vw,28px)}
.card,.panel,.box,.hero,.item,.stat,.topic-row,.board-row,.comment,.comment-item,.person,.notification-card,.upload-card,.setting-card,.bot-card{
  min-width:0;overflow-wrap:anywhere;
}
.grid,.admin-grid,.dashboard-grid,.dashboard-layout,.forum-layout,.browse-layout,.view-layout,.home-grid,.landing-grid,.profile-grid,.settings-grid,.stats,.stats-grid,.cards-grid,.quick-grid,.system-grid,.diagnostics-grid,.bot-grid,.privacy-grid{
  min-width:0;gap:clamp(12px,2vw,22px);
}

/* Egységes, nem kilógó navigáció */
.navbar,.site-nav,.top,.topbar{width:100%;min-width:0;overflow:visible}
.nav,.nav-container,.nav-inner,.top,.topbar-inner{min-width:0;max-width:1500px;margin-left:auto;margin-right:auto}
.logo,.brand{min-width:0;overflow-wrap:anywhere;line-height:1.2}
.links,.nav-links,.admin-links,.top-actions,.header-actions,.actions,.hero-actions,.filters,.pagination,.pager{min-width:0;display:flex;flex-wrap:wrap;gap:10px}
.links a,.nav-links a,.admin-links a,.top-actions a,.btn,button[type=submit],button[type=button]{min-width:0;white-space:normal;text-align:center;line-height:1.25}

/* Űrlapok */
form{max-width:100%;min-width:0}.input,.form-group,.field{min-width:0}
input,select,textarea{max-width:100%;width:100%} textarea{resize:vertical}

/* Táblázatok desktopon görgethetőek, mobilon kártyák */
.table-wrap,.table-responsive,.admin-table-wrap,.logs-table,.audit-table,.bot-table,.legal-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}
table{max-width:100%;border-collapse:collapse} td,th{overflow-wrap:anywhere;word-break:break-word;vertical-align:top}

/* Log/payload optimalizálás */
.payload,.payload-box,.json,.logbox,pre{max-width:100%;max-height:360px;overflow:auto;border-radius:12px}

@media (max-width:1200px){
  .grid,.admin-layout,.dashboard-layout,.forum-layout,.browse-layout,.view-layout,.home-grid,.landing-section-grid,.landing-hero-v10,.privacy-v10 .legal-hero,.profile-grid,.settings-grid{grid-template-columns:1fr!important}
  .sidebar,.admin-sidebar,aside{position:static!important;width:100%!important;max-width:100%!important}
  .container,.wrap{max-width:100%!important}
}

@media (max-width:900px){
  body{font-size:15px}.container,.wrap,.page-wrap,.admin-page,.bot-page,.main,.content{padding:var(--mobile-pad)!important}
  .navbar,.site-nav{padding-left:var(--mobile-pad)!important;padding-right:var(--mobile-pad)!important}
  .nav,.nav-container,.nav-inner,.top,.topbar-inner{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding-top:12px!important;padding-bottom:12px!important}
  .logo,.brand{font-size:clamp(19px,5vw,24px)!important;white-space:normal!important}
  .links,.nav-links,.admin-links,.top-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .links a,.nav-links a,.admin-links a,.top-actions a{width:100%;display:flex!important;align-items:center;justify-content:center;min-height:42px;padding:10px 11px!important;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:rgba(15,23,42,.58);font-size:13px!important}
  .header,.page-header,.admin-header,.panel-header,.item-head,.topic-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  .actions,.header-actions,.hero-actions,.filters,.search-form,.admin-filters,.bot-filters{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .btn,button[type=submit],button[type=button]{width:100%;justify-content:center;min-height:42px}
  .card,.panel,.box,.hero,.item,.bot-card,.landing-main-card,.landing-side-card,.home-hero-main,.home-hero-side{border-radius:18px!important;padding:clamp(15px,4vw,20px)!important}
  .stats,.stats-grid,.cards-grid,.quick-grid,.system-grid,.diagnostics-grid,.bot-grid,.filter-grid,.admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}

  table.app-responsive-table{min-width:0!important;width:100%!important;border-collapse:separate!important;border-spacing:0 12px!important;background:transparent!important}
  table.app-responsive-table thead{display:none!important}
  table.app-responsive-table tbody,table.app-responsive-table tr,table.app-responsive-table td{display:block!important;width:100%!important}
  table.app-responsive-table tr{border:1px solid rgba(148,163,184,.18)!important;border-radius:16px!important;background:rgba(15,23,42,.82)!important;overflow:hidden!important;margin-bottom:12px!important;box-shadow:0 10px 25px rgba(0,0,0,.14)}
  table.app-responsive-table td{border:0!important;border-bottom:1px solid rgba(148,163,184,.10)!important;padding:11px 13px!important;text-align:left!important;min-height:40px}
  table.app-responsive-table td:last-child{border-bottom:0!important}
  table.app-responsive-table td::before{content:attr(data-label);display:block;color:var(--app-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
}

@media (max-width:560px){
  body{font-size:14px}.container,.wrap,.page-wrap,.admin-page,.bot-page,.main,.content{padding:12px!important}
  h1{font-size:clamp(24px,8.5vw,34px)!important;letter-spacing:-.04em!important;line-height:1.08!important} h2{font-size:clamp(20px,6vw,25px)!important;line-height:1.15!important}
  .links,.nav-links,.admin-links,.top-actions,.actions,.header-actions,.hero-actions,.filters,.search-form,.admin-filters,.bot-filters{grid-template-columns:1fr!important}
  .topic-row,.board-row,.landing-topic-card,.comment-item,.person,.notification-card,.upload-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  .topic-icon,.board-icon,.avatar,.person-avatar{flex:0 0 auto}
  input,select,textarea{font-size:16px!important} /* iPhone zoom ellen */
  .payload,.payload-box,.json,.logbox,pre{max-height:260px!important}
}

@media (max-width:380px){
  .container,.wrap,.page-wrap,.admin-page,.bot-page,.main,.content{padding:10px!important}.card,.panel,.box,.hero,.item{padding:13px!important;border-radius:15px!important}
}