table.dataTable td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropstart .dropdown-toggle::before {
    content: "";
    display: inline-block;
    vertical-align: .306em;
    width: .36em;
    height: .36em;
    border-bottom: 1px var(--tblr-border-style);
    border-left: 1px var(--tblr-border-style);
    margin-right: .4em;
    margin-left: .1em;
    transform: rotate(45deg);
}

.dropstart .dropdown-toggle::after {
    display: none;
}

:root {
    --tblr-font-sans-serif: 'Noto Sans KR','Segoe UI',Roboto,'Helvetica Neue';
}


mgt-person {
    --font-weight: 400;
    --avatar-border-radius: var(--tblr-border-radius);
}


.tblr-table-header-background-color {
    background-color: var(--tblr-bg-surface-tertiary)!important;
}

.ts-dropdown .option {
    padding: .5rem .75rem;
}


mgt-people-picker {
    --input-border: var(--tblr-border-width) solid var(--tblr-border-color);
    --input-border-color--focus: #90b5e2;
}

.btn-link {
    background-color: transparent !important;
}

.btn-link:active {
    border-color: transparent !important;
}


.plaintext {
    color: var(--tblr-body-color) !important;
    background-color: transparent !important;
    border: solid transparent !important;
    border-width: var(--tblr-border-width) !important;
}

.dropzone .dz-preview .dz-download {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}
.dropzone .dz-preview .dz-previewInNew {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}

.approval-comment {
    padding: .5rem;
    margin-top: .5rem;
    background: var(--tblr-body-bg);
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
}