.subdomain-form .form-row { display: flex; gap: 8px; }
.subdomain-form .input-wrap { flex: 1; }
.subdomain-examples { margin-top: 12px; font-size: var(--fs-sm); color: var(--muted); display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.subdomain-ex { background: var(--surface2); border: 1px solid var(--border); color: var(--text); border-radius: var(--radius-sm); padding: var(--badge-padding-md); font-size: var(--fs-xs); cursor: pointer; font-family: monospace; transition: background .15s; }
.subdomain-ex:hover { background: var(--surface3); }

.subdomain-loading-card { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px; }

.subdomain-result-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }
.subdomain-domain-name { font-size: 20px; font-weight: 700; margin: 0 0 4px; }
.subdomain-meta { font-size: var(--fs-sm); color: var(--muted); }

.subdomain-stats { display: flex; gap: 16px; flex-wrap: wrap; }
.subdomain-stat { text-align: center; }
.subdomain-stat-num { font-size: 24px; font-weight: 700; color: var(--accent); display: block; }
.subdomain-stat-label { font-size: var(--fs-xs); color: var(--muted); }
.subdomain-stat--green .subdomain-stat-num { color: var(--green); }

.subdomain-filters { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.subdomain-filter { background: var(--surface2); border: 1px solid var(--border); color: var(--muted); border-radius: var(--radius-sm); padding: 5px 14px; font-size: var(--fs-sm); cursor: pointer; transition: all .15s; }
.subdomain-filter--active { background: var(--accent); border-color: var(--accent); color: #fff; }
.subdomain-filter:hover:not(.subdomain-filter--active) { border-color: var(--border2); color: var(--text); }

.subdomain-table-wrap { overflow-x: auto; }
.subdomain-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.subdomain-table th { text-align: left; padding: 8px 12px; color: var(--muted); font-weight: 600; font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid var(--border); }
.subdomain-table td { padding: 10px 12px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.subdomain-table tr:last-child td { border-bottom: none; }
.subdomain-table tr.hidden { display: none; }
.subdomain-sub-name { font-family: monospace; font-size: var(--fs-13); color: var(--text); word-break: break-all; }
.subdomain-sub-ip { font-family: monospace; font-size: var(--fs-xs); color: var(--muted2); }
.subdomain-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: var(--radius-lg); font-size: var(--fs-xs); font-weight: 600; }
.subdomain-badge--up { background: rgba(52,211,153,.12); color: var(--green); }
.subdomain-badge--down { background: rgba(248,113,113,.1); color: var(--red); }

.subdomain-export { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; flex-wrap: wrap; gap: 8px; }
.subdomain-source { font-size: var(--fs-xs); color: var(--muted); }