[v-cloak] {
    display: none;
}

.mass-actions-page {
    background: #f3f5f7;
    color: #263241;
    font-family: "Open Sans", Arial, sans-serif;
}

.mass-actions-app {
    min-height: 100vh;
    padding-top: 70px;
}

.mass-actions-appbar {
    position: sticky;
    top: 70px;
    z-index: 50;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 50px;
    padding: 7px 18px;
    border-bottom: 1px solid #176fae;
    background: #1f82c6;
    color: #fff;
    box-shadow: 0 1px 3px rgba(18, 35, 53, 0.16);
}

.mass-actions-icon-button,
.mass-actions-top-action,
.mass-actions-primary-action,
.mass-actions-secondary-action,
.mass-actions-danger-action,
.mass-actions-file-option,
.mass-actions-menu-item,
.mass-actions-tab,
.mass-actions-toolbar-preview button {
    border: 0;
    font: inherit;
}

.mass-actions-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.13);
    color: #fff;
}

.mass-actions-icon-button:hover,
.mass-actions-icon-button:focus {
    background: rgba(255, 255, 255, 0.24);
    outline: 2px solid rgba(255, 255, 255, 0.55);
    outline-offset: 1px;
}

.mass-actions-appbar-title {
    display: flex;
    flex-direction: column;
    min-width: 170px;
    line-height: 1.2;
}

.mass-actions-appbar-title span {
    font-size: 12px;
    opacity: 0.82;
}

.mass-actions-appbar-title strong {
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mass-actions-appbar-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    margin-left: auto;
}

.mass-actions-top-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 9px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 12px;
}

.mass-actions-top-action:hover,
.mass-actions-top-action:focus {
    background: rgba(255, 255, 255, 0.22);
    outline: 2px solid rgba(255, 255, 255, 0.45);
    outline-offset: 1px;
}

.mass-actions-operator {
    display: inline-flex;
    align-items: center;
    align-self: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.mass-actions-top-action:last-of-type {
    order: 2;
}

.mass-actions-operator {
    order: 1;
}

.mass-actions-layout {
    display: grid;
    grid-template-columns: 316px minmax(0, 1fr);
    min-height: calc(100vh - 120px);
    transition: grid-template-columns 0.2s ease;
}

.mass-actions-layout.is-sidebar-collapsed {
    grid-template-columns: 76px minmax(0, 1fr);
}

.mass-actions-sidebar {
    position: sticky;
    top: 120px;
    align-self: start;
    height: calc(100vh - 120px);
    overflow: auto;
    border-right: 1px solid #d7dfe7;
    background: #fff;
}

.mass-actions-sidebar-head {
    padding: 15px 18px 11px;
    border-bottom: 1px solid #e3e8ed;
}

.mass-actions-sidebar-caption {
    display: block;
    color: #687789;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.mass-actions-sidebar-head strong {
    display: block;
    margin-top: 3px;
    color: #1e2d3e;
    font-size: 15px;
}

.mass-actions-menu {
    padding: 12px 14px;
}

.mass-actions-menu-group + .mass-actions-menu-group {
    margin-top: 15px;
}

.mass-actions-menu-group {
    position: relative;
}

.mass-actions-menu-group-title {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 4px;
    border-radius: 0;
    background: transparent;
    color: #41647f;
    font-size: 12px;
    font-weight: 700;
}

.mass-actions-menu-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: calc(100% - 14px);
    min-height: 48px;
    margin: 2px 0 0 14px;
    padding: 7px 8px 7px 15px;
    border: 0;
    border-left: 1px solid #d8e0e8;
    border-radius: 0;
    background: transparent;
    color: #2c3b4b;
    text-align: left;
}

.mass-actions-menu-item::before {
    position: absolute;
    top: 19px;
    left: 0;
    width: 10px;
    border-top: 1px solid #d8e0e8;
    content: "";
}

.mass-actions-menu-item:hover,
.mass-actions-menu-item:focus {
    border-color: #d8e0e8;
    background: #f7f9fb;
    outline: none;
}

.mass-actions-menu-item.is-active {
    border-color: #1f82c6;
    background: #fff;
    box-shadow: inset 3px 0 0 #1f82c6;
}

.mass-actions-menu-item.is-active::before {
    border-top-color: #1f82c6;
}

.mass-actions-menu-item-body {
    min-width: 0;
}

.mass-actions-menu-item-body strong,
.mass-actions-menu-item-body small {
    display: block;
}

.mass-actions-menu-item-body strong {
    font-size: 13px;
    line-height: 1.25;
}

.mass-actions-menu-item-body small {
    margin-top: 2px;
    color: #687789;
    font-size: 11px;
    line-height: 1.25;
}

.mass-actions-sidebar-note {
    display: flex;
    gap: 8px;
    margin: 8px 14px 16px;
    padding: 10px 4px;
    border: 0;
    border-top: 1px solid #e3e8ed;
    border-radius: 0;
    background: transparent;
    color: #657586;
    font-size: 12px;
    line-height: 1.35;
}

