@import url("personal-schedule-narrative-desktop-core.bb4d030c3b62.css");
@import url("../calendaring/recurrence-form.7aa323e583e3.css");
@import url("personal-event-rail.98ba0e5d3653.css");

/* #989 P1 — le pilotage Espaces / Organiser reste sur une ligne quand la place le permet,
   puis se replie sans créer de débordement à la transition desktop. */
@media (min-width: 901px) {
  .narrative-control-row--scope {
    flex-wrap: wrap;
  }

  .narrative-control-row--organize {
    flex: 0 0 auto;
    margin-left: auto;
  }
}

/* #1005 — compartiments desktop post-#986 : renforcer la hiérarchie sans déplacer les repères. */
@media (min-width: 901px) {
  .narrative-command-bar {
    width: fit-content;
    justify-self: end;
    padding: var(--space-1) var(--space-2);
    border: var(--border-width-default) solid var(--color-line);
    border-radius: var(--radius-surface);
    background: color-mix(in srgb, var(--color-canvas) 34%, var(--color-surface));
  }

  .narrative-controls {
    background: color-mix(in srgb, var(--color-canvas) 18%, var(--color-surface));
  }

  .narrative-control-row--period {
    border-top: var(--border-width-default) solid var(--color-line);
  }

  .narrative-control-row--organize {
    padding: 0 var(--space-2);
    border-radius: var(--radius-control);
    background: var(--color-surface);
    box-shadow: inset 0 0 0 var(--border-width-default) var(--color-line);
  }
}