/* ACME Tool Specific Styles */

.hidden { display: none !important; }

.log-box { margin-top: 1rem; max-height: 200px; overflow-y: auto; background: var(--bg-secondary); border: 1px solid var(--border-color); padding: 0.5rem; border-radius: 0.5rem; font-size: 0.85rem; font-family: monospace; }
.log-line { margin-bottom: 2px; }
.log-error { color: var(--error-color); }
.log-success { color: var(--success-color); }
.log-warn { color: var(--warning-color); }

/* DNS Record Styles */
.dns-record { background: var(--bg-secondary); padding: 1rem; border-radius: 0.5rem; border: 1px solid var(--border-color); }
.record-row { display: flex; flex-direction: column; margin-bottom: 0.75rem; gap: 0.25rem; }
.record-row:last-child { margin-bottom: 0; }
.record-row .label { font-size: 0.85rem; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.05em; }
.record-row code { font-family: 'Monaco', 'Menlo', monospace; background: var(--code-bg); color: var(--code-text); padding: 0.5rem; border-radius: 0.25rem; word-break: break-all; border: 1px solid var(--code-border); }

/* Button Styles */
/* .primary-button removed to match main site style (using secondary-button) */

/* Copy Button Styles */
.code-group { display: flex; align-items: center; gap: 0.5rem; }
.code-group code { flex: 1; }

.result-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}
.result-header h4 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}
.button-group {
    display: flex;
    gap: 0.5rem;
}

@media (min-width: 640px) {
    .record-row { flex-direction: row; align-items: baseline; }
    .record-row .label { width: 60px; flex-shrink: 0; }
}