.mass-actions-layout.is-sidebar-collapsed .mass-actions-sidebar-head strong,
.mass-actions-layout.is-sidebar-collapsed .mass-actions-sidebar-caption,
.mass-actions-layout.is-sidebar-collapsed .mass-actions-menu-group-title span:last-child,
.mass-actions-layout.is-sidebar-collapsed .mass-actions-menu-item-body,
.mass-actions-layout.is-sidebar-collapsed .mass-actions-sidebar-note span:last-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.mass-actions-layout.is-sidebar-collapsed .mass-actions-sidebar-head,
.mass-actions-layout.is-sidebar-collapsed .mass-actions-menu {
    padding-right: 8px;
    padding-left: 8px;
}

.mass-actions-layout.is-sidebar-collapsed .mass-actions-menu-group-title,
.mass-actions-layout.is-sidebar-collapsed .mass-actions-menu-item,
.mass-actions-layout.is-sidebar-collapsed .mass-actions-sidebar-note {
    justify-content: center;
}

.mass-actions-layout.is-sidebar-collapsed .mass-actions-menu-item {
    min-height: 42px;
}

.mass-actions-workspace {
    min-width: 0;
    padding: 0;
}

.mass-actions-tabs {
    position: sticky;
    top: 120px;
    z-index: 45;
    display: flex;
    width: 100%;
    gap: 0;
    margin-bottom: -1px;
    border-bottom: 1px solid #d7dfe7;
    background: #fff;
    box-shadow: 0 1px 3px rgba(18, 35, 53, 0.1);
}

.mass-actions-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 50%;
    gap: 7px;
    min-height: 37px;
    padding: 8px 14px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: #fff;
    color: #526273;
    font-size: 13px;
    font-weight: 400;
}

.mass-actions-tab:hover,
.mass-actions-tab:focus {
    background: #f8fafc;
    outline: none;
}

.mass-actions-tab.is-active {
    border: 0;
    border-bottom: 2px solid #1f82c6;
    background: #fff;
    color: #245676;
    font-weight: 700;
}

.mass-actions-panel {
    min-height: calc(100vh - 157px);
    border: 0;
    background: #fff;
    box-shadow: none;
}

.mass-actions-primary-action {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 4px;
    background: #2f8f55;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.mass-actions-primary-action:hover,
.mass-actions-primary-action:focus {
    background: #287b49;
    outline: 2px solid rgba(47, 143, 85, 0.28);
    outline-offset: 2px;
}

.mass-actions-primary-action:disabled {
    cursor: not-allowed;
    background: #9fb4c6;
    color: #f4f7fa;
}

.mass-actions-primary-action:disabled:hover,
.mass-actions-primary-action:disabled:focus {
    background: #9fb4c6;
    outline: none;
}

.mass-actions-primary-action .glyphicon,
.mass-actions-secondary-action .glyphicon,
.mass-actions-danger-action .glyphicon,
.mass-actions-top-action .glyphicon,
.mass-actions-toolbar-preview button .glyphicon,
.mass-actions-meter-apply .glyphicon {
    color: inherit;
}

.mass-actions-secondary-action {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid #b8c7d6;
    border-radius: 4px;
    background: #fff;
    color: #2f465d;
    font-size: 13px;
    font-weight: 700;
}

.mass-actions-secondary-action:hover,
.mass-actions-secondary-action:focus {
    border-color: #0063B0;
    color: #0063B0;
    outline: 2px solid rgba(0, 99, 176, 0.18);
    outline-offset: 2px;
}

.mass-actions-danger-action {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid #d7a8a8;
    border-radius: 4px;
    background: #fff;
    color: #9d2f2f;
    font-size: 13px;
    font-weight: 700;
}

.mass-actions-danger-action:hover,
.mass-actions-danger-action:focus {
    border-color: #b94343;
    background: #fff6f6;
    outline: 2px solid rgba(185, 67, 67, 0.18);
    outline-offset: 2px;
}

.mass-actions-danger-action:disabled {
    cursor: not-allowed;
    border-color: #cad2dc;
    background: #f5f7f9;
    color: #8a98a8;
}

.mass-actions-form-preview,
.mass-actions-list-preview {
    --mass-actions-content-gutter: clamp(20px, 4vw, 64px);

    padding: 12px var(--mass-actions-content-gutter) 22px;
}

.mass-actions-info-box {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    padding: 10px 12px;
    border: 0;
    border-left: 3px solid #8bbddc;
    border-radius: 0;
    background: #f6f9fb;
    color: #3e5363;
}

.mass-actions-info-box .glyphicon {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #4a86aa;
}

.mass-actions-info-box strong {
    display: block;
    margin-bottom: 2px;
    font-size: 14px;
}

.mass-actions-info-box p {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
}

.mass-actions-instruction-list {
    display: block;
    gap: 4px;
    margin: 7px 0 0;
    padding-left: 18px;
    list-style: disc;
}

.mass-actions-instruction-list li {
    display: list-item;
    padding: 1px 0;
    border: 0;
    background: transparent;
    color: #526675;
    font-size: 12px;
}

.mass-actions-form-section-head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-top: 22px;
    margin-bottom: 13px;
    padding-bottom: 7px;
    border-bottom: 1px solid #dce2e8;
}

.mass-actions-form-section-head span {
    color: #6c7c89;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.mass-actions-form-section-head h4 {
    margin: 0;
    color: #2c3945;
    font-size: 16px;
    font-weight: 600;
}

.mass-actions-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.mass-actions-upload-form > * {
    width: 100%;
    max-width: 1360px;
    margin-right: auto;
    margin-left: auto;
}

