/* ============================================================================
 * zen/components/inline-code/inline-code.css
 * ----------------------------------------------------------------------------
 * Cyan-tinted monospace span for file paths, commands, package names, etc.
 * inside narrative text. NOT the same as .zen-code (which is a full panel).
 *
 * HTML:
 *   <code class="zen-inline">/etc/teleport.yaml</code>
 *   <code class="zen-inline">tsh login</code>
 *
 * Legacy selector: `.d-side code` — still supported via descendant selector.
 * ============================================================================ */

.zen-inline,
.d-side code {
    display: inline;
    padding: 1px 6px;
    background: rgba(56, 189, 248, 0.10);
    color: var(--cyan);
    font-family: 'Courier New', monospace;
    font-size: 0.78rem;
    border-radius: 4px;
    white-space: nowrap;
}

/* Variants --------------------------------------------------------------- */
.zen-inline--dim    { opacity: 0.6; }
.zen-inline--warn   { background: rgba(251, 191, 36, 0.10); color: var(--yellow); }
.zen-inline--bad    { background: rgba(239, 68, 68, 0.10);  color: var(--red); }
.zen-inline--good   { background: rgba(0,  230, 118, 0.10); color: var(--green); }