@charset "UTF-8";

.dw-container {
    display: grid;
    gap: 18px;
    max-width: none;
    margin: 0;
}

.dw-search-section,
.dw-trace-section,
.dw-results-section,
.dw-note,
.dw-error-section {
    border: 1px solid rgba(150, 115, 90, 0.14);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 241, 235, 0.92) 100%);
    box-shadow: 0 10px 30px rgba(82, 54, 38, 0.06);
}

.dw-search-section,
.dw-trace-section,
.dw-results-section,
.dw-error-section {
    padding: 20px;
}

.dw-note {
    margin: 0;
    padding: 18px 20px;
}

.dw-hint,
.dw-note,
#dw-error-message {
    margin: 15px 0;
}

.dw-search-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px auto;
    gap: 12px;
    align-items: center;
}

.dw-input,
.dw-select {
    min-width: 0;
}

.dw-trace-output {
    display: grid;
    gap: 12px;
}

.dw-trace-step {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06);
}

.dw-trace-divider {
    height: 1px;
    margin: 4px 0;
    background: rgba(255, 255, 255, 0.14);
}

.dw-found-record,
.dw-ptr-header,
.dw-no-ptr,
.dw-fcrdns,
.dw-total-time-inline,
.dw-server-info {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06);
}

.dw-fcrdns.verified {
    border: 1px solid rgba(52, 211, 153, 0.24);
}

.dw-fcrdns.not-verified {
    border: 1px solid rgba(251, 146, 60, 0.24);
}

.dw-results-section {
    overflow: hidden;
}

.dw-results-table {
    width: 100%;
}

.dw-no-results {
    text-align: center;
    color: #6b7280;
}

.dw-answer {
    word-break: break-word;
}

.dw-loader {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: dw-spin 0.8s linear infinite;
}

@keyframes dw-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {
    .dw-search-section,
    .dw-trace-section,
    .dw-results-section,
    .dw-error-section {
        padding: 18px;
        border-radius: 20px;
    }

    .dw-note {
        padding: 16px 18px;
        border-radius: 20px;
    }

    .dw-search-box {
        grid-template-columns: 1fr;
    }
}