/* Unit converters - shared layout */

.uc-help { font-size: .8125rem; color: var(--color-text-muted); margin: 8px 0 0; }

.uc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.uc-card {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.uc-card.is-source { border-color: var(--color-primary); background: var(--color-primary-light); }
.uc-card-unit { font-size: .75rem; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: .04em; }
.uc-card-value { font-size: 1.25rem; font-weight: 700; color: var(--color-text); word-break: break-word; line-height: 1.2; }
.uc-card-symbol { font-size: .75rem; color: var(--color-text-muted); }
.uc-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1rem; }

.uc-copyable { cursor: pointer; transition: color .15s; }
.uc-copyable:hover { color: var(--color-primary); }
.uc-copyable.is-copied { color: #15803D; }

.uc-color-swatch {
    width: 100%;
    height: 60px;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    margin-bottom: 12px;
}