/* Each section is a small card, like the legacy form: thin border plus a soft shadow to the lower right. */
  .sec.svelte-x15w9q {
    box-shadow:
      2px 3px 7px -3px color-mix(in oklab, var(--shadow-tint, rgb(15 23 42)) 22%, transparent),
      1px 1px 2px color-mix(in oklab, var(--shadow-tint, rgb(15 23 42)) 8%, transparent);
  }
  .dark .sec.svelte-x15w9q {
    box-shadow: 2px 3px 8px -3px rgb(0 0 0 / 0.6), 1px 1px 2px rgb(0 0 0 / 0.4);
  }
  .sh.svelte-x15w9q {
    transition: background-color 120ms var(--ease-snappy);
  }
  .sum.svelte-x15w9q {
    opacity: 0;
    transition: opacity 200ms var(--ease-snappy);
  }
  .folded.svelte-x15w9q .sum:where(.svelte-x15w9q) {
    opacity: 1;
  }
  .body.svelte-x15w9q {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 240ms var(--ease-snappy), opacity 200ms var(--ease-snappy);
  }
  .folded.svelte-x15w9q .body:where(.svelte-x15w9q) {
    grid-template-rows: 0fr;
    opacity: 0;
  }
  .clip.svelte-x15w9q > div:where(.svelte-x15w9q) {
    overflow: hidden;
  }
  .tk.svelte-x15w9q {
    flex: none;
    width: 16px;
    height: 16px;
    border-radius: 9999px;
    border: 1.5px solid var(--color-gray-300, #d1d5db);
    display: grid;
    place-items: center;
    color: #fff;
    transition: background-color 200ms var(--ease-snappy), border-color 200ms var(--ease-snappy);
  }
  .tk.svelte-x15w9q svg path {
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
    transition: stroke-dashoffset 260ms 60ms var(--ease-snappy);
  }
  .done.svelte-x15w9q .tk:where(.svelte-x15w9q) {
    background: var(--color-emerald-600, #059669);
    border-color: var(--color-emerald-600, #059669);
  }
  .done.svelte-x15w9q .tk:where(.svelte-x15w9q) svg path {
    stroke-dashoffset: 0;
  }
  .just-done.svelte-x15w9q .tk:where(.svelte-x15w9q) {
    animation: svelte-x15w9q-pop 420ms var(--ease-spring);
  }
  @keyframes svelte-x15w9q-pop {
    from { transform: scale(0.6); }
    to { transform: scale(1); }
  }
  .chev.svelte-x15w9q {
    transition: transform 200ms var(--ease-snappy);
  }
  .folded.svelte-x15w9q .chev:where(.svelte-x15w9q) {
    transform: rotate(-90deg);
  }
  @media (prefers-reduced-motion: reduce) {
    .body.svelte-x15w9q { transition-property: opacity; }
    .just-done.svelte-x15w9q .tk:where(.svelte-x15w9q) { animation: none; }
    .tk.svelte-x15w9q svg path { stroke-dashoffset: 0; transition: none; }
    .tk.svelte-x15w9q svg { opacity: 0; transition: opacity 200ms; }
    .done.svelte-x15w9q .tk:where(.svelte-x15w9q) svg { opacity: 1; }
    .chev.svelte-x15w9q { transition: none; }
  }

  .rail.svelte-1bk8xnb {
    container-type: inline-size;
    justify-content: safe center;
    scrollbar-width: none;
  }
  .step.svelte-1bk8xnb {
    transition: background-color 120ms var(--ease-snappy), scale 70ms var(--ease-snappy);
  }
  .step.svelte-1bk8xnb:active {
    scale: 0.97;
  }
  .step.svelte-1bk8xnb:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
  }
  .step.cur.svelte-1bk8xnb {
    background: color-mix(in oklab, var(--tactile-accent, var(--color-primary-500)) 12%, transparent);
  }
  .step.cur.svelte-1bk8xnb .nm:where(.svelte-1bk8xnb) {
    color: var(--tactile-accent, var(--color-primary-500));
  }
  .st.svelte-1bk8xnb {
    width: 18px;
    height: 18px;
    border-radius: 9999px;
    border: 1.5px solid var(--color-gray-300, #d1d5db);
    display: grid;
    place-items: center;
    color: #fff;
    transition: background-color 200ms var(--ease-snappy), border-color 200ms var(--ease-snappy);
  }
  .st.svelte-1bk8xnb svg {
    scale: 0;
    transition: scale 320ms var(--ease-spring);
  }
  .done.svelte-1bk8xnb .st:where(.svelte-1bk8xnb) {
    background: var(--color-emerald-600, #059669);
    border-color: var(--color-emerald-600, #059669);
  }
  .done.svelte-1bk8xnb .st:where(.svelte-1bk8xnb) svg {
    scale: 1;
  }
  /* Room decides the label: full names, then abbreviations with tighter chips, then only the
     check/count (the full name stays in aria-label and the tooltip). */
  .ab.svelte-1bk8xnb { display: none; }
  @container (max-width: 799px) {
    .full.svelte-1bk8xnb { display: none; }
    .ab.svelte-1bk8xnb { display: inline; }
    .step.svelte-1bk8xnb { padding-inline: 5px; gap: 4px; }
    .sep.svelte-1bk8xnb { display: none; }
  }
  @container (max-width: 489px) {
    .nm.svelte-1bk8xnb { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .step.svelte-1bk8xnb:active { scale: none; }
    .st.svelte-1bk8xnb svg { scale: 1; opacity: 0; transition: opacity 200ms; }
    .done.svelte-1bk8xnb .st:where(.svelte-1bk8xnb) svg { opacity: 1; }
  }

  .rm.svelte-1b4b60z {
    transition: color 120ms var(--ease-snappy);
  }
  .dragging.svelte-1b4b60z {
    border-style: solid;
    border-color: var(--tactile-accent, var(--color-primary-500));
    background: color-mix(in oklab, var(--tactile-accent, var(--color-primary-500)) 8%, transparent);
  }

  /* The flowbite body pads its content; the cockpit bleeds to the dialog edges. Measured in Step 6. */
  .sub-wrap.svelte-1a7mbp9 {
    --sub-bleed: 1.25rem;
    container-type: inline-size;
    height: calc(100% + 2 * var(--sub-bleed));
    margin: calc(-1 * var(--sub-bleed));
  }
  .sub-shell.svelte-1a7mbp9 {
    display: grid;
    height: 100%;
    grid-template-columns: 340px minmax(0, 1fr);
    /* Job takes at most half the left column, so Send always keeps room. A max-height on .sub-job would
       resolve against its own auto row, not the shell. */
    grid-template-rows: fit-content(50%) minmax(0, 1fr) auto;
    grid-template-areas: 'job main' 'send main' 'actions main';
  }
  .sub-job.svelte-1a7mbp9 { grid-area: job; overflow-y: auto; }
  .sub-main.svelte-1a7mbp9 { grid-area: main; overflow-y: auto; scroll-padding-top: 8px; }
  .sub-send.svelte-1a7mbp9 { grid-area: send; overflow-y: auto; }
  .sub-actions.svelte-1a7mbp9 { grid-area: actions; }
  /* A split-view pane or a narrow window: one column in DOM (= work) order. */
  @container (max-width: 900px) {
    .sub-shell.svelte-1a7mbp9 { display: block; height: 100%; overflow-y: auto; }
    .sub-main.svelte-1a7mbp9, .sub-send.svelte-1a7mbp9 { overflow: visible; }
    .sub-job.svelte-1a7mbp9, .sub-send.svelte-1a7mbp9, .sub-actions.svelte-1a7mbp9 { border-right-width: 0; }
    /* Stacked: the shell scrolls; the buttons stay on screen at the bottom. */
    .sub-actions.svelte-1a7mbp9 { position: sticky; bottom: 0; z-index: 2; }
  }