.workbench-type-tiles {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 18px;
    border: 1px solid #172630;
    border-top: 4px solid #f4511e;
    background: #fff;
}

.workbench-type-tiles button {
    min-height: 164px;
    display: grid;
    align-content: start;
    gap: 6px;
    padding: 19px;
    border: 0;
    border-right: 1px solid #cad2d5;
    background: #fff;
    color: #172630;
    text-align: left;
    cursor: pointer;
}

.workbench-type-tiles button:last-child { border-right: 0; }
.workbench-type-tiles button:hover { background: #f3f1ec; }
.workbench-type-tiles button.active { background: #172630; color: #fff; box-shadow: inset 0 -4px #f4511e; }
.workbench-type-tiles small { color: #f4511e; font: 800 8px Inter; letter-spacing: .09em; }
.workbench-type-tiles b { font: 600 31px Manrope; }
.workbench-type-tiles span { font: 800 13px Inter; }
.workbench-type-tiles em { color: #667880; font: normal 10px/1.45 Inter; }
.workbench-type-tiles .active em { color: #c8d2d6; }

.workbench-add-strip {
    display: grid;
    grid-template-columns: minmax(300px, .8fr) 1.7fr;
    gap: 20px;
    align-items: center;
    padding: 20px;
    border: 1px solid #172630;
    border-top: 0;
    background: #eef1f1;
}

.workbench-add-strip > div:first-child { display: grid; gap: 5px; }
.workbench-add-strip small { color: #f4511e; font: 800 8px Inter; letter-spacing: .1em; }
.workbench-add-strip b { font-size: 14px; }
.workbench-add-strip span { color: #65767e; font-size: 10px; line-height: 1.45; }
.workbench-add-strip > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.workbench-add-strip button {
    padding: 9px 11px;
    border: 1px solid #172630;
    background: #fff;
    color: #172630;
    font: 800 9px Inter;
    cursor: pointer;
}
.workbench-add-strip button:hover { border-color: #f4511e; background: #f4511e; color: #fff; }

.dc-page .work-registry-toolbar { grid-template-columns: minmax(230px,1fr) minmax(190px,.8fr) minmax(180px,.75fr) 170px 170px auto auto; }
@media (max-width: 1180px) { .dc-page .work-registry-toolbar { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 700px) { .dc-page .work-registry-toolbar { grid-template-columns: 1fr; } }

.work-registry-categories { display: grid; gap: 17px; margin-top: 17px; }
.work-category { border: 1px solid #172630; background: #fff; }
.work-category > header {
    padding: 0;
    border-bottom: 3px solid #f4511e;
    background: #172630;
    color: #fff;
}
.work-category-toggle { width: 100%; display: flex; justify-content: space-between; gap: 30px; align-items: end; padding: 24px; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.work-category-toggle:hover { background: #20343f; }
.work-category-toggle small { color: #f4511e; font: 800 9px Inter; letter-spacing: .1em; }
.work-category-toggle h2 { margin: 6px 0 2px; color: #fff; font-size: 31px; }
.work-category-toggle p { margin: 0; max-width: 760px; color: #c8d1d5; font-size: 11px; }
.work-category-toggle > span { display: flex; align-items: center; gap: 18px; }
.work-category-toggle > span b { color: #f4511e; font: 600 34px Manrope; }
.work-category-toggle > span i { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #fff; color: #fff; font: normal 24px Manrope; }
.work-category.collapsed > header { border-bottom-width: 1px; }
.work-type-group > header { display: flex; justify-content: space-between; padding: 11px 15px; background: #ebe8e2; }
.work-type-group > header h3 { margin: 0; font-size: 13px; }
.work-type-group article { display: grid; grid-template-columns: minmax(400px, 1fr) 135px 110px 105px 55px 92px; gap: 14px; align-items: center; padding: 16px; border-top: 1px solid #d1d8da; }
.work-type-group article h4 { margin: 3px 0; font-size: 16px; }
.work-record-summary { min-width: 0; }
.work-record-summary > small { display: block; margin-bottom: 5px; }
.work-title-link { display: block; width: fit-content; max-width: 100%; margin: 0; padding: 0; border: 0; background: transparent; color: #172630; font: inherit; text-align: left; text-decoration: underline; text-decoration-color: #aab4b8; text-decoration-thickness: 1px; text-underline-offset: 3px; cursor: pointer; }
.work-title-link:hover,.work-title-link:focus-visible { color: #172630; text-decoration-color: #f4511e; outline: 0; }
.work-title-text { display: inline; font-size: 16px; font-weight: 700; line-height: 1.28; }
.work-type-group article p { margin: 0; color: #65767e; font-size: 11px; }
.work-type-group article em { display: block; margin-top: 6px; color: #9b4a2b; font: normal 9px/1.4 Inter; }
.work-type-group article > span, .work-type-group article > a { font-size: 10px; }
.work-type-group article .status { padding: 7px; border-left: 3px solid #8b9ba2; background: #e8edef; font-weight: 800; }
.work-type-group article.flagged-blocked { box-shadow: inset 4px 0 #bd3728; background: #fff8f5; }
.work-type-group article.inactive-record { background: #f1f3f3; opacity: .82; }
.gage-edit-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 8px 12px;
    border: 1px solid #172630;
    background: #172630;
    color: #fff;
    font: 800 9px Inter;
    letter-spacing: .04em;
    cursor: pointer;
}
.gage-edit-button span { color: #f4511e; font-size: 14px; line-height: 1; }
.gage-edit-button:hover { border-color: #f4511e; background: #f4511e; }
.gage-edit-button:hover span { color: #fff; }
.work-signal { display: inline-flex !important; margin: 8px 6px 0 0; padding: 5px 7px; color: #fff !important; font: 800 8px Inter !important; letter-spacing: .06em; }
.work-signal.blocked { background: #bd3728; }
.work-signal.escalation { background: #9a5a13; }
.work-signal.decision { background: #172630; }
.work-signal.critical-path { background: #633965; }
.work-signal.private-scope { background:#e9eef1; color:#263842 !important; border:1px solid #667781; }
.work-signal.inactive { background:#667780; }

.work-registry-view-controls { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 17px; padding: 13px 16px; border: 1px solid #172630; background: #f3f1ec; }
.work-registry-view-controls > div:first-child { display: grid; gap: 3px; }
.work-registry-view-controls small { color: #f4511e; font: 800 8px Inter; letter-spacing: .1em; }
.work-registry-view-controls b { font-size: 12px; }
.work-registry-view-controls > div:last-child { display: flex; gap: 7px; flex-wrap: wrap; }
.work-registry-view-controls button { padding: 9px 12px; border: 1px solid #172630; background: #fff; color: #172630; font: 800 9px Inter; cursor: pointer; }
.work-registry-view-controls button.primary, .work-registry-view-controls button:hover { background: #172630; color: #fff; }

.work-attention-center { margin-top: 17px; border: 1px solid #172630; background: #fff; }
.work-attention-center > header { display: flex; justify-content: space-between; gap: 30px; align-items: center; padding: 19px 22px; background: #172630; color: #fff; }
.work-attention-center > header small { color: #f4511e; font: 800 8px Inter; letter-spacing: .1em; }
.work-attention-center > header h2 { margin: 5px 0 2px; color: #fff; font-size: 24px; }
.work-attention-center > header p { margin: 0; color: #c9d2d6; font-size: 10px; }
.work-attention-center > header > b { color: #f4511e; font: 600 37px Manrope; }
.work-attention-metrics { display: grid; grid-template-columns: repeat(5, 1fr); }
.work-attention-metrics button { min-height: 96px; display: grid; align-content: center; gap: 3px; padding: 13px; border: 0; border-right: 1px solid #cad2d5; background: #fff; color: #172630; text-align: left; cursor: pointer; }
.work-attention-metrics button:last-child { border-right: 0; }
.work-attention-metrics button:hover, .work-attention-metrics button.active { background: #fff1e9; box-shadow: inset 0 -4px #f4511e; }
.work-attention-metrics b { color: #f4511e; font: 600 25px Manrope; }
.work-attention-metrics span { font: 800 9px Inter; }
.work-attention-metrics em { margin-top: 5px; color: #61727a; font: normal 8px Inter; }
.work-attention-help { margin: 0; padding: 9px 14px; border-top: 1px solid #d6dcde; color: #61727a; font-size: 9px; }
.work-attention-list { border-top: 1px solid #cad2d5; }
.work-attention-list > header { display: flex; justify-content: space-between; padding: 10px 14px; background: #f3f1ec; }
.work-attention-list > header button { border: 0; background: none; color: #f4511e; font-weight: 800; cursor: pointer; }
.work-attention-list article { display: grid; grid-template-columns: 1fr 140px 90px; gap: 14px; align-items: center; padding: 12px 15px; border-top: 1px solid #d6dcde; }
.work-attention-list article > div { display: grid; gap: 3px; }
.work-attention-list article small { color: #f4511e; font: 800 8px Inter; }
.work-attention-list article span, .work-attention-list article em { color: #65767e; font: normal 9px Inter; }
.attention-backdrop { z-index: 1550; }
.attention-dialog { width: min(1050px, calc(100vw - 34px)); max-height: calc(100vh - 44px); overflow: auto; }
.attention-dialog .dcb-dialog-header { position: sticky; top: 0; z-index: 2; align-items: center; }
.attention-dialog .dcb-dialog-header p { margin: 5px 0 0; color: #c8d2d6; font-size: 10px; }
.attention-dialog .close { width: 43px; height: 43px; border: 1px solid #fff; background: transparent; color: #fff; font-size: 20px; }
.attention-dialog-guidance { display: grid; gap: 3px; padding: 15px 18px; border-left: 4px solid #f4511e; background: #fff1e9; }
.attention-dialog-guidance span { color: #61727a; font-size: 10px; }
.attention-dialog-records article { display: grid; grid-template-columns: minmax(0,1fr) 150px 120px 92px; gap: 16px; align-items: center; padding: 14px 17px; border-top: 1px solid #d4dbdd; }
.attention-dialog-records article > div { display: grid; gap: 4px; }
.attention-dialog-records small { color: #f4511e; font: 800 8px Inter; letter-spacing: .06em; }
.attention-record-main > span { color: #61727a; font-size: 10px; }
.attention-empty { display: grid; gap: 5px; padding: 30px; text-align: center; }
.attention-empty span { color: #61727a; }
.personal-project-scope { border: 1px solid #adb9bd; background: #f3f1ec; }
.personal-project-scope header { padding: 14px 16px; border-bottom: 1px solid #ccd4d7; }
.personal-project-scope header small { color: #f4511e; font: 800 8px Inter; letter-spacing: .08em; }
.personal-project-scope header b { display: block; margin-top: 3px; }
.personal-project-scope header p { margin: 3px 0 0; color: #61727a; font-size: 10px; }
.personal-project-scope header a { color: #172630; font-weight: 800; }
.personal-project-scope > label { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; }
.personal-project-scope > label input { width: 18px; height: 18px; }
.personal-project-scope > label span { display: grid; gap: 3px; }
.personal-project-scope > label em { color: #61727a; font: normal 10px Inter; }

.dcb-backdrop > .dcb-dialog.work-record-dialog { width: calc(100vw - 48px); max-width: none; max-height: calc(100vh - 32px); overflow-x: hidden; overflow-y: auto; }
.searchable-user-picker.is-open { z-index: 40; }
.searchable-user-dismiss { position: fixed !important; z-index: 0 !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; cursor: default !important; }
.searchable-user-picker.is-open .searchable-user-control { z-index: 1; }
.searchable-user-picker.is-open .searchable-user-results { z-index: 2; }
.dcb-dialog-header.work-record-toolbar { position: sticky; top: 0; z-index: 12; display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; gap: 0; padding: 0; align-items: start; align-content: start; justify-content: stretch; box-sizing: border-box; }
.work-record-toolbar-top { display: flex; width: 100%; justify-content: space-between; gap: 20px; align-items: center; padding: 16px 24px; box-sizing: border-box; }
.work-record-window-context { display: flex; align-items: center; gap: 10px; min-width: 0; }
.work-record-window-context small { color: #f4511e; font: 800 10px Inter; letter-spacing: .1em; white-space: nowrap; }
.work-record-window-context b { padding-left: 10px; border-left: 1px solid #667780; color: #fff; font: 800 11px Inter; letter-spacing: .08em; white-space: nowrap; }
.work-record-title-row { width: 100%; padding: 16px 24px 19px; border-top: 1px solid #42535e; box-sizing: border-box; }
.work-record-title-row h2 { width: 100%; max-width: none; margin: 0; color: #fff; font-size: clamp(24px, 2.4vw, 38px); line-height: 1.08; }
.work-record-toolbar-actions { display: flex; gap: 8px; align-items: center; }
.work-record-toolbar-actions button { min-height: 40px; padding: 10px 15px; border: 1px solid #fff; font: 800 10px Inter; cursor: pointer; }
.work-record-toolbar-actions button:disabled { opacity: .55; cursor: wait; }
.work-record-toolbar-actions .save { border-color: #f4511e; background: #f4511e; color: #fff; }
.work-record-toolbar-actions .save:hover { background: #d93d0f; }
.work-record-toolbar-actions .deactivate { border-color: #f4511e; background: transparent; color: #fff; }
.work-record-toolbar-actions .deactivate:hover { background: #fff; color: #bd3728; }
.work-record-toolbar-actions .email { border-color: #fff; background: #fff; color: #172630; }
.work-record-toolbar-actions .email:hover { border-color: #f4511e; background: #fff3ec; }
.work-record-toolbar-actions .close { width: 42px; padding: 0; background: transparent; color: #fff; font-size: 20px; }
.work-record-purpose { padding: 18px 20px; border-left: 4px solid #f4511e; background: #fff1e9; }
.work-record-purpose small { display: block; color: #f4511e; font: 800 10px Inter; letter-spacing: .1em; }
.work-record-purpose b { display: block; margin: 6px 0; font-size: 17px; }
.work-record-purpose p { margin: 0; color: #4f636c; font-size: 13px; line-height: 1.5; }
.work-record-validation { display: grid; gap: 4px; padding: 14px 18px; border-left: 4px solid #bd3728; background: #fff1ed; color: #8f2e25; }
.work-record-validation b { font-size: 12px; }
.work-record-validation span { font-size: 10px; }
.work-record-form { padding: 20px; }
.work-record-form label { align-content: start; color: #172630; font-size: 11px; letter-spacing: .055em; }
.work-record-form input,.work-record-form select,.work-record-form textarea { color: #172630; font-size: 14px; }
.work-record-form textarea { min-height: 86px; }
.field-definition { display: block; margin-top: 6px; color: #53666f; font: normal 11px/1.5 Inter; text-transform: none; letter-spacing: 0; }
.rich-field > span { display: block; margin-bottom: 5px; }
.rich-field .k-editor { text-transform: none; letter-spacing: normal; font-weight: 400; }
.rich-field .k-editor-content { min-height: 90px; }
.decision-options { border: 1px solid #aeb9bd; background: #f3f1ec; }
.decision-options > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 13px; border-bottom: 1px solid #aeb9bd; }
.decision-options > header > div:first-child { min-width: 230px; }
.decision-options > header small { display: block; color: #f4511e; font: 800 8px Inter; }
.decision-options > header button, .decision-options article > button { border: 1px solid #172630; background: #172630; color: #fff; padding: 8px 10px; font-weight: 800; }
.decision-option-actions { display: flex; flex-wrap: nowrap; justify-content: flex-end; gap: 7px; }
.decision-options > header .decision-option-actions .ai { border-color: #f4511e; background: #f4511e; }
.decision-options > header .decision-option-actions .ai.secondary { background: #fff; color: #172630; }
.decision-ai-message { margin: 0; padding: 11px 14px; border-bottom: 1px solid #ccd4d7; background: #fff6ef; color: #8f371d; font-size: 11px; font-weight: 800; }
.decision-recommendation > em { display: block; margin: -2px 0 7px; color: #657680; font-size: 10px; font-style: normal; font-weight: 500; letter-spacing: normal; text-transform: none; }
.work-record-dialog .k-editor-toolbar,.work-record-dialog .k-toolbar-items { flex-wrap: nowrap !important; }
.work-record-dialog .k-editor { width: 100%; min-width: 0; max-width: 100%; }
.work-record-dialog .k-editor-toolbar { width: 100%; max-width: 100%; min-height: 45px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.work-record-dialog .k-editor-toolbar .k-toolbar-items { width: 100%; min-width: max-content; flex: 1 0 max-content; }
.work-record-dialog .k-editor-content { min-width: 0; max-width: 100%; font-size: 14px; line-height: 1.55; }
.decision-options article { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 15px; border-bottom: 1px solid #ccd4d7; }
.decision-option-heading { display: flex; align-items: center; gap: 10px; margin: -15px -15px 0; padding: 10px 14px; border-bottom: 1px solid #ccd4d7; background: #e7e4de; }
.decision-option-heading > span { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; background: #f4511e; color: #fff; font-size: 17px; font-weight: 900; }
.decision-option-heading > div { display: grid; gap: 2px; }
.decision-option-heading small { color: #f4511e; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.decision-option-heading b { font-size: 13px; }
.decision-options article > label:first-child { grid-column: 1 / -1; }
.decision-options article > button { grid-column: 1; justify-self: end; }
.decision-options article:last-child { border-bottom: 0; }
.decision-participants { border: 1px solid #aeb9bd; background: #f3f1ec; }
.decision-participants > header { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 15px; border-bottom: 1px solid #aeb9bd; background: #172630; color: #fff; }
.decision-participants > header small { color: #f4511e; font: 800 8px Inter; letter-spacing: .1em; }
.decision-participants > header b { display: block; margin-top: 3px; }
.decision-participants > header p { margin: 4px 0 0; color: #c8d2d6; font-size: 10px; }
.decision-participants > header > div:last-child { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.decision-participants > header button { min-height: 36px; border: 1px solid #f4511e; background: #f4511e; color: #fff; padding: 8px 11px; font-weight: 800; }
.decision-participant-list { height: 430px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.decision-participants-empty { margin: 0; padding: 22px; color: #63747c; text-align: center; }
.decision-participant-list > article { display: grid; grid-template-columns: minmax(200px,1.2fr) minmax(160px,1fr) 135px 135px 180px 180px auto; gap: 11px; align-items: end; padding: 15px; border-top: 1px solid #ccd4d7; background: #fff; }
.decision-participant-list > article:first-of-type { border-top: 0; }
.decision-participant-list > article.communication { background: #f7f8f8; }
.decision-participant-list > article label { min-width: 0; }
.decision-participant-list > article .contingencies { grid-column: 1 / -2; }
.decision-participant-list > article .contingencies textarea { min-height: 72px; }
.decision-participants .searchable-user-picker { min-width: 0; }
.decision-communication-note { align-self: stretch; display: grid; align-content: center; gap: 3px; grid-column: 4 / 6; padding: 9px 11px; border-left: 3px solid #f4511e; background: #fff4ec; }
.decision-communication-note span { color: #63747c; font-size: 9px; }
.decision-participants .remove { min-height: 38px; border: 1px solid #172630; background: #fff; color: #172630; padding: 8px 10px; font-weight: 800; }
.work-record-flags { border: 1px solid #aeb9bd; background: #f3f1ec; }
.work-record-flags > header { padding: 15px; border-bottom: 1px solid #c8d1d4; }
.work-record-flags > header small { display: block; color: #f4511e; font: 800 10px Inter; letter-spacing: .1em; }
.work-record-flags > header b { display: block; margin-top: 4px; font-size: 14px; }
.work-record-flags > header p { margin: 4px 0 0; color: #53666f; font-size: 12px; line-height: 1.45; }
.work-record-flags > div:not(.blocker-definition) { display: grid; grid-template-columns: repeat(4, 1fr); }
.work-record-flags > div:not(.blocker-definition) > label { display: flex; gap: 10px; padding: 14px; border-right: 1px solid #c8d1d4; cursor: pointer; }
.work-record-flags > div:not(.blocker-definition) > label:last-child { border-right: 0; }
.work-record-flags input[type="checkbox"] { width: 19px; height: 19px; accent-color: #f4511e; }
.work-record-flags label span { display: grid; gap: 3px; }
.work-record-flags label b { font-size: 11px; }
.work-record-flags label em { color: #53666f; font: normal 11px/1.45 Inter; }
.blocker-definition { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px; border-top: 3px solid #bd3728; background: #fff8f5; }
.work-management-definitions { border: 1px solid #aeb9bd; background: #fff; }
.work-management-definitions summary { padding: 13px 15px; background: #172630; color: #fff; font: 800 10px Inter; cursor: pointer; }
.work-management-definitions > div { display: grid; grid-template-columns: repeat(3, 1fr); }
.work-management-definitions section { padding: 14px; border-right: 1px solid #ccd4d7; }
.work-management-definitions section:last-child { border-right: 0; }
.work-management-definitions section > b { color: #f4511e; font-size: 11px; }
.work-management-definitions section > small { display: block; margin-top: 5px; color: #53666f; font: 700 10px/1.45 Inter; }
.work-management-definitions p { display: grid; gap: 2px; margin: 10px 0 0; }
.work-management-definitions strong { font-size: 11px; }
.work-management-definitions span { color: #53666f; font-size: 11px; line-height: 1.45; }
.field-definition.governed { display: grid; grid-template-columns: auto 1fr; gap: 4px 8px; margin-top: 7px; padding: 10px 11px; border-left: 3px solid #f4511e; background: #fff5ec; color: #53666f; font: normal 11px/1.5 Inter; text-transform: none; letter-spacing: normal; }
.field-definition.governed b { color: #f4511e; font-size: 9px; letter-spacing: .08em; }
.field-definition.governed strong { grid-column: 1 / -1; margin-top: 3px; color: #172630; font-size: 11px; }
.work-custom-values { border: 1px solid #aeb9bd; background: #f3f1ec; }
.work-custom-values > header { padding: 15px; border-bottom: 1px solid #ccd4d7; }
.work-custom-values > header small { color: #f4511e; font: 800 10px Inter; letter-spacing: .1em; }
.work-custom-values > header b { display: block; margin-top: 4px; font-size: 14px; }
.work-custom-values > header p { margin: 4px 0 0; color: #53666f; font-size: 11px; line-height: 1.45; }
.work-custom-values > div { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 15px; }
.custom-radio-options { display: flex; gap: 12px; flex-wrap: wrap; padding: 10px; border: 1px solid #aeb9bd; background: #fff; }
.custom-radio-options label { display: flex; align-items: center; gap: 6px; font-size: 10px; text-transform: none; letter-spacing: normal; }
.custom-radio-options input { width: 16px; height: 16px; accent-color: #f4511e; }

.work-custom-field-dialog { width: min(1060px, calc(100vw - 34px)); max-height: calc(100vh - 42px); overflow: auto; }
.work-custom-field-dialog .dcb-dialog-header, .work-custom-field-edit .dcb-dialog-header { position: sticky; top: 0; z-index: 3; align-items: center; }
.work-custom-field-dialog .dcb-dialog-header > div:last-child, .work-custom-field-edit .dcb-dialog-header > div:last-child { display: flex; gap: 8px; }
.work-custom-field-dialog .primary, .work-custom-field-edit .primary { padding: 10px 14px; border: 1px solid #f4511e; background: #f4511e; color: #fff; font-weight: 800; }
.work-custom-field-dialog .close, .work-custom-field-edit .close { width: 42px; border: 1px solid #fff; background: transparent; color: #fff; font-size: 20px; }
.work-custom-field-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 18px; }
.work-custom-field-groups > section { border: 1px solid #aeb9bd; }
.work-custom-field-groups > section > header { display: flex; justify-content: space-between; gap: 12px; padding: 13px; background: #172630; color: #fff; }
.work-custom-field-groups small { color: #f4511e; font: 800 8px Inter; }
.work-custom-field-groups h3 { margin: 4px 0 0; color: #fff; }
.work-custom-field-groups > section > header > b { font-size: 9px; }
.work-custom-field-groups > section > p { padding: 15px; color: #667880; }
.work-custom-field-groups article { display: flex; justify-content: space-between; gap: 15px; padding: 13px; border-top: 1px solid #d2d9db; }
.work-custom-field-groups article > div { display: grid; gap: 4px; }
.work-custom-field-groups article span, .work-custom-field-groups article em { color: #667880; font: normal 9px Inter; }
.work-custom-field-groups article.inactive { opacity: .65; background: #f3f1ec; }
.work-custom-field-groups article button { align-self: center; padding: 8px 11px; border: 1px solid #172630; background: #172630; color: #fff; font-weight: 800; }
.work-custom-field-edit { width: min(760px, calc(100vw - 34px)); }
.work-custom-field-edit .form { padding: 20px; }
.dcb-backdrop.nested { z-index: 1700; }
.task-work-items { padding: 20px; border-top: 1px solid #aeb9bd; background: #f3f1ec; }
.task-work-items > header { display: flex; justify-content: space-between; gap: 25px; align-items: center; }
.task-work-items small { color: #f4511e; font: 800 10px Inter; letter-spacing: .1em; }
.task-work-items h3 { margin: 4px 0; }
.task-work-items p { margin: 0; color: #53666f; font-size: 12px; line-height: 1.45; }
.task-work-items > header button { padding: 10px; border: 1px solid #172630; background: #172630; color: #fff; font-weight: 800; }
.task-work-items article { display: flex; justify-content: space-between; align-items: center; padding: 11px; margin-top: 10px; border: 1px solid #ccd4d7; background: #fff; }
.task-work-items article div { display: grid; }
.task-work-items article span { color: #53666f; font-size: 11px; }

@media (max-width: 1100px) {
    .decision-participant-list > article { grid-template-columns: 1fr 1fr; align-items: start; }
    .decision-participant-list > article .contingencies,.decision-communication-note { grid-column: 1 / -1; }
    .decision-participants .remove { justify-self: end; }
}

@media (max-width: 1000px) {
    .workbench-type-tiles { grid-template-columns: repeat(2, 1fr); }
    .workbench-type-tiles button { border-bottom: 1px solid #cad2d5; }
    .workbench-add-strip { grid-template-columns: 1fr; }
    .workbench-add-strip > div:last-child { justify-content: flex-start; }
    .work-type-group article { grid-template-columns: minmax(250px, 1fr) 120px 105px; }
    .work-type-group article > :nth-child(n+5) { grid-column: 2 / -1; }
}

@media (max-width: 680px) {
    .workbench-type-tiles { grid-template-columns: 1fr; }
    .workbench-type-tiles button { min-height: 130px; border-right: 0; }
    .work-type-group article, .decision-options article { grid-template-columns: 1fr; }
    .work-type-group article > :nth-child(n) { grid-column: auto; }
    .task-work-items > header { display: grid; }
    .dcb-dialog-header.work-record-toolbar { align-items: start; }
    .work-record-toolbar-top { align-items: flex-start; }
    .work-record-toolbar-actions { flex-wrap: wrap; justify-content: flex-end; }
    .work-record-toolbar-actions .deactivate { order: 2; }
    .decision-options > header { flex-direction: column; }
    .decision-option-actions { flex-wrap: wrap; justify-content: flex-start; }
    .decision-participants > header { align-items: flex-start; flex-direction: column; }
    .decision-participant-list > article { grid-template-columns: 1fr; }
    .decision-participant-list > article .contingencies,.decision-communication-note { grid-column: auto; }
    .work-record-flags > div:not(.blocker-definition), .blocker-definition { grid-template-columns: 1fr; }
    .work-attention-metrics, .work-custom-field-groups, .work-custom-values > div, .work-management-definitions > div { grid-template-columns: 1fr; }
    .work-attention-list article { grid-template-columns: 1fr; }
    .attention-dialog-records article { grid-template-columns: 1fr; }
    .work-registry-view-controls { align-items: start; flex-direction: column; }
}