/* THE PILE'S COLUMN: the strip, whatever the reveal grows under it, and the act
 *  that puts it back. One rhythm, the row's own — the strip and the list under it
 *  are one run about one pile. */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-record-files {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    gap: var(--lotics-space-8);
  }

  /* THE DROP REGION IS THE COLUMN: the target wraps the whole pile, so it has to
     BE the column rather than sit inside it, or the strip, the list and the act
     lose the rhythm the root was holding them in. */
  .lotics-record-files__drop {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    gap: var(--lotics-space-8);
  }

  /* The strip measures itself against this box, so it has to give way rather
     than be sized by the widest tile it holds. */
  .lotics-record-files__strip {
    min-width: 0;
  }

  .lotics-record-files__rows {
    min-width: 0;
  }

  /* THE ACT IS A WORD, not a bar: a full-width control would read as the next
     section starting. */
  .lotics-record-files__act {
    align-self: flex-start;
  }
}