/*
 * NIRA Adaptive UI — Tablet + Desktop Layout Positions
 */

/* Tablet (768px – 1199px) */
@media (min-width: 768px) {
  .sidebar-rail {
    left: 16px;
    top: 16px;
  }

  .sidebar-rail:not(.rail-expanded) {
    width: 52px;                        /* collapsed */
  }

  .detail-panel {
    left: 80px;                         /* 16 + 52 + 12 */
    top: 16px;
    width: 320px;
  }
}

/* Desktop (>= 1200px) */
@media (min-width: 1200px) {
  .detail-panel {
    width: 360px;
    left: 80px;
  }
}