.account-workplace {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.account-sticky-header {
    position: fixed;
    top: var(--workplace-demo-header-height);
    right: 0;
    left: 0;
    z-index: 900;
    min-width: var(--workplace-min-width);
    overflow: hidden;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 8px 20px rgba(31, 41, 51, 0.12);
}

.account-toolbar {
    min-height: 42px;
    padding: 6px 12px;
    border-bottom: 1px solid #dbe3ec;
    background: #fbfdff;
}

.account-toolbar-title {
    min-width: 0;
}

.account-toolbar h2 {
    overflow: hidden;
    max-width: 680px;
    font-size: 16px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workplace-icon-btn {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 12px;
}

.workplace-icon-btn_save {
    background: #00a99d;
}

.workplace-icon-btn_certificate {
    background: #0063B0;
}

.workplace-icon-btn_close {
    background: #d93025;
}

.account-summary {
    align-items: stretch;
    gap: 8px;
    padding: 7px 12px;
    border-bottom: 1px solid #dbe3ec;
    background: #fff;
}

.account-summary-main {
    display: grid;
    grid-template-columns: 0.7fr 2.5fr 2fr 0.55fr 0.85fr;
    gap: 6px;
    flex: 1;
}

.account-summary-main div,
.account-month-control {
    min-width: 0;
    padding: 5px 8px;
    border: 1px solid #e3eaf1;
    border-radius: 4px;
    background: #f8fbfd;
}

.account-summary-main span {
    display: block;
    margin-bottom: 2px;
    color: #6b7c8f;
    font-size: 10px;
    font-weight: 700;
}

.account-summary-main strong {
    display: block;
    overflow: hidden;
    color: #1f2933;
    font-size: 12px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-month-control {
    width: 142px;
}

.account-month-control span {
    margin-bottom: 2px;
    font-size: 10px;
}

.account-month-control select {
    height: 26px;
    padding: 3px 7px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
}

.account-tabs {
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow-x: auto;
    border-bottom: 1px solid #dbe3ec;
    background: #eef3f7;
}

.account-tabs button {
    flex: 0 0 auto;
    min-width: 118px;
    min-height: 34px;
    padding: 6px 11px;
    border: 0;
    border-right: 1px solid #dbe3ec;
    background: transparent;
    color: #334e68;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.account-tabs button .glyphicon {
    display: inline-block;
    margin: 0 5px 0 0;
    color: #0063B0;
}

.account-tabs button:hover {
    background: #e2edf6;
}

.account-tabs button.is-active {
    background: #fff;
    color: #0063B0;
    box-shadow: inset 0 2px 0 #0063B0;
}

.account-content {
    min-height: 390px;
    padding: calc(var(--workplace-account-header-height) + 10px) 0 calc(var(--workplace-account-footer-height) + 10px);
    background: #f4f7fa;
}

.section-placeholder {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 20px;
    min-height: 340px;
    padding: 32px;
    align-items: start;
}

.section-placeholder-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border-radius: 8px;
    background: #e7f2fb;
    color: #0063B0;
    font-size: 30px;
}

.section-placeholder-body p {
    max-width: 680px;
    margin: 12px 0 0;
    color: #52616b;
    font-size: 14px;
    line-height: 1.55;
}

.section-scope-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
    max-width: 760px;
    padding: 0;
    margin: 22px 0 0;
    list-style: none;
}

.section-scope-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #334e68;
    font-size: 13px;
    line-height: 1.45;
}

.section-scope-list .glyphicon {
    margin-top: 2px;
    color: #00a99d;
    font-size: 11px;
}

.options-section {
    display: grid;
    gap: 10px;
}

.options-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 28px;
}

.options-section-summary {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin: 0;
}

.options-section-summary div {
    min-width: 96px;
    padding: 5px 8px;
    border: 1px solid #e3eaf1;
    border-radius: 4px;
    background: #f8fbfd;
}

.options-section-summary dt {
    margin: 0 0 3px;
    color: #6b7c8f;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
}

.options-section-summary dd {
    margin: 0;
    color: #1f2933;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.options-section-summary .workplace-status {
    min-height: 18px;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 10px;
    line-height: 14px;
}

.options-form {
    display: block;
    margin: 0;
}

.options-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
    gap: 10px;
    align-items: start;
}

.options-column {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.options-block {
    min-width: 0;
    padding: 10px;
    border: 1px solid #dbe3ec;
    border-radius: 6px;
    background: #fff;
}

.options-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
}

.options-block h3 {
    margin: 0;
    color: #1f2933;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0;
}

.options-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
}

.options-form-grid_general {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.options-form-wide {
    grid-column: 1 / -1;
}

.options-form-grid label,
.options-note-block {
    min-width: 0;
    margin: 0;
}

.options-form-grid label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #52616b;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
}

.options-form-grid label span {
    display: block;
    min-height: 0;
    margin-bottom: 0;
    white-space: normal;
}

.options-form-grid input,
.options-form-grid select,
.options-form-grid textarea,
.options-note-block textarea {
    width: 100%;
    border: 1px solid #c6d3df;
    border-radius: 4px;
    background: #fff;
    color: #1f2933;
    font-size: 12px;
    line-height: 16px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.options-form-grid input,
.options-form-grid select {
    height: 30px;
    padding: 5px 7px;
}

.options-form-grid textarea,
.options-note-block textarea {
    min-height: 74px;
    padding: 6px 7px;
    resize: vertical;
}

.options-note-block textarea {
    min-height: 182px;
}

.options-form-grid input:focus,
.options-form-grid select:focus,
.options-form-grid textarea:focus,
.options-note-block textarea:focus {
    border-color: #0063B0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 99, 176, 0.14);
}

.options-switch-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #edf3f8;
}

.options-switch {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-width: 0;
    min-height: 26px;
    margin: 0;
    cursor: pointer;
}

.options-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.options-switch-control {
    position: relative;
    display: flex;
    align-items: center;
    width: 52px;
    height: 24px;
    padding: 2px 4px;
    border-radius: 999px;
    background: #d93025;
    color: #fff;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

.options-switch-control::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(31, 41, 51, 0.28);
    content: "";
    transition: transform 0.2s ease;
}

.options-switch-control span {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding-left: 20px;
    font-size: 9px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
}

.options-switch input:checked + .options-switch-control {
    background: #00a99d;
}

.options-switch input:checked + .options-switch-control::after {
    transform: translateX(28px);
}

.options-switch input:checked + .options-switch-control span {
    padding-right: 20px;
    padding-left: 0;
}

.options-switch input:focus + .options-switch-control {
    box-shadow: 0 0 0 3px rgba(0, 99, 176, 0.16);
}

.options-switch strong {
    color: #334e68;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    white-space: normal;
}