superdesk/superdesk-client-core

.panel__wrapper {
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.proofreading-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    overflow: auto;
    border-right: 1px solid var(--sd-colour-line--light);
}

.proofreading-panel-header {
    padding: 2rem;
    background-color: var(--sd-colour-panel-bg--100);
}

.proofreading-panel__heading {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 100%;
}

.proofreading-panel__badge {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0.4em 0.5em 0.3em;
    font-size: 1rem;
    border-radius: var(--b-radius--full);
}

.proofreading-panel__badge--green {
    background-color: var(--sd-colour-success);
}

.proofreading-panel__badge--grey {
    background-color: var(--sd-colour-bg-translucent--08);
}

.proofreading-panel-content {
    flex: 1 1;
    padding: 2rem;
}

.proofreading-panel-content__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.8rem;
    height: 1.8rem;
    vertical-align: middle;
    border-radius: var(--b-radius--x-small);
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.05em;
    font-size: 1rem;
    white-space: nowrap;
    font-weight: 400;
    background-color: var(--sd-editor-colour__field-label-bg);
    color: white;
    font-family: "Roboto";
}

.proofreading-panel-content__text-field {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1rem 0 0.5rem;
    margin-bottom: 0.8rem;
    line-height: 140%;
    border-bottom: 1px dotted var(--sd-editor-colour__main-border);
}

.proofreading-panel-content__text-field--headline {
    font-weight: 500;
    min-height: 6rem;
}

.proofreading-panel-content__text-field--abstract {
    font-weight: 400;
    min-height: 9.2rem;
}

.proofreading-panel-content__text-field--body {
    font-weight: 300;
    min-height: 9.2rem;
}

.proofreading-panel-content__radio-button {
    display: flex;
    align-items: baseline;
    width: 100%;
}