#dsp-domain-sale-overlay {
    display: none;
    position: fixed;
    z-index: 99998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
}

#dsp-domain-sale-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    max-width: 500px;
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

#dsp-domain-sale-modal h3 {
    margin: 0 0 18px;
}

#dsp-domain-sale-form .dsp-field {
    margin-bottom: 14px;
}

#dsp-domain-sale-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

#dsp-domain-sale-form input {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
}

#dsp-domain-sale-form .dsp-actions {
    margin-top: 18px;
}

#dsp-domain-sale-form button {
    padding: 10px 18px;
    cursor: pointer;
}

#dsp-domain-sale-form .dsp-message {
    display: none;
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 6px;
}

#dsp-domain-sale-form .dsp-message.error {
    background: #ffe8e8;
    color: #a40000;
}

#dsp-domain-sale-form .dsp-message.success {
    background: #e7f8ea;
    color: #146c2e;
}

.dsp-close-modal {
    position: absolute;
    right: 12px;
    top: 10px;
    text-decoration: none;
    font-size: 22px;
    line-height: 1;
}

#dsp_password_wrap {
    display: none;
}

.dsp-domain-row {
    margin-bottom: 10px;
}

.dsp-my-domains-wrap {
    max-width: 800px;
    margin: 0 auto;
}

.dsp-my-domains-list {
    border-top: 1px solid #ddd;
}

.dsp-my-domain-row {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
    position: relative;
}

.dsp-my-domain-name {
    flex: 1 1 auto;
    font-weight: 600;
    word-break: break-word;
}

.dsp-my-domain-price-wrap {
    min-width: 140px;
    text-align: right;
}

.dsp-my-domain-price {
    cursor: pointer;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
}

.dsp-my-domain-price:hover {
    background: #f5f5f5;
}

.dsp-my-domain-price-input {
    width: 120px;
    max-width: 120px;
    text-align: right;
    padding: 6px 8px;
}

.dsp-my-domain-delete {
    color: #b30000;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    padding: 4px 6px;
}

.dsp-my-domain-delete:hover {
    color: #ff0000;
}

.dsp-inline-message {
    margin-left: 10px;
    font-size: 13px;
}

.dsp-inline-message.error {
    color: #b30000;
}

.dsp-inline-message.success {
    color: #1a7f37;
}

#dsp-delete-confirm-overlay {
    display: none;
    position: fixed;
    z-index: 99998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
}

#dsp-delete-confirm-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    max-width: 420px;
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

#dsp-delete-confirm-modal h3 {
    margin: 0 0 14px;
}

#dsp-delete-confirm-modal p {
    margin: 0 0 20px;
}

.dsp-delete-actions {
    display: flex;
    gap: 10px;
}

.dsp-delete-actions button {
    padding: 10px 16px;
    cursor: pointer;
}

.dsp-close-delete-modal {
    position: absolute;
    right: 12px;
    top: 10px;
    text-decoration: none;
    font-size: 22px;
    line-height: 1;
}



#dsp-login-overlay {
    display: none;
    position: fixed;
    z-index: 99998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
}

#dsp-login-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    max-width: 420px;
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

#dsp-login-modal h3 {
    margin: 0 0 18px;
}

.dsp-login-message {
    display: none;
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 6px;
}

.dsp-login-message.error {
    background: #ffe8e8;
    color: #a40000;
}

.dsp-login-message.success {
    background: #e7f8ea;
    color: #146c2e;
}

.dsp-close-login-modal {
    position: absolute;
    right: 12px;
    top: 10px;
    text-decoration: none;
    font-size: 22px;
    line-height: 1;
}

.dsp-menu-logout-item,
.dsp-menu-login-item {
    display: list-item;
}

#dsp-forgot-overlay {
    display: none;
    position: fixed;
    z-index: 99998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
}

#dsp-forgot-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    max-width: 420px;
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

#dsp-forgot-modal h3 {
    margin: 0 0 18px;
}

.dsp-forgot-message {
    display: none;
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 6px;
}

.dsp-forgot-message.error {
    background: #ffe8e8;
    color: #a40000;
}

.dsp-forgot-message.success {
    background: #e7f8ea;
    color: #146c2e;
}

.dsp-close-forgot-modal {
    position: absolute;
    right: 12px;
    top: 10px;
    text-decoration: none;
    font-size: 22px;
    line-height: 1;
}

.dsp-login-extra {
    margin: 8px 0 16px;
}

.dsp-login-extra a {
    text-decoration: none;
}


.dsp-set-password-wrap {
    max-width: 520px;
    margin: 40px auto;
    padding: 0 15px;
}

.dsp-set-password-box {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.dsp-set-password-box h3 {
    margin: 0 0 18px;
}

.dsp-set-password-form .dsp-field {
    margin-bottom: 14px;
}

.dsp-set-password-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

.dsp-set-password-form input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
}

.dsp-set-password-message {
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 6px;
}

.dsp-set-password-message.error {
    background: #ffe8e8;
    color: #a40000;
}

.dsp-set-password-message.success {
    background: #e7f8ea;
    color: #146c2e;
}

.dsp-set-password-login-link {
    margin-top: 16px;
}
