/* The console's own look (Phase 6, sections 13.4 and 13.7), beside the
   agency app's stylesheets, which it shares whole; loaded by the console's
   layouts alone. From docs/mockups/platform-console.html (its cm- rules),
   in the admin's tokens: ink and greys only, no colour of its own.

   Soon         the word after a sidebar entry still to come, and over a
                Soon page's ghost
   Passkeys     the passkey's mark over the sign-in's one action, the
                ceremony's line of error, and its line without script
   Team         the quiet lines, a card's link to all of it, the rows of the
                sign-in cells and of the activity */

/* ---------------------------------------------------------- Soon */

/* "Soon" after an entry's name, quiet, gone in the rail with the name. */
.console-nav-soon {
    flex: none;
    margin-left: auto;
    padding: 0 6px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    color: var(--color-text-subtle);
    font-size: 10.5px;
    font-weight: var(--weight-medium);
    line-height: 16px;
}

@container sidebar (width < 120px) {
    .console-nav-soon {
        display: none;
    }
}

/* In More's rows, before the chevron. */
.set-row .console-nav-soon {
    margin-right: var(--space-2);
}

.console-soon-card .ghost-chart {
    min-height: 360px;
}

.ghost-soon {
    display: inline-block;
    margin-bottom: var(--space-3);
}

/* ---------------------------------------------------------- Passkeys */

/* The passkey's mark over the one action. */
.console-passkey {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
}

.console-passkey .passkey-form {
    align-self: stretch;
}

.console-passkey-mark {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    margin-bottom: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    background: var(--color-surface-muted);
}

.console-passkey-mark .icon {
    width: 34px;
    height: 34px;
    stroke-width: 1.5;
}

.passkey-error {
    margin-top: var(--space-2);
}

.passkey-noscript {
    margin-top: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ---------------------------------------------------------- Team */

.console-quiet {
    color: var(--color-text-subtle);
    font-size: var(--text-sm);
    text-align: center;
}

.console-more {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    text-decoration: none;
}

.console-more:hover {
    color: var(--color-text);
}

.console-more .icon {
    width: 16px;
    height: 16px;
}

/* The rows of a card: the sign-in cells and the activity, without the
   settings' frame around them. */
.card .console-cells,
.card .console-lines {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}