.mass-actions-upload-form .mass-actions-form-grid {
    grid-template-columns: minmax(420px, 1.65fr) minmax(260px, 0.85fr);
    justify-content: center;
    max-width: 1180px;
    gap: 12px 18px;
    margin-bottom: 3px;
}

.mass-actions-upload-form .mass-actions-form-grid-note {
    grid-column: span 2;
}

.mass-actions-form-grid label {
    margin: 0;
}

.mass-actions-form-grid span {
    display: block;
    margin-bottom: 5px;
    color: #506173;
    font-size: 12px;
    font-weight: 700;
}

.mass-actions-form-grid input,
.mass-actions-form-grid select,
.mass-actions-form-grid textarea {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #bfc9d2;
    border-radius: 2px;
    background: #fff;
    color: #39495b;
    box-shadow: none;
}

.mass-actions-form-grid input,
.mass-actions-form-grid select {
    height: 34px;
}

.mass-actions-form-grid textarea {
    min-height: 58px;
    resize: vertical;
    line-height: 1.35;
}

.mass-actions-form-grid-wide {
    grid-column: span 1;
}

.mass-actions-form-grid-note {
    grid-column: span 2;
}

.mass-actions-file-picker,
.mass-actions-service-selector,
.mass-actions-upload-preview-card,
.mass-actions-empty-inline {
    margin-bottom: 14px;
    border: 1px solid #d5dee7;
    border-radius: 0;
    background: #fff;
}

.mass-actions-file-picker,
.mass-actions-service-selector {
    border-right: 0;
    border-left: 0;
}

.mass-actions-file-picker-head,
.mass-actions-service-selector-head,
.mass-actions-upload-preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #e1e7ed;
    background: #fff;
}

.mass-actions-file-picker-head span,
.mass-actions-service-selector-head span,
.mass-actions-upload-preview-head span {
    color: #526477;
    font-size: 12px;
    font-weight: 700;
}

.mass-actions-file-picker-head b,
.mass-actions-service-selector-head b {
    color: #243344;
    font-size: 12px;
}

.mass-actions-file-options {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
}

.mass-actions-file-option {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 2px 8px;
    min-height: 50px;
    padding: 8px 10px;
    border: 0;
    border-bottom: 1px solid #e3e8ed;
    border-radius: 0;
    background: #fff;
    color: #2f4052;
    text-align: left;
}

.mass-actions-file-option:last-child {
    border-bottom: 0;
}

.mass-actions-file-option .glyphicon {
    grid-row: span 2;
    margin-top: 2px;
    color: #0063B0;
}

.mass-actions-file-option strong,
.mass-actions-file-option small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mass-actions-file-option strong {
    font-size: 13px;
}

.mass-actions-file-option small {
    color: #66788a;
    font-size: 12px;
}

.mass-actions-file-option:hover,
.mass-actions-file-option:focus {
    border-color: #e3e8ed;
    background: #f8fafb;
    outline: none;
}

.mass-actions-file-option.is-active {
    border-color: #e3e8ed;
    background: #f7fafc;
    box-shadow: inset 3px 0 0 #1f82c6;
}

.mass-actions-service-option {
    position: relative;
    display: grid;
    grid-template-columns: 22px minmax(180px, 1fr) minmax(180px, 1fr) minmax(120px, auto);
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 7px 0;
    border-bottom: 1px solid #e6ebf0;
    color: #34495e;
}

.mass-actions-service-option:last-child {
    border-bottom: 0;
}

.mass-actions-service-option input {
    position: absolute;
    opacity: 0;
}

.mass-actions-service-option .glyphicon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid #b8c7d6;
    border-radius: 3px;
    color: transparent;
    font-size: 11px;
}

.mass-actions-service-option.is-active .glyphicon {
    border-color: #2f8f55;
    background: #2f8f55;
    color: #fff;
}

.mass-actions-service-option strong {
    font-size: 13px;
}

.mass-actions-service-option small {
    color: #68798a;
    font-size: 12px;
}

.mass-actions-service-option b {
    color: #243344;
    font-size: 13px;
    text-align: right;
}

.mass-actions-empty-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    color: #5d6f82;
    font-size: 13px;
}

.mass-actions-upload-preview-card {
    overflow: hidden;
    border-color: #cbd4dc;
}

.mass-actions-upload-preview-head strong {
    display: block;
    margin-top: 2px;
    color: #243344;
    font-size: 15px;
}

.mass-actions-preview-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 0;
    margin: 0;
    border-bottom: 1px solid #e1e7ed;
}

.mass-actions-preview-list div {
    padding: 9px 11px;
    border-right: 1px solid #e1e7ed;
}

.mass-actions-preview-list div:last-child {
    border-right: 0;
}

.mass-actions-preview-list dt {
    margin-bottom: 3px;
    color: #68798a;
    font-size: 12px;
}

.mass-actions-preview-list dd {
    margin: 0;
    color: #2d3f52;
    font-size: 13px;
    font-weight: 600;
}

.mass-actions-upload-preview-groups {
    padding: 10px;
    background: #fafbfc;
}

.mass-actions-upload-account {
    overflow: hidden;
    border: 1px solid #cbd7e4;
    border-radius: 0;
    background: #fff;
}

.mass-actions-upload-account + .mass-actions-upload-account {
    margin-top: 9px;
}

