/* =================================================================
 * Page Specific Styles for Domain Checker (style.css)
 * ================================================================= */

/* 結果表示エリアのラッパー */
.result-content-wrapper {
    max-height: 500px;
    /* テーブル等の最大高さを制限 */
    overflow-y: auto;
    /* 高さを超えたらスクロール */
    font-size: 0.9em;
}

/* Whois生データ表示用 */
.whois-raw-data {
    font-family: var(--bs-font-monospace);
    white-space: pre-wrap;
    /* 折り返しありのpre */
    word-break: break-all;
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: 1rem;
}

/* DNSレコードテーブル */
.dns-table th {
    width: 100px;
    /* レコードタイプ列 */
}

/* DNS TXTレコードの内容 (長い場合に改行) */
.dns-table .txt-value {
    font-family: var(--bs-font-monospace);
    white-space: pre-wrap;
    word-break: break-all;
    max-width: 500px;
    /* 横幅制限 */
}

/* ブラックリストの結果 (アイコン色) */
.blacklist-listed {
    color: var(--bs-danger);
}

.blacklist-not-listed {
    color: var(--bs-success);
}


/* =================================================================
 * [ADDED] Main Input Styles (Pattern 5 Custom)
 * (Moved from style-default.css)
 * ================================================================= */

#domain-input {
    background-color: var(--bs-outline-initial-bg);
    border-color: var(--bs-primary);
    --bs-form-placeholder-color: var(--bs-body-secondary-color);
}

#domain-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem var(--bs-primary-bg-subtle);
}

[data-bs-theme="dark"] #domain-input {
    background-color: #111111;
    border-color: var(--bs-primary);
}

[data-bs-theme="dark"] #domain-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem var(--bs-primary-bg-subtle);
}