/*
 * The mark a launch wrapper wears in a picker (issue #1004): the new
 * session menu (client/js/providers.js) and the restart and wake picker
 * (client/js/session-restart-options.js). The svg is
 * client/js/wrapper-mark.js's, the one mapping: the picked icon, else the
 * family mark.
 *
 * NO COLOUR. A picked glyph strokes currentColor and wears the row's ink,
 * so an active row's accent reaches it for free; a family mark keeps its
 * own rule (client/js/agent-family-icon.js). Sizing copies
 * web/src/lib/wrappers-page/WrappersScreen.svelte `.wrap-card__mark`.
 */
.wrapper-mark {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    line-height: 0;
}

.wrapper-mark[data-mark-source='family'] svg {
    opacity: 0.9;
}

/* A new session menu row that wears a mark reads mark then name on ONE
 * line, as the folder picker's own single-line rows do (styles.css
 * `.folder-picker-item`, flex row, centred, 10px gap). The choice modal's
 * later column rule for two-line rows would otherwise stack the mark over
 * the name. Scoped by `:has`, so no other picker row moves. */
.folder-picker-item:has(> .wrapper-mark) {
    flex-direction: row;
    align-items: center;
    gap: 10px;
}