.mass-actions-upload-account-head {
    display: grid;
    grid-template-columns: minmax(130px, 0.35fr) minmax(240px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-bottom: 1px solid #cbd7e4;
    background: #f3f6f8;
    color: #34495e;
    font-size: 12px;
}

.mass-actions-upload-account-head strong {
    color: #0d4f86;
    font-size: 13px;
}

.mass-actions-upload-account-head b {
    color: #243344;
    white-space: nowrap;
}

.mass-actions-upload-services-table {
    overflow-x: auto;
}

.mass-actions-upload-service-row {
    display: grid;
    grid-template-columns: minmax(180px, 1.15fr) minmax(170px, 1fr) minmax(165px, 0.95fr) minmax(85px, 0.5fr) minmax(105px, 0.6fr) minmax(115px, 0.65fr) minmax(120px, 0.7fr);
    min-width: 1040px;
}

.mass-actions-upload-service-row > span {
    min-width: 0;
    padding: 7px 8px;
    border-right: 1px solid #e1e7ed;
    border-bottom: 1px solid #e1e7ed;
    color: #3c4e60;
    font-size: 11px;
    line-height: 1.35;
}

.mass-actions-upload-service-row > span:last-child {
    border-right: 0;
    text-align: right;
}

.mass-actions-upload-service-row:last-child > span {
    border-bottom: 0;
}

.mass-actions-upload-service-row_head {
    background: #f8fafc;
    font-weight: 700;
}

.mass-actions-upload-preview-total {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 10px;
    padding: 9px 11px;
    border-top: 2px solid #0063B0;
    background: #fff;
    color: #34495e;
    font-size: 13px;
}

.mass-actions-upload-preview-total strong {
    min-width: 130px;
    color: #1f2d3a;
    text-align: right;
}

.mass-actions-sticky-actions {
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    width: auto;
    max-width: none;
    margin: 20px calc(0px - var(--mass-actions-content-gutter)) -22px;
    padding: 10px var(--mass-actions-content-gutter);
    border-top: 1px solid #cbd4dc;
    border-bottom: 1px solid #e0e5ea;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: none;
}

.mass-actions-sticky-summary strong,
.mass-actions-sticky-summary span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mass-actions-sticky-summary strong {
    color: #243344;
    font-size: 13px;
}

.mass-actions-sticky-summary span {
    margin-top: 2px;
    color: #637487;
    font-size: 12px;
}

.mass-actions-reference-strip,
.mass-actions-status-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.mass-actions-reference-strip span,
.mass-actions-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px;
    padding: 4px 8px;
    border: 1px solid #d4dee8;
    border-radius: 4px;
    background: #f8fafc;
    color: #415163;
    font-size: 12px;
}

.mass-actions-reference-strip {
    gap: 0;
    padding: 6px 0;
    border-top: 1px solid #e0e5ea;
    border-bottom: 1px solid #e0e5ea;
}

.mass-actions-reference-strip span {
    min-height: 24px;
    padding: 3px 11px;
    border: 0;
    border-right: 1px solid #e0e5ea;
    border-radius: 0;
    background: transparent;
}

.mass-actions-reference-strip span:first-child {
    padding-left: 0;
}

.mass-actions-reference-strip span:last-child {
    border-right: 0;
}

.mass-actions-reference-strip b,
.mass-actions-status-chip b {
    color: #243344;
    font-size: 13px;
}

.mass-actions-status-chip_done {
    border-color: #b8dcc7;
    background: #edf8f1;
    color: #287b49;
}

.mass-actions-status-chip_process {
    border-color: #d7c38f;
    background: #fff8e8;
    color: #7b5b16;
}

.mass-actions-status-chip_error {
    border-color: #e5b2b2;
    background: #fff0f0;
    color: #9d2f2f;
}

.mass-actions-status-chip_cancelled,
.mass-actions-status-chip_draft {
    border-color: #cad2dc;
    background: #f3f6f9;
    color: #5d6b7a;
}

.mass-actions-toolbar-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.mass-actions-toolbar-preview button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 7px 11px;
    border: 1px solid #c2d0de;
    border-radius: 4px;
    background: #fff;
    color: #34495e;
    font-size: 13px;
}

.mass-actions-toolbar-preview button:hover,
.mass-actions-toolbar-preview button:focus {
    border-color: #0063B0;
    color: #0063B0;
    outline: none;
}

.mass-actions-toolbar-preview button:disabled {
    cursor: not-allowed;
    border-color: #d4dde6;
    background: #f4f7fa;
    color: #91a0b0;
}

.mass-actions-filter-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 10px;
    background: #0063B0;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.mass-actions-filters-panel {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 10px;
    margin-bottom: 12px;
    padding: 10px;
    border: 1px solid #d5dee7;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: #fafbfc;
}

.mass-actions-filters-panel label {
    margin: 0;
}

.mass-actions-filters-panel span {
    display: block;
    margin-bottom: 5px;
    color: #526477;
    font-size: 12px;
    font-weight: 700;
}

.mass-actions-filters-panel select {
    width: 100%;
    height: 32px;
    padding: 5px 8px;
    border: 1px solid #c4d0dc;
    border-radius: 3px;
    background: #fff;
    color: #39495b;
}

.mass-actions-task-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    padding: 11px 14px;
    border-top: 1px solid #d5dee7;
    background: #fff;
    transition: background-color 0.15s ease;
}

.mass-actions-task-card:hover {
    cursor: pointer;
    background: #f4f8fb;
}

