/* Khu Media Sync SD Card */

.section-media { border: 1px solid #225544; background: rgba(0,160,120,.06); }
.section-media .section-title { color: #66ddbb; }
.media-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.media-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.btn-media {
  padding: 10px 16px;
  background: #007a5a;
  border: 1px solid #22aa88;
  border-radius: 7px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.btn-media.secondary { background: transparent; color: #88ddcc; }
.btn-media:disabled { opacity: .5; cursor: not-allowed; }
.media-status {
  font-family: 'Consolas', monospace;
  font-size: 12px;
  color: #aaffdd;
  min-height: 18px;
  margin-bottom: 12px;
  white-space: pre-wrap;
  word-break: break-word;
}
.media-status.error { color: #ff8888; }
.media-list { display: grid; gap: 10px; }
.media-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 8px;
}
.media-name { font-size: 13px; color: #e8fff8; word-break: break-word; }
.media-meta { font-size: 11px; color: #779988; margin-top: 4px; word-break: break-word; }

@media (max-width: 760px) {
  body { flex-direction: column; }
  .left-panel { width: 100%; min-width: 0; }
  .tools-grid { grid-template-columns: repeat(2, 1fr); }
  .media-form-grid { grid-template-columns: 1fr; }
  .media-row { grid-template-columns: 1fr; }
}