.dm-connect-form{margin:2rem 0;max-width:780px}.dm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dm-fields label{display:flex;flex-direction:column;gap:6px;color:#e7f5ff;font-weight:600}.dm-fields input,.dm-fields select,.dm-fields textarea{width:100%;padding:13px;border-radius:6px;border:1px solid #55718a;background:#101f33;color:#fff;font:inherit}.dm-fields label:nth-child(4),.dm-fields label:last-child{grid-column:1/-1}.dm-honey{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.dm-check{display:flex;align-items:flex-start;gap:10px;margin:1rem 0}.dm-privacy{font-size:.95rem}.dm-connect-form button{background:#27c7f5;color:#07111f;border:0;border-radius:7px;padding:14px 24px;font:inherit;font-weight:700;cursor:pointer}.dm-form-message{padding:1rem;border:1px solid #27c7f5;margin:1rem 0}.dm-form-error{border-color:#f36b6b}@media(max-width:650px){.dm-fields{grid-template-columns:1fr}}

/* DatMit Connect - Dynamic fields */
.dm-connect-form [hidden] {
    display: none !important;
}

.dm-address-fields,
.dm-voip-fields {
    display: contents;
}

.dm-address-fields[hidden],
.dm-voip-fields[hidden] {
    display: none !important;
}

/* DatMit Connect - Request confirmation */
.dm-form-confirmation {
    background: #f4f8fc;
    border: 1px solid #dce7f1;
    border-left: 4px solid #24b9f4;
    border-radius: 12px;
    color: #21334b;
    padding: 28px;
    margin: 28px 0;
}

.dm-form-confirmation h2 {
    color: #102846;
    margin-top: 0;
}

.dm-confirmation-ip {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #e7f3fc;
    border-radius: 8px;
    padding: 16px;
    margin-top: 22px;
    overflow-wrap: anywhere;
}

.dm-confirmation-ip span {
    font-size: 13px;
    color: #49617a;
}

.dm-confirmation-ip strong {
    font-size: 18px;
    color: #102846;
}

/* DatMit Connect - Form layout v1.1 */
.dm-address-fields,
.dm-voip-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    grid-column: 1 / -1;
}

.dm-connect-form [hidden] {
    display: none !important;
}

.dm-fields > label:last-child {
    grid-column: 1 / -1;
}

@media (max-width: 650px) {
    .dm-address-fields,
    .dm-voip-fields {
        grid-template-columns: 1fr;
    }
}