.mass-actions-task-card:last-child {
    border-bottom: 1px solid #d5dee7;
}

.mass-actions-task-card:focus {
    outline: none;
}

.mass-actions-task-card:focus-visible {
    position: relative;
    z-index: 1;
    outline: 2px solid #0063B0;
    outline-offset: -2px;
}

.mass-actions-task-card strong,
.mass-actions-task-card span,
.mass-actions-task-card p,
.mass-actions-task-card b {
    min-width: 0;
}

.mass-actions-detail-toolbar,
.mass-actions-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.mass-actions-task-card-main {
    min-width: 0;
}

.mass-actions-task-card-title {
    display: block;
    margin-bottom: 3px;
    color: #223345;
    font-size: 13px;
    line-height: 1.35;
}

.mass-actions-task-card-date {
    display: block;
    color: #526477;
    font-size: 12px;
    line-height: 1.45;
}

.mass-actions-task-card-services-title {
    display: block;
    margin-top: 4px;
    color: #34495e;
    font-size: 12px;
}

.mass-actions-task-card-services {
    display: grid;
    gap: 1px;
    margin: 2px 0 0 16px;
    padding: 0;
    color: #243344;
    font-size: 12px;
    line-height: 1.35;
}

.mass-actions-task-card-summary {
    display: grid;
    align-content: start;
    justify-items: end;
    gap: 3px;
    min-width: 170px;
    color: #34495e;
    font-size: 12px;
    text-align: right;
    white-space: nowrap;
}

.mass-actions-task-card-summary small {
    color: #718094;
}

.mass-actions-task-status-text {
    font-weight: 700;
}

.mass-actions-task-status-text_process {
    color: #8a6419;
}

.mass-actions-task-status-text_done {
    color: #178447;
}

.mass-actions-task-status-text_error {
    color: #b33b3b;
}

.mass-actions-task-status-text_cancelled,
.mass-actions-task-status-text_draft {
    color: #657587;
}

.mass-actions-task-detail-meta dt {
    color: #5d6b7a;
    font-size: 13px;
}

.mass-actions-task-card p {
    margin: 0;
}

.mass-actions-task-detail-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 6px;
    margin: 8px 0;
    padding: 10px;
    border: 1px solid #d5dee7;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: #fafbfc;
}

.mass-actions-task-detail-meta dt {
    margin-bottom: 2px;
    font-weight: 400;
}

.mass-actions-task-detail-meta dd {
    margin: 0;
    color: #25384a;
    font-size: 13px;
    font-weight: 700;
}

.mass-actions-task-note {
    margin-top: 4px !important;
    color: #526477;
    font-size: 12px;
    line-height: 1.4;
}

.mass-actions-task-status {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
}

.mass-actions-task-status_process {
    background: #fff8e8;
    color: #8a6419;
}

.mass-actions-task-status_done {
    background: #eaf7ef;
    color: #287b49;
}

.mass-actions-task-status_error {
    background: #fff0f0;
    color: #9d2f2f;
}

.mass-actions-task-status_cancelled,
.mass-actions-task-status_draft {
    background: #f3f6f9;
    color: #5d6b7a;
}

.mass-actions-empty-state {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 28px 16px;
    border: 1px dashed #b8c7d6;
    border-radius: 4px;
    background: #f8fafc;
    color: #526477;
    text-align: center;
}

.mass-actions-empty-state .glyphicon {
    color: #0063B0;
    font-size: 24px;
}

.mass-actions-empty-state strong {
    color: #243344;
}

.mass-actions-empty-state p {
    max-width: 520px;
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.mass-actions-task-detail {
    min-width: 0;
}

.mass-actions-detail-toolbar {
    align-items: center;
    margin-bottom: 12px;
}

.mass-actions-detail-toolbar > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.mass-actions-detail-head {
    align-items: center;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #d5dee7;
    border-left: 4px solid #0063B0;
    border-radius: 4px;
    background: #fff;
}

.mass-actions-detail-head.is-saved {
    border-left-color: #2f8f55;
    background: #f5fbf7;
}

.mass-actions-detail-head span {
    color: #68798a;
    font-size: 12px;
    font-weight: 700;
}

.mass-actions-detail-head h4 {
    margin: 3px 0 4px;
    color: #223345;
    font-size: 18px;
}

.mass-actions-detail-head p {
    margin: 0;
    color: #5d6b7a;
    font-size: 13px;
}

.mass-actions-service-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.mass-actions-service-summary article {
    min-width: 0;
    padding: 10px;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #fff;
}

.mass-actions-service-summary strong,
.mass-actions-service-summary span,
.mass-actions-service-summary b {
    display: block;
    min-width: 0;
}

.mass-actions-service-summary strong {
    overflow: hidden;
    color: #243344;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mass-actions-service-summary span {
    margin: 4px 0;
    color: #66788a;
    font-size: 12px;
}

.mass-actions-service-summary b {
    color: #1f2d3a;
    font-size: 14px;
}

.mass-actions-task-address-table {
    overflow-x: auto;
    border: 1px solid #d5dee7;
    background: #fff;
}

.mass-actions-address-row {
    display: grid;
    grid-template-columns: minmax(250px, 1.5fr) minmax(110px, 0.65fr) minmax(120px, 0.7fr) minmax(85px, 0.45fr) minmax(90px, 0.45fr) minmax(105px, 0.55fr) minmax(105px, 0.55fr) minmax(105px, 0.55fr);
    min-width: 980px;
}

.mass-actions-address-row span {
    min-width: 0;
    padding: 6px 9px;
    border-right: 1px solid #e1e7ed;
    border-bottom: 1px solid #e1e7ed;
    color: #39495b;
    font-size: 12px;
}

.mass-actions-address-row span:nth-child(n+4) {
    text-align: right;
}

.mass-actions-address-row span:last-child {
    border-right: 0;
}

.mass-actions-address-row:last-child span {
    border-bottom: 0;
}

.mass-actions-address-row_head {
    background: #f1f5f9;
    font-weight: 700;
}

.mass-actions-address-row_head span {
    color: #435365;
}

.mass-actions-data-preview {
    --mass-actions-content-gutter: clamp(20px, 4vw, 64px);

    padding: 12px var(--mass-actions-content-gutter) 22px;
}

.mass-actions-house-list,
.mass-actions-house-detail {
    min-width: 0;
}

.mass-actions-house-filters {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(150px, 1fr)) auto;
    gap: 8px;
    align-items: end;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #d5dee7;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: #fafbfc;
}

