.vn-domain-form-note {
    color: #666;
    font-size: 13px;
    margin-bottom: 12px;
}

.vn-domain-form-duplicate-hidden {
    display: none !important;
}

.vn-domain-form-loading {
    opacity: 0.6;
    pointer-events: none;
}

.vn-storage-input {
    display: none !important;
}

.vn-domain-company-fields {
    margin-top: 8px;
}

.vn-company-field-row:not(.vn-company-field-visible) {
    display: none !important;
}

.vn-company-field-visible {
    display: block !important;
}

tr.vn-company-field-visible {
    display: table-row !important;
}

.vn-individual-label-hidden {
    display: none !important;
}

select[name*="owner_ward"]:disabled,
.vn-domain-form-duplicate-hidden select:disabled {
    background-color: #f5f5f5;
}

#vn-domain-shared-notice {
    margin: 12px 0;
}

/* Phương án A — bảng danh sách domain */
.vn-domain-list-wrap {
    margin: 16px 0 24px;
}

.vn-domain-list-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #333;
}

.vn-domain-list-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    background: #fff;
}

.vn-domain-list-table thead th {
    background: #f5f7fa;
    border-bottom: 1px solid #ddd;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    text-align: left;
}

.vn-domain-list-table tbody td {
    border-bottom: 1px solid #eee;
    padding: 12px 14px;
    vertical-align: middle;
    font-size: 13px;
}

.vn-domain-list-table tbody tr:last-child td {
    border-bottom: none;
}

.vn-domain-list-table .vn-domain-name {
    color: #006687;
    font-weight: 600;
    word-break: break-all;
}

.vn-domain-list-table select.form-control,
.vn-domain-list-table select.field {
    min-width: 140px;
    max-width: 100%;
}

.vn-domain-list-table .vn-domain-hosting a {
    color: #cc0000;
    text-decoration: none;
}

.vn-domain-list-table .vn-domain-hosting a:hover {
    text-decoration: underline;
}

.vn-domain-list-table .vn-domain-hosting .vn-has-hosting {
    color: #009900;
}

.vn-domain-block-summary-hidden {
    display: none !important;
}

.vn-domain-extras-wrap {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background: #fafafa;
}

.vn-domain-extras-wrap .vn-domain-extras-label {
    font-size: 13px;
    font-weight: 600;
    color: #006687;
    margin-bottom: 8px;
}

/* Combobox Phường/Xã */
.vn-ward-combobox {
    position: relative;
    width: 100%;
}

.vn-ward-combobox select,
.vn-ward-combobox .vn-ward-native-select {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    pointer-events: none !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    z-index: -1 !important;
}

.vn-ward-combobox select::-ms-expand {
    display: none !important;
}

.vn-ward-search {
    width: 100%;
}

.vn-ward-search:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

.vn-ward-suggestions {
    display: none;
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    max-height: 220px;
    overflow-y: auto;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.vn-ward-suggestions li {
    padding: 8px 12px;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}

.vn-ward-suggestions li:last-child {
    border-bottom: none;
}

.vn-ward-suggestions li:hover,
.vn-ward-suggestions li.is-active {
    background: #eef6fa;
    color: #006687;
}
