/* Скрываем сайдбар на мобиле - только вертикальная ориентация */
@media (max-width: 768px) and (orientation: portrait) {
  .sidebar{display:none!important}
  .main-content{margin-left:0!important}
  .topbar{padding:0 12px!important}
  .page-title{font-size:15px!important}
  .search-box{display:none!important}
  .dashboard-body{padding:10px 12px 70px!important;gap:8px!important}
  .metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .mid-grid,.bottom-grid{grid-template-columns:1fr!important}
  .kanban-grid{overflow-x:auto!important;display:flex!important;gap:8px!important}
  .kanban-col{min-width:140px!important;flex-shrink:0!important}
  .full-panel,.panel,.panel-block{border-radius:8px!important}
  .table-wrap{overflow-x:auto!important}
  table{min-width:500px!important}
  .form-row{grid-template-columns:1fr!important}
  .modal{width:96vw!important;max-width:96vw!important}
  .billing-grid,.pricing-grid,.int-grid{grid-template-columns:1fr!important}
  .usage-grid{grid-template-columns:1fr!important}

  /* Диалоги */
  .dialog-shell{display:block!important;height:calc(100vh - 110px)!important}
  .dialog-left{height:calc(100vh - 110px)!important;border-right:none!important}
  .chat-area{display:none!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:58px!important;z-index:999!important;background:#050505!important;flex-direction:column!important}
  .chat-area.mobile-open{display:flex!important;bottom:58px!important}
  .mobile-back-btn{display:flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:700!important;color:#f5c800!important;background:none!important;border:none!important;cursor:pointer!important;font-family:'Inter',sans-serif!important;padding:0!important;flex-shrink:0!important}

  /* Mobile nav */
  .mobile-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:9999!important;background:#080808!important;border-top:1px solid rgba(255,255,255,0.08)!important;display:flex!important;align-items:center!important;justify-content:space-around!important;padding:6px 0 14px!important;height:58px!important}
  .mobile-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;color:rgba(255,255,255,0.4)!important;text-decoration:none!important;font-size:9px!important;font-weight:700!important;font-family:'Inter',sans-serif!important;padding:2px 8px!important}
  .mobile-nav-item svg{width:22px!important;height:22px!important;stroke:rgba(255,255,255,0.4)!important;fill:none!important;color:rgba(255,255,255,0.4)!important}
  .mobile-nav-item.active{color:#f5c800!important}
  .mobile-nav-item.active svg{stroke:#f5c800!important;color:#f5c800!important}
}

/* Горизонтальная ориентация - показываем нормальный сайдбар */
@media (max-width: 768px) and (orientation: landscape) {
  .sidebar{display:flex!important;width:180px!important}
  .main-content{margin-left:180px!important}
  .mobile-nav{display:none!important}
  .logo-text{font-size:14px!important}
  .nav-item{padding:6px 8px!important;font-size:11px!important}
  .sidebar-footer{padding:6px!important}
}

@media (min-width: 769px) {
  .mobile-nav{display:none!important}
  .mobile-back-btn{display:none!important}
}

/* Горизонтальная ориентация - компактный сайдбар */
@media (max-width: 900px) and (orientation: landscape) {
  .sidebar{
    width:52px!important;
    display:flex!important;
  }
  .main-content{margin-left:52px!important}
  .logo-text,.nav-item span,.nav-badge,.nav-section-label,
  .user-name,.user-role,.duck-txt,.ai-status-pill span{
    display:none!important;
  }
  .nav-item{justify-content:center!important;padding:8px!important}
  .sidebar-logo{justify-content:center!important;padding:12px 8px!important}
  .logo-text{display:none!important}
  .user-card{justify-content:center!important}
  .duck-mascot{display:none!important}
  .mobile-nav{display:none!important}
}