/* stylelint-disable selector-class-pattern, max-nesting-depth, selector-max-type */
.OAPanel {
    border: 1px solid #d9d2d0;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;

    &-header {
        background: #f2f2f2;
        border-bottom: 1px solid #d9d2d0;
        display: flex;
        line-height: 24px;
        overflow: hidden;
        padding: 10px;

        h3 {
            margin-top: 4px;
        }
    }

    &-editLink {
        margin-left: auto;
    }

    &-body {
        border-top: 0;
        margin-bottom: 4px;
        overflow: visible; /* Needed to avoid the DayPicker being clipped */
        padding: 10px 12px 6px;
    }

    &-footer {
        /* border-top: 1px solid #f4f4f4; */
        margin-bottom: 4px;
        padding: 4px 12px;
    }
}