/* SALMA /m anatomy: narrow content, compact bars, quiet five-tab navigation. */
@media (max-width: 760px) {
  .app-header {
    padding-top: max(10px, env(safe-area-inset-top));
  }
  .heading-row h1 {
    width: 100%;
  }
  .post-row {
    grid-template-columns: 18px 54px minmax(0, 1fr);
    gap: 10px;
  }
  .thumbnail img,
  .thumbnail video {
    height: 54px;
  }
  .post-row .actions {
    gap: 6px;
  }
  .post-row .actions button {
    padding: 8px 11px;
    font-size: 12px;
  }
  .calendar {
    display: block;
  }
  .calendar > strong,
  .day:not(:has(button)),
  .day > span {
    display: none;
  }
  .day {
    min-height: 0;
    padding: 12px 0;
    border-right: 0;
  }
  .day::before {
    content: attr(data-date);
    display: block;
    color: var(--muted);
    font-size: 12px;
    margin-bottom: 8px;
  }
  .day button {
    font-size: 14px;
    padding: 12px;
    line-height: 1.5;
  }
  .day small {
    font-size: 12px;
  }
  .media-strip img,
  .media-strip video {
    max-width: 100%;
  }
  .rights-row {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
  }
  .selection .actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .toolbar {
    gap: 8px;
  }
  .toolbar label {
    flex: 1;
    min-width: 130px;
  }
}
@media (max-width: 350px) {
  main {
    padding-inline: 12px;
  }
  .two {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .quick-actions {
    flex-direction: column;
  }
}