.ohf-booking-form,
.ohf-host-dashboard {
    --ohf-border: #d9dde3;
    --ohf-surface: #fff;
    --ohf-accent: #171717;
    color: inherit;
}

.ohf-booking-form form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ohf-booking-form form > p {
    margin: 0;
}

.ohf-booking-form form > p:nth-last-child(-n + 3) {
    grid-column: 1 / -1;
}

.ohf-booking-form input,
.ohf-booking-form textarea {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

.ohf-booking-form button,
.ohf-host-dashboard button {
    cursor: pointer;
}

.ohf-honeypot {
    left: -10000px;
    position: absolute;
}

.ohf-inline-form {
    display: inline-block;
    margin: 0 4px 4px 0;
}

.ohf-notice {
    border-left: 4px solid;
    padding: 12px;
}

.ohf-notice--success {
    border-color: #16803d;
    background: #effaf3;
}

.ohf-notice--error {
    border-color: #b42318;
    background: #fff2f0;
}

.ohf-table-scroll {
    max-width: 100%;
    overflow-x: auto;
}

.ohf-host-dashboard table {
    border-collapse: collapse;
    width: 100%;
}

.ohf-host-dashboard th,
.ohf-host-dashboard td {
    border-bottom: 1px solid var(--ohf-border);
    padding: 12px;
    text-align: left;
    vertical-align: top;
}

@media (max-width: 640px) {
    .ohf-booking-form form {
        grid-template-columns: 1fr;
    }

    .ohf-booking-form form > p {
        grid-column: 1;
    }
}