/* Dashboard Mobile: Responsive @media queries - Auto-extracted from dashboard.html */

@media (min-width: 600px) {
  .issues-grid { grid-template-columns: 1fr 1fr 1fr; }
}

@media (max-width: 480px) { .ai-rec-grid { grid-template-columns: 1fr; } }

@media (max-width: 700px) { .probe-grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 400px) { .probe-grid { grid-template-columns: 1fr; } }

@media (max-width: 700px) { .trident-grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 400px) { .trident-grid { grid-template-columns: 1fr; } }

@media (max-width: 700px) { .params-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }

@media (min-width: 480px) { .coral-grid { grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 480px) { .outlet-grid { grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 480px) { .topic-grid { grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 360px) { .coral-analytics-row { grid-template-columns: repeat(2, 1fr); } }

@media(min-width:480px){ .icp-grid { grid-template-columns:repeat(4,1fr); } }

@media(min-width:640px){ .icp-grid { grid-template-columns:repeat(6,1fr); } }

@media(max-width:480px){ .icp-per-el-grid { grid-template-columns:1fr; } }

@media(max-width:480px){ .icp-scroll-hint { display:block; } }

@media (max-width: 375px) {
  .tank-switcher-btn { max-width: 120px; font-size: 0.76rem; padding: 6px 24px 6px 8px; }
  .tank-switcher-dropdown { min-width: 200px; right: -4px; }
}

@media(min-width:400px){ .icp-review-grid { grid-template-columns:repeat(3,1fr); } }

@media(min-width:400px){ .icp-manual-grid { grid-template-columns:repeat(3,1fr); } }

@media(max-width:600px){ .cam-overview-grid{grid-template-columns:1fr;} }

@media(max-width:600px){ #demo-camera-preview-grid{grid-template-columns:1fr;} }

@media(max-width:600px){ .cam-detail-overlay.active{padding:0;} .cam-detail-panel{border-radius:0;min-height:100vh;} .cam-detail-body{padding:16px;} }

@media(max-width:600px){ .param-detail-overlay.active{padding:0;} .param-detail-panel{border-radius:0;min-height:100vh;} .param-detail-body{padding:16px;} .param-detail-summary{flex-direction:column;} .param-summary-right{margin-top:20px;} }

@media (max-width: 768px) { .tank-grid { grid-template-columns: 1fr; } }

@media (min-width: 1200px) { .tank-grid { grid-template-columns: 1fr 1fr 1fr; } }

@media (max-width: 480px) {
  .pro-upgrade-overlay { padding: 16px 12px; gap: 6px; }
  .pro-upgrade-overlay-title { font-size: 0.82rem; }
  .pro-upgrade-overlay-sub { font-size: 0.7rem; max-width: 220px; }
  .pro-upgrade-btn { padding: 9px 18px; font-size: 0.78rem; }
}