.mass-actions-house-filters label {
    margin: 0;
}

.mass-actions-house-filters span,
.mass-actions-house-form-grid span {
    display: block;
    margin-bottom: 5px;
    color: #526477;
    font-size: 12px;
    font-weight: 700;
}

.mass-actions-house-filters input,
.mass-actions-house-filters select,
.mass-actions-house-form-grid input,
.mass-actions-house-form-grid select {
    width: 100%;
    height: 34px;
    padding: 6px 8px;
    border: 1px solid #bfc9d2;
    border-radius: 2px;
    background: #fff;
    color: #39495b;
    box-shadow: none;
}

.mass-actions-data-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 8px;
}

.mass-actions-data-card {
    min-width: 0;
    padding: 10px;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #fff;
}

.mass-actions-house-card {
    display: grid;
    gap: 8px;
}

.mass-actions-house-card.is-saved {
    border-color: #abd8bd;
    background: #f5fbf7;
}

.mass-actions-house-card .mass-actions-secondary-action {
    justify-content: center;
    width: 100%;
}

.mass-actions-data-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.mass-actions-data-card-head strong {
    min-width: 0;
    color: #243344;
    font-size: 14px;
    line-height: 1.3;
}

.mass-actions-data-card-head span {
    flex: 0 0 auto;
    padding: 3px 7px;
    border-radius: 3px;
    background: #edf7ff;
    color: #0d4f86;
    font-size: 11px;
    font-weight: 700;
}

.mass-actions-data-card p {
    margin: 7px 0 10px;
    color: #5d6b7a;
    font-size: 12px;
    line-height: 1.35;
}

.mass-actions-card-meta,
.mass-actions-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mass-actions-card-meta span,
.mass-actions-card-tags span {
    padding: 4px 7px;
    border-radius: 3px;
    background: #f3f6f9;
    color: #46586a;
    font-size: 11px;
    line-height: 1.25;
}

.mass-actions-card-tags {
    margin-top: 8px;
}

.mass-actions-card-tags span {
    background: #e7f1fb;
    color: #0d4f86;
}

.mass-actions-show-more {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.mass-actions-house-status {
    flex: 0 0 auto;
    padding: 5px 9px;
    border-radius: 4px;
    background: #edf7ff;
    color: #0d4f86;
    font-size: 12px;
}

.mass-actions-house-form-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(145px, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.mass-actions-house-form-grid label {
    margin: 0;
}

.mass-actions-house-form-wide {
    grid-column: span 2;
}

.mass-actions-house-tags-panel {
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #d5dee7;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: #fff;
}

.mass-actions-house-tag-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px;
}

.mass-actions-house-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 6px 9px;
    border: 1px solid #cbd7e4;
    border-radius: 4px;
    background: #fff;
    color: #34495e;
    font-size: 12px;
    font-weight: 700;
}

.mass-actions-house-tag .glyphicon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: 1px solid #b8c7d6;
    border-radius: 3px;
    color: transparent;
    font-size: 10px;
}

.mass-actions-house-tag.is-active {
    border-color: #0063B0;
    background: #eef7ff;
    color: #0d4f86;
}

.mass-actions-house-tag.is-active .glyphicon {
    border-color: #2f8f55;
    background: #2f8f55;
    color: #fff;
}

.mass-actions-meter-search {
    display: grid;
    grid-template-columns: minmax(260px, 1fr);
    gap: 8px;
    align-items: end;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #d5dee7;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: #fafbfc;
}

.mass-actions-meter-search label {
    margin: 0;
}

.mass-actions-meter-search-field {
    position: relative;
}

.mass-actions-meter-search-field > label {
    display: block;
    margin-bottom: 5px;
    color: #526477;
    font-size: 12px;
    font-weight: 700;
}

.mass-actions-meter-search input,
.mass-actions-meter-row input {
    width: 100%;
    height: 32px;
    padding: 5px 8px;
    border: 1px solid #bfc9d2;
    border-radius: 2px;
    background: #fff;
    color: #39495b;
    box-shadow: none;
}

.mass-actions-meter-suggestions {
    position: absolute;
    z-index: 20;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    overflow: hidden;
    border: 1px solid #9fb6cc;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(27, 49, 71, 0.18);
}

