/* Case converter: input + tabella formati */
.case-input-wrap {
    background: var(--c-bg-card);
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
}
.case-field { display: flex; flex-direction: column; gap: 0.3rem; }
.case-field-label { font-size: 0.78rem; font-weight: 600; color: var(--c-ink-soft); }
.case-field-inline { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; color: var(--c-ink-soft); }
.case-input,
.case-input-inline {
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--c-line);
    border-radius: var(--r-sm);
    font-family: var(--font-mono);
    font-size: 0.9rem;
    background: var(--c-bg-card);
}
.case-input { width: 100%; resize: vertical; }
.case-input:focus, .case-input-inline:focus { outline: none; box-shadow: var(--ring); border-color: var(--c-blue); }
.case-controls { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-top: 0.75rem; }

.case-table { font-size: 0.85rem; }
.case-table th, .case-table td { padding: 0.5rem 0.75rem; vertical-align: top; text-align: left; }
.case-name {
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--c-ink);
    width: 200px;
    white-space: nowrap;
}
.case-value pre {
    margin: 0;
    font-family: var(--font-mono);
    font-size: 0.82rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--c-ink-soft);
}
.case-actions { width: 80px; text-align: right; }