/*
    THE DOCUMENT READER'S OWN STYLESHEET.

    Everything Components/Shared/TariffReadDialog.razor and DatasheetReadDialog.razor need for the
    sources they were given and nothing else. Four screens host one or the other - the component
    library, the tariff library and the two staff subject pages - so it is the document's stylesheet
    rather than any of theirs.

    A SURFACE THAT SPENDS TOKENS CARRIES AiMark, and these two are the only ones that do. Nothing
    here draws that mark: it is its own component, in ai-mark.css.
*/

.sv-read-source {
  padding: var(--sv-space-3);
  border: 1px solid var(--sv-border);
  border-radius: var(--sv-radius-control);
}

.sv-read-source + .sv-read-source {
  margin-top: var(--sv-space-3);
}

.sv-read-source__head {
  margin-bottom: var(--sv-space-1);
}

.sv-read-source__row {
  display: flex;
  gap: var(--sv-space-2);
  align-items: flex-start;
}

/* The field takes the slack and the button keeps its own width, so a long address does not push the
   action off the edge of the dialog. min-width: 0 because a flex item's floor is its content. */
.sv-read-source__field {
  flex: 1 1 auto;
  min-width: 0;
}

/* The provenance line on a schedule a model read: what it was read from, and the way back to the
   document. The button sits at the end of the sentence rather than under it, because the two are
   one statement - "read from this, and here it is". */