.mass-actions-meter-suggestions button {
    display: grid;
    grid-template-columns: minmax(130px, 0.45fr) minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-bottom: 1px solid #e2e8ef;
    background: #fff;
    color: #34495e;
    font: inherit;
    text-align: left;
}

.mass-actions-meter-suggestions button:last-child {
    border-bottom: 0;
}

.mass-actions-meter-suggestions button:hover,
.mass-actions-meter-suggestions button.is-active {
    background: #e7f2fc;
}

.mass-actions-meter-suggestions strong,
.mass-actions-meter-suggestions span {
    display: block;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: inherit;
    font-size: 12px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mass-actions-meter-suggestions strong {
    color: #0d4f86;
    font-weight: 700;
}

.mass-actions-meter-table {
    overflow-x: auto;
    margin-bottom: 10px;
    border: 1px solid #d5dee7;
    background: #fff;
}

.mass-actions-meter-row {
    display: grid;
}

.mass-actions-meter-row > span {
    min-width: 0;
    padding: 6px 9px;
    border-right: 1px solid #e1e7ed;
    border-bottom: 1px solid #e1e7ed;
    color: #39495b;
    font-size: 12px;
}

.mass-actions-meter-row > span:last-child {
    border-right: 0;
}

.mass-actions-meter-row:last-child > span {
    border-bottom: 0;
}

.mass-actions-meter-row_head {
    background: #f1f5f9;
    font-weight: 700;
}

.mass-actions-meter-workspace {
    min-width: 0;
}

.mass-actions-meter-row {
    grid-template-columns: minmax(180px, 1.1fr) minmax(105px, 0.55fr) minmax(110px, 0.6fr) minmax(100px, 0.55fr) minmax(110px, 0.6fr) minmax(100px, 0.55fr) minmax(100px, 0.55fr) minmax(125px, 0.65fr);
    min-width: 980px;
}

.mass-actions-meter-row strong,
.mass-actions-meter-row small {
    display: block;
    min-width: 0;
}

.mass-actions-meter-row strong {
    color: #243344;
}

.mass-actions-meter-row small {
    margin-top: 2px;
    color: #6b7d8f;
}

.mass-actions-meter-row.is-changed {
    background: #eef7ff;
}

.mass-actions-meter-row.is-changed input {
    border-color: #0063B0;
}

.mass-actions-meter-row.is-invalid {
    background: #fff5f5;
}

.mass-actions-meter-row.is-invalid input {
    border-color: #c95858;
    background: #fffafa;
}

.mass-actions-meter-row.is-applied {
    background: #f2fbf5;
}

.mass-actions-meter-apply {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    min-height: 28px;
    padding: 5px 8px;
    border: 1px solid #b8c7d6;
    border-radius: 3px;
    background: #fff;
    color: #2f465d;
    font-size: 11px;
    font-weight: 700;
}

.mass-actions-meter-apply:hover,
.mass-actions-meter-apply:focus {
    border-color: #0063B0;
    color: #0063B0;
    outline: none;
}

.mass-actions-meter-apply:disabled {
    cursor: not-allowed;
    border-color: #d7e0e8;
    background: #f3f6f9;
    color: #93a2b2;
}

.mass-actions-meter-apply.is-applied,
.mass-actions-meter-apply.is-applied:disabled {
    border-color: #2f8f55;
    background: #edf8f1;
    color: #287b49;
}

.mass-actions-meter-workspace .mass-actions-sticky-actions {
    grid-template-columns: minmax(0, 1fr) auto;
}

.mass-actions-inline-warning {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 9px 11px;
    border: 1px solid #e6c982;
    border-radius: 4px;
    background: #fff8e8;
    color: #7b5b16;
    font-size: 13px;
}

.mass-actions-notice {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1200;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    width: min(380px, calc(100vw - 36px));
    padding: 12px 14px;
    border: 1px solid #b7c7d8;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(27, 42, 58, 0.18);
    color: #263241;
    font-size: 13px;
    line-height: 1.35;
}

.mass-actions-notice_info .glyphicon {
    color: #0063B0;
}

.mass-actions-notice_success {
    border-color: #abd8bd;
}

.mass-actions-notice_success .glyphicon {
    color: #2f8f55;
}

.mass-actions-notice_warning {
    border-color: #e6c982;
}

.mass-actions-notice_warning .glyphicon {
    color: #d9901f;
}

.mass-actions-menu-item:focus-visible,
.mass-actions-tab:focus-visible,
.mass-actions-file-option:focus-visible,
.mass-actions-toolbar-preview button:focus-visible,
.mass-actions-house-tag:focus-visible,
.mass-actions-meter-apply:focus-visible,
.mass-actions-meter-suggestions button:focus-visible {
    outline: 2px solid #0063B0;
    outline-offset: 2px;
}

.mass-actions-service-option:focus-within {
    box-shadow: inset 0 0 0 2px #0063B0;
}

.mass-actions-panel [role="tabpanel"]:focus-visible {
    outline: 2px solid #0063B0;
    outline-offset: -2px;
}

@media (max-width: 991px) {
    .mass-actions-page .demo-header {
        position: static;
    }

    .mass-actions-app {
        padding-top: 0;
    }

    .mass-actions-appbar {
        top: 0;
        align-items: center;
        flex-wrap: nowrap;
    }

    .mass-actions-appbar-title {
        flex: 1 1 auto;
    }

    .mass-actions-appbar-actions {
        flex: 0 0 auto;
        margin-left: auto;
    }

    .mass-actions-tabs {
        top: 50px;
    }

    .mass-actions-layout {
        grid-template-columns: 224px minmax(0, 1fr);
    }

    .mass-actions-layout.is-sidebar-collapsed {
        grid-template-columns: 0 minmax(0, 1fr);
    }

    .mass-actions-layout.is-sidebar-collapsed .mass-actions-sidebar {
        display: none;
    }

    .mass-actions-layout.is-sidebar-collapsed .mass-actions-workspace {
        grid-column: 1 / -1;
    }

    .mass-actions-form-grid,
    .mass-actions-file-options,
    .mass-actions-house-filters,
    .mass-actions-house-form-grid,
    .mass-actions-data-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mass-actions-upload-form .mass-actions-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mass-actions-form-grid-note,
    .mass-actions-house-form-wide {
        grid-column: span 2;
    }

    .mass-actions-service-option {
        grid-template-columns: 22px minmax(0, 1fr);
    }

    .mass-actions-service-option small,
    .mass-actions-service-option b {
        grid-column: 2;
        text-align: left;
    }
}

@media (max-width: 767px) {
    .mass-actions-app {
        padding-top: 0;
    }

    .mass-actions-page .demo-header-inner {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 8px;
    }

    .mass-actions-page .demo-header-logo {
        width: 100%;
    }

    .mass-actions-page .demo-header-text {
        flex: 1 1 auto;
        min-width: 0;
    }

    .mass-actions-page .demo-header-title,
    .mass-actions-page .demo-header-note {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .mass-actions-page .demo-header-back {
        margin-left: 40px;
    }

    .mass-actions-appbar {
        position: static;
        top: auto;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px 12px;
    }

    .mass-actions-appbar-title {
        flex: 1 1 240px;
    }

    .mass-actions-appbar-actions {
        overflow-x: auto;
        flex: 1 1 100%;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-left: 0;
        padding-bottom: 2px;
    }

    .mass-actions-top-action {
        flex: 0 0 auto;
    }

    .mass-actions-layout,
    .mass-actions-layout.is-sidebar-collapsed {
        display: block;
        min-height: 0;
    }

    .mass-actions-sidebar {
        position: static;
        height: auto;
        max-height: none;
        border-right: 0;
        border-bottom: 1px solid #cbd7e4;
    }

    .mass-actions-menu {
        display: grid;
        grid-template-columns: 1fr;
    }

    .mass-actions-workspace {
        padding: 0;
    }

    .mass-actions-tabs {
        top: 0;
    }

    .mass-actions-primary-action {
        margin-top: 10px;
    }

    .mass-actions-tab {
        flex: 1 1 100%;
        border-radius: 4px;
    }

    .mass-actions-tab.is-active {
        border-bottom-color: #aebdca;
    }

    .mass-actions-form-grid,
    .mass-actions-data-grid,
    .mass-actions-house-filters,
    .mass-actions-house-form-grid,
    .mass-actions-meter-search {
        grid-template-columns: 1fr;
    }

    .mass-actions-upload-form .mass-actions-form-grid {
        grid-template-columns: 1fr;
    }

    .mass-actions-form-grid-note,
    .mass-actions-house-form-wide,
    .mass-actions-file-options {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    .mass-actions-upload-form .mass-actions-form-grid-note {
        grid-column: auto;
    }

    .mass-actions-file-picker-head,
    .mass-actions-service-selector-head,
    .mass-actions-upload-preview-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .mass-actions-service-option {
        grid-template-columns: 22px minmax(0, 1fr);
    }

    .mass-actions-service-option small,
    .mass-actions-service-option b {
        grid-column: 2;
        text-align: left;
    }

    .mass-actions-preview-list {
        grid-template-columns: 1fr;
    }

    .mass-actions-preview-list div {
        border-right: 0;
        border-bottom: 1px solid #e1e7ed;
    }

    .mass-actions-preview-list div:last-child {
        border-bottom: 0;
    }

    .mass-actions-sticky-actions {
        position: static;
        grid-template-columns: 1fr;
    }

    .mass-actions-secondary-action,
    .mass-actions-danger-action,
    .mass-actions-sticky-actions .mass-actions-primary-action {
        justify-content: center;
        width: 100%;
    }

    .mass-actions-filters-panel,
    .mass-actions-task-detail-meta,
    .mass-actions-service-summary {
        grid-template-columns: 1fr;
    }

    .mass-actions-detail-toolbar,
    .mass-actions-detail-head {
        display: block;
    }

    .mass-actions-task-status,
    .mass-actions-detail-toolbar > div {
        margin-top: 8px;
    }

    .mass-actions-task-card {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .mass-actions-task-card-summary {
        justify-items: start;
        min-width: 0;
        text-align: left;
    }

    .mass-actions-detail-toolbar > div {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: stretch;
    }

    .mass-actions-house-tag-options {
        display: grid;
        grid-template-columns: 1fr;
    }

    .mass-actions-house-tag {
        justify-content: flex-start;
        width: 100%;
    }

    .mass-actions-data-card-head {
        display: block;
    }

    .mass-actions-data-card-head span {
        display: inline-block;
        margin-top: 7px;
    }
}