.di-page { padding: 0 13px 24px; color: #333; font-family: var(--frx-font-sans); }
.di-page .row { margin-left: -13px; margin-right: -13px; }
.di-page .commandbar-layout { min-height: 39px; }
.di-page .commandbar-box { color: #333; cursor: pointer; text-decoration: none; }
.di-page .commandbar-box .commandbar-icon { color: #0075b0; }
.di-page .commandbar-box.is-disabled { cursor: default; opacity: .45; pointer-events: none; }
.di-page .jarviswidget { margin-bottom: 18px; }
.di-page .jarviswidget > header h2 { font-size: 13px; font-weight: 400; }
.di-page .widget-body { min-height: 0; }
.di-page .di-widget-content { padding: 10px 12px 14px; }
.di-workspace-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; }
.di-workspace-toolbar { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px; }
.di-workspace-toolbar .di-workspace-filter { margin:0; }
.di-workspace-view-toggle { display:flex; overflow:hidden; border:1px solid #d6e0e3; border-radius:7px; background:#fff; }
.di-workspace-view-toggle button { height:36px; padding:0 11px; border:0; border-left:1px solid #d6e0e3; background:#fff; color:#536582; font-size:11px; }
.di-workspace-view-toggle button:first-child { border-left:0; }
.di-workspace-view-toggle button i { margin-right:5px; }
.di-workspace-view-toggle button.active { background:#e7f2f2; color:rgb(25,85,88); font-weight:700; }
.di-workspace-filter { width:min(420px,100%); height:36px; margin:0 0 16px; padding:0 4px 0 10px; border:1px solid #d6e0e3; border-radius:7px; background:#fff; display:flex; align-items:center; gap:8px; }
.di-workspace-filter:focus-within { border-color:rgb(25,85,88); box-shadow:0 0 0 2px rgba(25,85,88,.12); }
.di-workspace-filter i { color:#74848a; }
.di-workspace-filter input { min-width:0; width:100%; border:0; outline:0; background:transparent; color:#30424a; font-size:12px; }
.di-workspace-filter input::placeholder { color:#8d999e; }
.di-workspace-filter button { height:28px; padding:0 11px; border:0; border-radius:5px; background:rgb(25,85,88); color:#fff; font-size:11px; font-weight:700; }
.di-workspace-filter button:hover,.di-workspace-filter button:focus { background:rgb(21,72,75); outline:0; }
.di-workspace-filter .di-workspace-filter-clear { padding:0 7px; background:transparent; color:rgb(25,85,88); }
.di-workspace-filter .di-workspace-filter-clear:hover,.di-workspace-filter .di-workspace-filter-clear:focus { background:#e7f2f2; color:rgb(21,72,75); }
.di-workspace-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; color:#708087; font-size:12px; }
.di-workspace-pagination .pagination { margin:0; }
.di-workspace-pagination .pagination > li > a { min-width:32px; color:rgb(25,85,88); text-align:center; }
.di-workspace-pagination .pagination > .active > a,.di-workspace-pagination .pagination > .active > a:hover,.di-workspace-pagination .pagination > .active > a:focus { border-color:rgb(25,85,88); background:rgb(25,85,88); color:#fff; }
.di-workspace-pagination .pagination > .disabled > a { cursor:not-allowed; }
.di-workspace-no-results { margin-top:8px; }
.di-workspace-card { position:relative; min-height:178px; padding:18px; border:1px solid #dce4e6; border-radius:10px; background:#fff; color:#1c2b33; text-align:left; display:flex; flex-direction:column; gap:9px; cursor:pointer; box-shadow:0 1px 2px rgba(17,44,52,.04); transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
.di-workspace-card:hover,.di-workspace-card:focus { border-color:rgb(25,85,88); box-shadow:0 8px 18px rgba(17,68,71,.13); outline:0; transform:translateY(-2px); }
.di-workspace-card.selected { outline:2px solid rgb(25,85,88); outline-offset:1px; }
.di-workspace-select { position:absolute; top:0; left:0; z-index:1; margin:0; cursor:pointer; }
.di-workspace-select input { width:16px; height:16px; margin:0; accent-color:#008d85; cursor:pointer; }
.di-workspace-card header,.di-workspace-card footer { display:flex; align-items:center; justify-content:space-between; }
.di-workspace-card header { position:relative; padding-top:38px; }
.di-workspace-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:700; }
.di-card-description { flex:1; overflow:hidden; color:#65737a; font-size:12px; line-height:1.5; }
.di-workspace-card footer { padding-top:10px; border-top:1px solid #edf0f1; color:#829097; font-size:11px; }
.di-workspace-card footer i { margin-right:5px; }
.di-workspace-card small { color:inherit; font-size:11px; }
.di-card-icon { width:40px; height:40px; margin-left:0; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:#e7f2f2; color:rgb(25,85,88); font-size:19px; }
.di-card-arrow { position:absolute; top:0; right:0; color:#99a5aa; font-size:18px; }
.di-workspace-list-table .di-table th,.di-workspace-list-table .di-table td { vertical-align:middle; }
.di-workspace-list-table .di-table thead tr { border-bottom:1px solid #ddd; }
.di-workspace-list-table .di-table thead th { border-bottom:0; }
.di-workspace-list-table .di-table tbody tr { border-bottom:1px solid #eee; }
.di-workspace-list-table .di-table tbody td { border-top:0; border-bottom:0; }
.di-workspace-list-table .di-table tbody tr:last-child { border-bottom:0; }
.di-workspace-list-table .di-table tbody tr { cursor:pointer; }
.di-workspace-list-table .di-table tbody tr:focus { outline:2px solid rgba(25,85,88,.45); outline-offset:-2px; }
.di-item-icon { width:17px; height:17px; margin-right:4px; object-fit:contain; vertical-align:middle; }
.di-workspace-list-table .di-table tbody tr.di-selected { background:#edf7f6; }
.di-workspace-select-column,.di-workspace-select-cell { width:42px; text-align:center; }
.di-workspace-select-cell label { margin:0; cursor:pointer; }
.di-workspace-select-cell input { width:16px; height:16px; margin:0; accent-color:#008d85; cursor:pointer; }
.di-workspace-name { display:flex; align-items:center; gap:10px; min-width:180px; }
.di-workspace-list-icon { width:30px; height:30px; flex:0 0 30px; display:inline-flex; align-items:center; justify-content:center; border-radius:7px; background:#e7f2f2; color:rgb(25,85,88); font-size:15px; }
.di-workspace-open { width:36px; color:#99a5aa; font-size:18px; text-align:center; }
.workspace-colour-picker { display:flex; flex-wrap:wrap; gap:8px; }.workspace-colour-picker button { display:flex; min-width:76px; align-items:center; gap:6px; padding:5px 7px; border:1px solid #d6e0e3; border-radius:5px; background:#fff; color:#536582; font-size:11px; font-weight:400; cursor:pointer; }.workspace-colour-picker button.active { border-color:rgb(25,85,88); box-shadow:0 0 0 1px rgba(25,85,88,.25); color:rgb(25,85,88); font-weight:700; }.workspace-colour-picker span { width:18px; height:18px; display:inline-block; border:1px solid rgba(0,0,0,.12); border-radius:50%; }.workspace-colour-picker .workspace-colour-default { background:#fff; }.workspace-colour-picker em { font-style:normal; }.workspace-colour-picker + .help-block { margin:8px 0 0; }
.workspace-icon-picker { display:grid; grid-template-columns:repeat(auto-fill,minmax(92px,1fr)); gap:8px; max-width:620px; }
.workspace-icon-option { min-height:68px; padding:8px 6px; border:1px solid #dce4e6; border-radius:8px; background:#fff; color:#55656b; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; font-size:10px; }
.workspace-icon-option i { color:rgb(25,85,88); font-size:17px; }
.workspace-icon-option:hover,.workspace-icon-option:focus { border-color:rgb(25,85,88); background:#f5fafa; outline:0; }
.workspace-icon-option.active { border-color:rgb(25,85,88); background:#e7f2f2; box-shadow:inset 0 0 0 1px rgb(25,85,88); color:rgb(25,85,88); font-weight:700; }
.workspace-icon-selection { min-height:58px; display:flex; align-items:center; gap:12px; }
.workspace-icon-preview { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:#e7f2f2; color:rgb(25,85,88); font-size:21px; }
.workspace-icon-selection strong { display:block; color:#30424a; font-size:13px; }
.workspace-icon-selection p { margin:2px 0 0; color:#718087; font-size:12px; }
.workspace-edit-modal .help-block { margin:4px 0 0; color:#718087; font-size:12px; line-height:1.4; }
.workspace-icon-selection .wb-btn { margin-left:auto; }
.workspace-policy-targets { margin:12px 16px 4px; padding:10px 12px; border-left:3px solid rgb(25,85,88); background:#eef8f8; color:#365f61; font-size:12px; }.workspace-policy-targets > strong { margin-right:7px; color:#24585a; }.workspace-policy-targets > span { color:#65748a; }.workspace-policy-targets ul { max-height:110px; margin:7px 0 0; padding-left:18px; overflow:auto; color:#344a68; }.workspace-policy-targets li { margin:2px 0; }
.workspace-icon-modal .modal-body { padding:18px 20px 20px; }
.workspace-icon-picker-window .modal-header { cursor:move; user-select:none; }
.workspace-icon-modal-intro { margin:0 0 15px; color:#627179; font-size:12px; }
.workspace-icon-modal .workspace-icon-picker { max-width:none; grid-template-columns:repeat(5,minmax(88px,1fr)); }
@media (max-width:480px) { .workspace-icon-modal .workspace-icon-picker { grid-template-columns:repeat(3,minmax(80px,1fr)); } .workspace-icon-selection { align-items:flex-start; flex-wrap:wrap; } .workspace-icon-selection .wb-btn { margin-left:60px; } }
.di-create { max-width: 620px; margin: 0 0 15px; padding: 15px; border: 1px solid #ddd; background: #fafafa; }
.di-import-panel { margin-bottom: 14px; padding: 14px; border: 1px solid #b8cbd7; background: #f5f9fc; }
.di-import-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; color: #346597; }
.di-import-panel p { margin: 0 0 10px; color: #666; font-size: 12px; }
.di-import-panel label { display: block !important; max-width: 360px; margin-bottom: 10px; color: #555; font-size: 12px; }
.di-import-panel label select { margin-top: 4px; }
.di-import-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; font-size: 12px; }
.di-create h3 { margin: 0 0 12px; font-size: 16px; font-weight: 400; }
.di-create label, .di-drawer-body label { display: block; margin: 10px 0; color: #555; font-size: 12px; font-weight: 600; }
.di-create input, .di-create textarea, .di-drawer-body input, .di-drawer-body textarea, .di-drawer-body select { margin-top: 5px; }
.di-actions { display: flex; gap: 7px; justify-content: flex-end; }
.di-breadcrumbs { margin: 0 0 10px; font-size: 12px; }
.di-breadcrumbs button { border: 0; background: transparent; color: #3276b1; padding: 2px; }
.di-breadcrumbs button:not(:last-child):after { content: ' /'; color: #999; margin-left: 7px; }
.di-dropzone { border: 1px dashed #b5b5b5; background: #fafafa; min-height: 85px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #666; margin-bottom: 10px; font-size: 12px; }
.di-dropzone > i { color: #0075b0; font-size: 22px; }
.di-dropzone button { border: 0; background: transparent; color: #3276b1; padding: 0; text-decoration: underline; }
.di-selection { background: #f5f9fc; border: 1px solid #b8d0df; border-left: 3px solid #3276b1; padding: 10px 12px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; }
.di-selection > div { display: flex; align-items: center; gap: 10px; }
.di-selection > div:first-child i { color: #c44; font-size: 18px; }
.di-selection span, .di-selection-reason { color: #666; font-size: 11px; }
.di-table-wrap { position: relative; border: 1px solid #ddd; min-height: 90px; }
.di-table { width: 100%; border-collapse: collapse; }
.di-table th { padding: 9px 11px; background: #f5f5f5; border-bottom: 1px solid #ddd; color: #222; text-align: left; font-size: 11px; font-weight: 700; }
.di-table td { padding: 10px 11px; border-top: 1px solid #eee; color: #555; font-size: 12px; }
.di-table tbody tr { cursor: pointer; }
.di-file-drop-zone .di-table tbody td { -webkit-user-select: none; user-select: none; }
.di-file-drop-zone .di-table th { -webkit-user-select: none; user-select: none; }
.di-file-drop-zone .di-table .di-column-draggable { cursor: grab; }
.di-file-drop-zone .di-table .di-column-dragging { opacity: .5; cursor: grabbing; }
.di-file-drop-zone .di-table .di-column-drop-before { box-shadow: inset 3px 0 #008d85; }
.di-file-drop-zone .di-table .di-column-drop-after { box-shadow: inset -3px 0 #008d85; }
.di-file-drop-zone { overflow-x: auto; }
.di-file-drop-zone .di-metadata-cell { overflow-wrap: anywhere; min-width: 100px; max-width: 360px; }
.di-folder-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.di-folder-toolbar .di-breadcrumbs { margin-bottom: 0; }
.di-folder-toolbar .di-breadcrumbs button:hover { font-weight: 700; }
.di-folder-toolbar .di-breadcrumbs button:after { font-weight: 400; }
.di-folder-navigation { display: flex; flex: 0 0 auto; gap: 6px; }
.di-folder-navigation button { width: 28px; height: 28px; padding: 4px; color: #315f61; border-color: #d6e0e3; }
.di-folder-navigation button:disabled { cursor: default; opacity: .45; }
.di-folder-toolbar .di-breadcrumbs { flex: 1 1 auto; min-width: 0; }
.di-asset-search { display: flex; align-items: center; gap: 7px; width: min(340px, 40%); flex: 0 1 340px; min-width: 120px; padding: 5px 8px; border: 1px solid #d6e0e3; background: #fff; color: #74848a; }
.di-asset-search:focus-within { border-color: rgb(25,85,88); }
.di-asset-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #30424a; font-size: 12px; }
.di-asset-search button { padding: 0 3px; border: 0; background: transparent; color: #315f61; }
.di-columns-menu { position: relative; flex: 0 0 auto; }
.di-columns-panel { position: fixed; z-index: 10000; width: 230px; max-height: calc(100vh - 16px); overflow-y: auto; padding: 10px 12px; border: 1px solid #ccd5e0; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.di-columns-panel label { display: flex; align-items: center; gap: 7px; padding: 4px 0; margin: 0; font-weight: 400; cursor: pointer; }
.di-columns-panel input { margin: 0; accent-color: #008d85; }
.di-columns-panel small { color: #8d999e; }
.di-columns-actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #e1e6ed; }
.di-column-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; white-space: nowrap; }
.di-sort-indicator { margin-left: 5px; color: #a8b0b4; }
.di-sort-indicator.di-sort-active { color: #008d85; }
.di-column-filter-button { padding: 2px 3px; border: 0; background: transparent; color: #8b969c; cursor: pointer; }
.di-column-filter-button:hover,.di-column-filter-button:focus,.di-column-filter-button.active { color: #008d85; background: #e8f4f3; }
.di-column-filter-panel { position: fixed; z-index: 10000; width: 270px; max-height: calc(100vh - 16px); overflow: auto; padding: 12px; border: 1px solid #ccd5e0; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.18); color: #30424a; }
.di-column-filter-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.di-column-filter-title button { border: 0; background: transparent; color: #536582; }
.di-column-filter-panel label { display: block; margin: 0 0 10px; font-size: 12px; font-weight: 400; }
.di-column-filter-panel label .form-control { margin-top: 4px; }
.di-filter-condition-actions { display:flex; justify-content:flex-end; }
.di-filter-combine-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.di-column-filter-panel .di-filter-combine-heading label { margin:0; }
.di-filter-combine-heading + .form-control { margin-bottom:10px; }
.di-filter-condition-actions .btn { width:24px; height:24px; padding:2px; font-size:12px; line-height:18px; border-radius:4px; color:#fff; }
.di-filter-condition-add { background:#287a3e; border-color:#287a3e; }
.di-filter-condition-add:hover, .di-filter-condition-add:focus { background:#206232; border-color:#206232; color:#fff; }
.di-filter-condition-remove { background:#b00032; border-color:#b00032; }
.di-filter-condition-remove:hover, .di-filter-condition-remove:focus { background:#8c0028; border-color:#8c0028; color:#fff; }
.di-table tbody tr:hover, .di-table tbody tr.di-selected { background: #f2f8fb; }
.di-table tbody tr.di-file-selected { background: #e8f4f3; }
.di-table td:first-child i { width: 20px; color: #777; }
.di-table td:first-child .fa-file-pdf { color: #c44; }
.di-table .di-file-selection { width: 38px; padding-right: 4px; padding-left: 10px; text-align: center; }
.di-file-selection input[type="checkbox"] { width: 14px; height: 14px; margin: 0; vertical-align: middle; accent-color: #008d85; cursor: pointer; }
.di-table .di-file-selection + td i { width: 20px; color: #777; }
.di-table .di-file-selection + td .fa-file-pdf { color: #c44; }
.di-table .di-file-actions-heading, .di-table .di-file-actions { width: 72px; text-align: center; }
.di-file-actions-trigger { width: 27px; height: 24px; padding: 1px 6px; border-color: #cfd8dc; color: #315f61; background: transparent; }
.di-file-actions-trigger:hover, .di-file-actions-trigger:focus { border-color: rgb(25,85,88); color: rgb(25,85,88); background: #f3f8f8; }
.di-file-actions-menu { min-width: 120px; padding: 4px 0; background: #fff; border: 1px solid #ccd7da; border-radius: 2px; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.di-file-actions-menu button { display: block; width: 100%; padding: 7px 13px; border: 0; background: transparent; color: #315f61; text-align: left; font-size: 12px; }
.di-file-actions-menu button:hover, .di-file-actions-menu button:focus { outline: 0; background: rgb(25,85,88); color: #fff; }
.di-file-actions-menu i { margin-right: 5px; color: rgb(25,85,88); }
.di-file-actions-menu button:hover i, .di-file-actions-menu button:focus i { color: #fff; }
.di-file-actions-empty { color: #a8b0b4; }
.di-loading, .di-empty { color: #777; padding: 35px; text-align: center; font-size: 12px; }
.di-empty.compact { padding: 30px; }
.di-filters, .di-browser-tools { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.di-filters { justify-content: flex-start; }
.di-search { height: 30px; min-width: 280px; display: flex; align-items: center; gap: 8px; padding: 0 9px; border: 1px solid #ccc; background: #fff; color: #777; }
.di-search input { width: 100%; border: 0; outline: 0; background: transparent; font-size: 12px; }
.di-filters select, .di-browser-tools select, .di-toolbar select { height: 30px; padding: 0 8px; border: 1px solid #ccc; background: #fff; font-size: 12px; }
.di-page .di-filters > select { flex: 0 0 240px; width: 240px; border-radius: 0 !important; -webkit-border-radius: 0 !important; }
.di-gap-count { display: inline-grid; place-items: center; min-width: 24px; height: 21px; background: #f2dede; color: #b94a48; font-weight: 700; }
.di-gap-count.clear { background: #dff0d8; color: #468847; }
.di-tabs { display: flex; border-bottom: 1px solid #ddd; margin-bottom: 12px; }
.di-tabs button { border: 0; border-bottom: 3px solid transparent; background: transparent; padding: 9px 13px; color: #555; font-size: 12px; }
.di-tabs button.active { color: #3276b1; border-color: #3276b1; font-weight: 700; }
.di-tabs span { margin-left: 5px; padding: 1px 5px; background: #eee; font-size: 10px; }
.di-explorer-summary { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:4px 1px 15px; }
.di-explorer-summary h3 { margin:0 0 4px; color:#222; font-size:16px; font-weight:600; }
.di-explorer-summary p { margin:0; color:#666; font-size:12px; }
.di-explorer-summary p b { color:#346597; font-weight:700; }
.di-build-tag { padding:4px 9px; color:#666; background:#f1f3f5; border:1px solid #d7dce4; border-radius:10px; font-size:10px; white-space:nowrap; }
.di-decision-workbench { display:flex; min-height:550px; border:1px solid #d7dce4; background:#fff; }
.di-decision-list { width:320px; flex:0 0 320px; overflow:auto; padding:6px 0; border-right:1px solid #d7dce4; background:#f9fafb; }
.di-decision-list button { display:block; width:100%; padding:12px 16px; border:0; border-left:3px solid transparent; background:transparent; text-align:left; color:#333; }
.di-decision-list button:hover { background:#edf3f6; }.di-decision-list button.active { border-left-color:#0075b0; background:#eaf2f7; }
.di-decision-list button span { display:block; color:#0075b0; font-size:11px; font-weight:700; }.di-decision-list button strong { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:3px 0; font-size:12px; font-weight:600; line-height:1.35; }.di-decision-list button small { color:#777; font-size:10px; }
.di-decision-detail { flex:1; overflow:auto; padding:21px 25px 36px; }.di-decision-detail > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:15px; border-bottom:1px solid #e3e7ee; }.di-decision-detail h2 { margin:7px 0 4px; font-size:21px; font-weight:600; }.di-decision-detail > header p { max-width:760px; margin:0; color:#555; font-size:14px; }
.di-decision-meta { display:flex; gap:7px; flex-wrap:wrap; padding:12px 0; }.di-decision-meta span { padding:3px 7px; background:#f1f3f5; border:1px solid #e3e7ee; color:#666; font-size:10px; }
.di-statement-block { margin:13px 0 0; }.di-statement-quote { padding:11px 13px; border-left:3px solid #cbd6dd; background:#f5f7f8; color:#555; font-size:12px; font-style:italic; line-height:1.55; }.di-statement-quote small { color:#777; font-style:normal; }
.di-rule-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:12px 0 10px 14px; border-bottom:1px solid #e7eaed; }.di-rule-row strong { margin-left:7px; font-size:12px; }.di-rule-row p { margin:5px 0 0; color:#777; font-size:11px; }.di-rule-row .btn-link { padding:2px 4px; color:#3276b1; font-size:11px; }.di-no-rules { padding:9px 0 4px 14px; color:#888; font-size:11px; font-style:italic; }
.di-network-frame { position:relative; }.di-network { background:#f4f6f8; }.di-network-legend { position:absolute; left:12px; bottom:12px; padding:8px 10px; border:1px solid #d7dce4; background:rgba(255,255,255,.94); box-shadow:0 1px 3px rgba(0,0,0,.08); color:#667; font-size:10px; }.di-network-legend span { display:block; margin:3px 0; }.di-network-legend i { display:inline-block; width:9px; height:9px; margin-right:5px; border-radius:50%; }.di-network-legend .logic { background:#4a5fc1; transform:rotate(45deg); border-radius:1px; }.di-network-legend .fact { background:#4a5568; border-radius:2px; }
.di-fact-layout { display:flex; min-height:500px; border:1px solid #d7dce4; }.di-fact-layout aside { width:230px; flex:0 0 230px; overflow:auto; padding:10px 0; border-right:1px solid #d7dce4; background:#f9fafb; }.di-fact-layout aside h4 { margin:0; padding:4px 14px 9px; color:#777; font-size:11px; font-weight:700; text-transform:uppercase; }.di-fact-layout aside button { display:block; width:100%; padding:10px 14px; border:0; border-left:3px solid transparent; background:transparent; text-align:left; }.di-fact-layout aside button:hover { border-left-color:#0075b0; background:#edf3f6; }.di-fact-layout aside button strong,.di-fact-layout aside button small { display:block; }.di-fact-layout aside button strong { font-size:12px; }.di-fact-layout aside button small { margin-top:2px; color:#777; font-size:10px; }.di-fact-layout main { flex:1; overflow:auto; padding:20px 24px; }.di-fact-layout main h3 { margin:0 0 13px; font-size:16px; font-weight:600; }.di-semantic-table { width:100%; border-collapse:collapse; }.di-semantic-table th { padding:8px 10px; border-bottom:1px solid #d7dce4; color:#777; text-align:left; font-size:10px; text-transform:uppercase; }.di-semantic-table td { padding:11px 10px; border-bottom:1px solid #e7eaed; color:#666; font-size:12px; }.di-semantic-table tbody tr { cursor:pointer; }.di-semantic-table tbody tr:hover { background:#f5f9fc; }.di-semantic-list { max-width:100%; border:1px solid #d7dce4; }.di-semantic-list article { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:15px 18px; border-top:1px solid #e3e7ee; cursor:pointer; }.di-semantic-list article:first-child { border-top:0; }.di-semantic-list article:hover { background:#f5f9fc; }.di-semantic-list h3 { display:inline-block; margin:0 0 0 8px; font-size:14px; font-weight:600; }.di-semantic-list p { margin:7px 0 0; color:#666; font-size:12px; }.di-semantic-list small { display:block; margin-top:6px; color:#888; font-size:10px; }.di-semantic-list > article > i { margin-top:8px; color:#8a90a0; }
.di-element-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); gap: 10px; }
.di-element-card { min-height: 160px; border: 1px solid #ddd; background: #fff; padding: 13px; cursor: pointer; display: flex; flex-direction: column; }
.di-element-card:hover { border-color: #aaa; background: #fafafa; }
.di-element-card header, .di-element-card footer { display: flex; justify-content: space-between; align-items: center; }
.di-element-card h3 { margin: 13px 0 6px; font-size: 14px; font-weight: 600; }
.di-element-card p { flex: 1; max-height: 55px; overflow: hidden; color: #666; font-size: 12px; line-height: 1.5; }
.di-element-card footer { padding-top: 9px; border-top: 1px solid #eee; color: #777; font-size: 11px; }
.di-element-card footer button { border: 0; background: transparent; color: #3276b1; }
.di-kind { display: inline-block; padding: 2px 6px; background: #d6e5f1; color: #346597; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.di-status { color: #777; font-size: 10px; text-transform: uppercase; }
.di-status.approved,.di-status.resolved { color:#468847; }.di-status.open { color:#b94a48; }.di-status.reviewed { color:#c09853; }
.di-network { height: 540px; border: 1px solid #ddd; background: #fafafa; overflow: hidden; }.di-network svg{width:100%;height:100%}
.di-file-drop-zone { position:relative; min-height:120px; border:2px dashed transparent; border-radius:4px; transition:border-color .15s,background .15s; }.di-file-drop-zone.di-file-drop-active { border-color:#2d82ba; background:#f0f8fd; }.di-empty-drop-zone { display:flex; min-height:238px; padding:32px 24px; align-items:center; justify-content:center; flex-direction:column; text-align:center; cursor:pointer; background:linear-gradient(135deg,#fbfdff 0%,#f3f8fc 100%); border:1px dashed #b9cada; border-radius:4px; color:#53687d; transition:border-color .15s,background .15s,box-shadow .15s; }.di-empty-drop-zone:hover { border-color:#5b9fca; background:#f0f8fd; box-shadow:inset 0 0 0 1px rgba(45,130,186,.08); }.di-file-drop-active .di-empty-drop-zone { border-color:#2d82ba; background:#e7f4fc; }.di-empty-drop-icon { display:flex; width:48px; height:48px; margin-bottom:12px; align-items:center; justify-content:center; border-radius:50%; background:#dceef9; color:#287eb5; font-size:23px; }.di-empty-drop-zone h3 { margin:0 0 7px; color:#304d67; font-size:17px; font-weight:600; }.di-empty-drop-zone p { max-width:420px; margin:0 0 17px; color:#6a7d8f; font-size:13px; line-height:1.5; }.di-empty-drop-zone .btn i { margin-right:6px; }.di-upload-status { padding:10px 14px; color:#287eb5; font-size:13px; text-align:center; background:#f0f8fd; border-bottom:1px solid #d9eaf5; }.di-table tr.di-file-drop-active { background:#eef8ff; outline:2px dashed #2d82ba; outline-offset:-2px; }
.di-drawer{position:fixed;z-index:1000;inset:0;display:flex;justify-content:flex-end}.di-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}.di-drawer section{position:relative;width:min(570px,92vw);height:100%;background:#fff;box-shadow:-8px 0 24px rgba(0,0,0,.2);display:flex;flex-direction:column}.di-drawer section>header{padding:18px 20px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between}.di-drawer section>header h2{margin:7px 0 0;font-size:19px;font-weight:400}.di-drawer section>header>button{border:0;background:transparent;font-size:18px}.di-drawer-body{padding:8px 20px 20px;overflow:auto;flex:1}.di-json{height:320px!important;font:12px/1.5 Consolas,monospace;resize:vertical}.di-drawer section>footer{padding:14px 20px;border-top:1px solid #ddd;text-align:right}.di-drawer section>footer .btn{margin-left:6px}.di-history{margin-top:18px}.di-history>div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #eee;font-size:11px;color:#777}
@media(max-width:700px){.di-page{padding:0 8px 20px}.di-filters,.di-browser-tools,.di-selection,.di-explorer-summary{align-items:flex-start;flex-direction:column}.di-search{min-width:0;width:100%}.di-table-wrap{overflow-x:auto}.di-workspace-grid,.di-element-grid{grid-template-columns:1fr}.di-decision-workbench,.di-fact-layout{display:block}.di-decision-list,.di-fact-layout aside{width:100%;max-height:250px;border-right:0;border-bottom:1px solid #d7dce4}.di-decision-detail{padding:16px}.di-fact-layout main{padding:16px;overflow-x:auto}.di-decision-detail>header,.di-rule-row{flex-direction:column}}

/* Artifact A explorer layout, using the Workbench palette and type scale. */
.di-explorer-page { height:100vh; min-height:0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden; padding-bottom:12px; color:#162034; background:#f5f7fa; font-family:var(--frx-font-sans); }
.di-explorer-page > .row,.di-explorer-header,.di-explorer-tools { flex:0 0 auto; }
.di-explorer-header { display:flex; align-items:center; min-height:76px; padding:10px 20px; border-bottom:1px solid #d7dce4; background:#fff; }
.di-document-title { min-width:340px; }.di-document-title h1 { margin:0 0 5px; color:#182033; font-size:15px; font-weight:700; }.di-document-title p { margin:0; color:#52627a; font-family:Consolas,monospace; font-size:11px; }.di-document-title p b { color:#163b68; }.di-document-title i { padding:0 4px; font-style:normal; }
.di-explorer-header .di-build-tag { margin-right:auto; }.di-explorer-header .di-tabs { align-self:stretch; align-items:center; margin:0; border:0; }.di-explorer-header .di-tabs button { min-width:92px; height:100%; padding:0 12px; color:#24456c; font-size:12px; }.di-explorer-header .di-tabs button.active { color:#111d30; border-bottom-color:#009d93; }
.di-explorer-tools { display:flex; align-items:center; min-height:60px; gap:13px; padding:10px 20px; border-bottom:1px solid #d7dce4; background:#fff; }.di-explorer-tools .di-search { min-width:240px; height:32px; border-color:#ccd5e0; background:#f8fafc; }.di-explorer-tools .di-search input { color:#4b607d; font-family:Consolas,monospace; font-size:11px; }
.di-check { margin:0; color:#5a6c85; font-size:11px; font-weight:400; }.di-check input { margin:0 6px 0 0; vertical-align:middle; }.di-review-meter { margin-left:auto; color:#536886; font-family:Consolas,monospace; font-size:11px; }
.di-tax-tools { flex-wrap:wrap; }.di-chip { padding:4px 10px; border:1px solid #009d93; border-radius:14px; color:#008d85; background:#fff; font-family:Consolas,monospace; font-size:10px; }.di-chip:not(.active) { border-color:#d2d9e1; color:#8290a1; }.di-chip span { padding-left:4px; }
.di-decision-workbench { flex:1 1 auto; height:auto; min-height:0; overflow:hidden; border:0; }.di-decision-list { width:336px; flex-basis:336px; min-height:0; padding:0; overflow-y:auto; border-right:1px solid #ccd5e0; background:#fff; }.di-decision-detail { min-width:0; min-height:0; overflow-y:auto; }.di-decision-list button { padding:17px 17px 13px; border-left:0; border-bottom:1px solid #e2e7ed; }.di-decision-list button.active { background:#e8edf5; box-shadow:inset -3px 0 #d2dbe7; }.di-decision-list button:hover { background:#f4f7fb; }.di-decision-id,.di-detail-ident { display:block; color:#008d85; font-family:Consolas,monospace; font-size:11px; font-weight:700; }.di-decision-list button strong { margin:4px 0 9px; color:#101b2e; font-size:12px; line-height:1.35; }.di-row-badges { display:flex; gap:5px; flex-wrap:wrap; }.di-row-badges span,.di-row-badges em { padding:2px 6px; background:#eef2f7; color:#4e6080; font-family:Consolas,monospace; font-size:10px; font-style:normal; }.di-row-badges em { background:#faf3e7; color:#aa7000; }
.di-decision-detail { padding:25px 30px 60px; background:#f5f7fa; }.di-decision-detail h2 { margin:10px 0 10px; color:#202635; font-size:19px; }.di-outcome { display:flex; gap:8px; margin-bottom:20px; }.di-outcome span { padding:3px 8px; border:1px solid #d2d9e1; color:#5d6d86; background:#eef2f7; font-family:Consolas,monospace; font-size:10px; }.di-statement-block { margin:15px 0; }.di-statement-quote { border-left-color:#d7dfe9; background:#e9edf3; color:#637187; font-size:12px; }.di-clause-breakdown { margin:8px 0 8px; padding-left:25px; color:#69798f; font-size:11px; }.di-clause-breakdown li { margin:4px 0; }.di-rule-row { padding:11px 7px; border:1px solid #e0e5ec; border-bottom:0; background:#fff; }.di-rule-row:last-of-type { border-bottom:1px solid #e0e5ec; }.di-rule-row p { color:#263b59; }.di-rule-row small { color:#77869a; font-family:Consolas,monospace; font-size:10px; }.di-inline-gaps { margin-top:18px; padding:11px; background:#f0ece6; color:#58667a; font-size:11px; }.di-inline-gaps div { padding:3px 0; }.di-inline-gaps strong { margin-right:5px; color:#b47812; font-family:Consolas,monospace; }
.di-network-frame { flex:1 1 auto; height:auto; min-height:0; border:0; background:#f5f7fa; }.di-network { height:100%; background:#f5f7fa; }.di-network-legend { left:16px; bottom:15px; padding:9px 13px; border-color:#ccd5e0; color:#5c6d85; font-size:10px; }.di-network-legend .gap { background:#fff; border:2px solid #c63b5c; }.di-network-legend .logic { background:#4a5fc1; }.di-network-legend .fact { background:#4a5568; }.di-network-legend .edge { width:12px; height:1px; border-radius:0; background:#57677f; vertical-align:middle; }
.di-fact-layout { flex:1 1 auto; height:auto; min-height:0; overflow:hidden; border:0; }.di-fact-layout aside { width:214px; flex-basis:214px; min-height:0; padding:15px 0; overflow-y:auto; border-right-color:#ccd5e0; background:#fff; }.di-fact-layout aside h4 { padding:4px 14px 8px; color:#8090a8; font-size:10px; text-transform:none; }.di-fact-layout aside button { padding:11px 15px; border-left:0; }.di-fact-layout aside button.active { background:#e8edf5; }.di-fact-layout aside button:hover { border-left:0; background:#f2f5f9; }.di-fact-layout main { min-width:0; min-height:0; padding:25px 28px; overflow:auto; background:#f5f7fa; }.di-fact-layout main h2 { margin:0; color:#1d2738; font-size:18px; }.di-members { margin:5px 0 20px; color:#8391a5; font-family:Consolas,monospace; font-size:11px; }.di-semantic-table th { color:#7c8ca4; font-weight:400; text-transform:none; }.di-semantic-table td { color:#344a68; }.di-semantic-table td:first-child { color:#008d85; font-family:Consolas,monospace; }.di-relationships { margin-top:25px; }.di-relationships h4 { color:#566783; font-size:12px; }.di-relationships article { padding:12px; border:1px solid #d4dce6; background:#fff; cursor:pointer; }.di-relationships article strong { color:#008d85; font-family:Consolas,monospace; font-size:11px; }.di-relationships article p { margin:5px 0 0; color:#627188; font-size:11px; }
.di-taxonomy-table { flex:1 1 auto; height:auto; min-height:0; box-sizing:border-box; overflow:auto; padding:10px 20px; background:#f5f7fa; }.di-taxonomy-table table { width:100%; border-collapse:collapse; }.di-taxonomy-table th { padding:10px 12px; border-bottom:1px solid #d6dee8; color:#7a8ba4; text-align:left; font-size:10px; font-weight:400; }.di-taxonomy-table td { padding:11px 12px; border-bottom:1px solid #dce3eb; color:#344a68; font-size:11px; }.di-taxonomy-table td:first-child { color:#102947; font-family:Consolas,monospace; }.di-taxonomy-table tr { cursor:pointer; }.di-taxonomy-table tbody tr:hover { background:#edf3f8; }
.di-gaps-panel { flex:1 1 auto; height:auto; min-height:0; box-sizing:border-box; overflow:auto; padding:28px 20px; background:#f5f7fa; }.di-gap-section { margin-bottom:20px; padding:12px 16px; border:1px solid #d3dbe5; background:#fff; }.di-gap-section h3 { margin:3px 0 8px; color:#536582; font-size:12px; }.di-gap-section article { display:grid; grid-template-columns:auto 1fr; gap:6px; padding:10px 0; border-top:1px solid #dce3eb; cursor:pointer; }.di-gap-section article strong { color:#c63b5c; font-family:Consolas,monospace; font-size:11px; }.di-gap-section article span { color:#273b57; font-size:11px; }.di-gap-section article small { grid-column:1 / -1; color:#7d8da2; font-size:10px; }
@media(max-width:900px){.di-explorer-page{height:auto;min-height:calc(100vh - 115px);display:block;overflow:visible;padding-bottom:12px}.di-explorer-header{flex-wrap:wrap}.di-document-title{min-width:0;flex:1}.di-explorer-header .di-tabs{width:100%;height:42px;overflow:auto}.di-explorer-header .di-tabs button{min-width:auto}.di-network-frame,.di-decision-workbench,.di-fact-layout,.di-taxonomy-table,.di-gaps-panel{min-height:500px;height:auto}.di-network{height:500px}.di-review-meter{margin-left:0}} 

/* Keep inventory panes independent from the Workbench navigation colours. */
.di-explorer-page .di-decision-list { background:#fff !important; }
.di-explorer-page .di-decision-list button { background:#fff !important; color:#101b2e !important; }
.di-explorer-page .di-decision-list button:hover { background:#f4f7fb !important; }
.di-explorer-page .di-decision-list button.active { background:#e8edf5 !important; }
.di-explorer-page .di-fact-layout > aside { background:#fff !important; }
.di-explorer-page .di-fact-layout > aside button { background:#fff !important; color:#101b2e !important; }
.di-explorer-page .di-fact-layout > aside button:hover { background:#edf3f8 !important; }
.di-explorer-tools { padding-left:13px; }
.di-decision-detail { position:relative; }.di-decision-detail h2 { padding-right:100px; }.di-decision-edit-action { position:absolute; top:14px; right:14px; border:1px solid rgb(25,85,88); background:transparent; color:rgb(25,85,88); padding:6px 10px; font-size:11px; font-weight:700; line-height:1.2; gap:4px; }.di-decision-edit-action:hover { border-color:rgb(21,72,75); background:transparent; color:rgb(21,72,75); }.di-decision-edit-action:focus { outline:0; border-color:rgb(21,72,75); box-shadow:0 0 0 2px rgba(25,85,88,.2); }.di-decision-edit-action .fa { margin-right:0; }
.di-explorer-page .di-fact-layout > aside button.active { background:#e8edf5 !important; }

/* The editor is a right-hand overlay even when Workbench creates a positioned parent. */
.di-explorer-page .di-drawer { position:fixed !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; width:100vw !important; height:100vh !important; display:block !important; background:transparent !important; pointer-events:none !important; z-index:10000 !important; }
.di-explorer-page .di-drawer-backdrop { display:none !important; }
.di-explorer-page .di-drawer section { position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; left:auto !important; width:min(570px,92vw) !important; margin:0 !important; pointer-events:auto !important; }
.di-confirm-backdrop { position:fixed; z-index:10001; inset:0; background:rgba(0,0,0,.58); }
.di-confirm-dialog { position:fixed; z-index:10002; top:50%; left:50%; width:min(480px,calc(100vw - 32px)); transform:translate(-50%,-50%); overflow:hidden; border-radius:10px; background:#fff; box-shadow:0 18px 42px rgba(0,0,0,.35); color:#1d2b40; }
.di-confirm-title { padding:20px 21px 10px; font-size:16px; font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
.di-confirm-title .fa { margin-right:6px; color:#b00032; }
.di-confirm-dialog > p { margin:0 21px; padding:0 0 12px; border-bottom:1px solid #e7ebf0; color:#374151; font-size:14px; font-weight:400; line-height:1.5; }
.di-confirm-dialog > footer { display:flex; justify-content:flex-end; gap:7px; padding:10px 21px; }
.di-confirm-dialog > footer .btn-danger { background:#b00032; border-color:#b00032; }
.di-element-details h4,.di-element-editor h4 { margin:12px 0 8px; color:#536582; font-size:15px; font-weight:400; }
.di-readonly-field { margin:0; padding:10px 0; border-bottom:1px solid #e4e9ef; }
.di-readonly-field > span { display:block; margin-bottom:5px; color:#65748a; font-size:11px; font-weight:700; letter-spacing:0.5px; }
.di-readonly-field > strong { display:block; color:#1d2b40; font-size:13px; font-weight:600; line-height:1.45; overflow-wrap:anywhere; }
.di-readonly-json pre { max-height:260px; margin:0; padding:10px; overflow:auto; border:1px solid #d6dee8; background:#f7f9fb; color:#344a68; font:11px/1.5 Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.di-drawer footer .fa { margin-right:4px; }

/* Projected Artifact A decision-network shapes. */
.di-network .di-node text { font-family:Consolas,monospace; }

/* Legend swatches for the projected Artifact A relationships. */
.di-network-legend .option { background:#1d9dd8; border:1px solid #fff; }
.di-network-legend .member { background:#8f96a8; }
.di-network-legend .used { background:#8f96a8; box-shadow:0 0 0 2px #f2a65a; }
.di-network-legend .shared-edge,.di-network-legend .fact-edge { width:12px; height:1px; border-radius:0; vertical-align:middle; }
.di-network-legend .shared-edge { background:repeating-linear-gradient(90deg,#8a90a0 0,#8a90a0 3px,transparent 3px,transparent 5px); }
.di-network-legend .fact-edge { background:#8f96a8; }
.di-fact-layout aside .di-options-heading { margin-top:12px; padding-top:12px; border-top:1px solid #dce3eb; }

/* Keep the Fact Concept detail typography aligned with its fact navigator. */
.di-fact-layout main,
.di-fact-layout main h2,
.di-fact-layout .di-members,
.di-fact-layout .di-semantic-table,
.di-fact-layout .di-semantic-table td,
.di-fact-layout .di-semantic-table td:first-child,
.di-fact-layout .di-relationships article strong { font-family:var(--frx-font-sans) !important; }
.di-fact-layout .di-semantic-table td:first-child { color:#17243a; font-weight:600; }
.di-fact-layout .di-members { color:#65748a; font-size:11px; }

/* Artifact A rules retain their authoring structure: aggregation, conditions, outcome, and source. */
.di-rule-row { align-items:flex-start; gap:12px; padding:11px 13px; }
.di-rule-row > input { flex:0 0 auto; margin:2px 0 0; }
.di-new-menu { position:relative; display:inline-block; }
.di-new-menu-panel { position:absolute; top:calc(100% + 5px); left:0; z-index:1001; width:220px; max-width:calc(100vw - 24px); max-height:calc(100vh - 140px); overflow-y:auto; margin:0; padding:6px 0; list-style:none; border:1px solid #dce5e7; border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(24,52,59,.14), 0 2px 6px rgba(24,52,59,.06); }
.di-new-menu-panel li { margin:0; padding:0; list-style:none; }
.di-new-menu-panel li > button { display:flex; align-items:center; gap:11px; width:100%; min-height:38px; box-sizing:border-box; padding:8px 16px; border:0; background:transparent; color:#34445c; text-align:left; font:inherit; font-size:13px; line-height:20px; white-space:nowrap; cursor:pointer; }
.di-new-menu-panel li > button:hover { background:#edf6f5; color:#176b68; }
.di-new-menu-panel li > button:focus-visible { outline:2px solid #008d85; outline-offset:-3px; background:#edf6f5; }
.di-new-menu-panel li > button:disabled { color:#a2adb7; background:transparent; cursor:not-allowed; }
.di-new-menu-panel li > button > i { flex:0 0 18px; width:18px; margin:0; color:#008d85; text-align:center; font-size:14px; }
.di-new-menu-panel li > button:disabled > i { color:#b1bdc5; }
.di-new-menu-panel .di-menu-label { padding:7px 16px 4px; color:#84929e; font-size:10px; font-weight:600; line-height:16px; letter-spacing:.08em; text-transform:uppercase; }
.di-new-menu-panel .di-new-menu-divider { height:1px; margin:5px 0; background:#edf0f2; }
.di-new-menu-panel .di-menu-chevron { margin-left:auto; color:#82939d; }
.di-upload-toggle[aria-expanded="true"] { color:#176b68; }
.di-upload-submenu { margin:0; padding:0; list-style:none; }
.di-new-menu-panel .di-upload-submenu button { padding-left:32px; font-size:12px; }
.di-rule-content { min-width:0; flex:1 1 auto; }
.di-rule-heading { display:flex; align-items:center; gap:7px; margin-bottom:6px; }
.di-rule-aggregation { padding:2px 6px; color:#008d85; background:#e5f4f2; font-family:Consolas,monospace; font-size:10px; font-weight:700; }
.di-rule-code { color:#2a3446; font-family:Consolas,monospace; font-size:11px; line-height:1.6; }
.di-rule-code b { display:inline-block; min-width:36px; color:#009d93; }
.di-rule-code em { color:#a66800; font-style:normal; }
.di-rule-code strong { color:#a66800; font-weight:400; }
.di-rule-row .btn-link { flex:0 0 auto; margin-top:1px; }
.di-rule-row input[type="checkbox"] { accent-color:#008d85; cursor:pointer; }
.di-editable-semantic { cursor:pointer; }
.di-editable-semantic:hover { outline:1px solid #79bcb7; background-color:#f0f8f7; }
.di-statement-edit-target { cursor:pointer; }
.di-statement-edit-target:hover { outline:1px solid #79bcb7; background-color:#f0f8f7; }
.di-gap-editor-intro { margin:0 0 12px; color:#65748a; font-size:12px; }
.di-gap-editor-item { margin:0 0 16px; padding:12px; border:1px solid #dfe6ed; background:#fbfcfd; }
.di-gap-editor-item > .di-kind { margin-bottom:7px; }
.di-gap-editor-item .di-readonly-field:last-child { border-bottom:0; }
.di-fact-layout .di-semantic-table tbody tr:hover,
.di-fact-layout .di-relationships article:hover,
.di-gap-section article:hover { background:#edf3f8; }
.di-decision-actions { position:absolute; top:14px; right:14px; display:flex; align-items:center; gap:7px; z-index:2; }
.di-decision-actions .di-decision-edit-action { position:static; top:auto; right:auto; }
.di-add-rule-primary { border:1px solid #008d85; background:#008d85; color:#fff; padding:6px 10px; font-size:11px; font-weight:700; line-height:1.2; }
.di-add-rule-primary:hover,.di-add-rule-primary:focus { border-color:#00776f; background:#00776f; color:#fff; }
.di-add-rule-primary .fa { margin-right:3px; }
.di-rule-statement-menu { position:absolute; top:35px; right:0; width:260px; padding:7px; border:1px solid #ccd5e0; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.14); }
.di-rule-statement-menu > strong { display:block; padding:5px 7px; color:#69798f; font-size:10px; text-transform:uppercase; }
.di-rule-statement-menu > button { display:block; width:100%; padding:7px; border:0; background:#fff; color:#008d85; text-align:left; font-family:Consolas,monospace; font-size:11px; }
.di-rule-statement-menu > button:hover { background:#edf3f8; }
.di-rule-statement-menu small { display:block; overflow:hidden; margin-top:2px; color:#77869a; font-family:var(--frx-font-sans); font-size:10px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
.di-network-legend i.status-none,.di-network-legend i.status-partial,.di-network-legend i.status-hasrules,.di-network-legend i.status-ready { border-radius:2px; }
.di-network-legend .status-none { background:#fff; border:1px solid #8a90a0; }
.di-network-legend .status-partial { background:#f6e0b0; border:1px solid #c9922f; }
.di-network-legend .status-hasrules { background:#c7ecd3; border:1px solid #4aa96c; }
.di-network-legend .status-ready { background:#197a45; border:1px solid #14603a; }
.di-net-detail { position:absolute; top:14px; right:14px; width:290px; max-width:calc(100% - 28px); max-height:calc(100% - 28px); overflow-y:auto; overflow-x:hidden; padding:14px 16px; border:1px solid #ccd5e0; border-radius:6px; background:rgba(255,255,255,.97); box-shadow:0 2px 10px rgba(0,0,0,.12); color:#28324a; font-size:12px; display:none; z-index:5; box-sizing:border-box; }
.di-net-detail * { min-width:0; }
.di-net-detail .di-dp-title { overflow-wrap:anywhere; }
.di-net-detail .di-dp-member { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px; }
.di-net-detail .di-dp-member code { overflow-wrap:anywhere; }
.di-net-detail .di-dp-chips { flex-basis:100%; }
.di-net-detail.visible { display:block; }
.di-net-detail-close { position:absolute; top:6px; right:8px; border:0; background:none; color:#8a94a6; font-size:18px; line-height:1; cursor:pointer; }
.di-net-detail-close:hover { color:#28324a; }
.di-net-detail .di-dp-id { font-family:Consolas,monospace; font-size:11px; color:#6b7688; text-transform:uppercase; letter-spacing:0.5px; }
.di-net-detail .di-dp-title { font-size:14px; font-weight:600; margin:2px 0 10px; padding-right:14px; }
.di-net-detail .di-dp-row { margin:5px 0; }
.di-net-detail .di-dp-row b { color:#495975; }
.di-net-detail .di-dp-logic { font-family:Consolas,monospace; font-size:11px; background:#f4f6f8; padding:6px 8px; border-radius:4px; white-space:pre-wrap; }
.di-net-detail .di-dp-edit { margin-top:12px; }
.di-net-detail .di-dp-members { margin:2px 0 4px; }
.di-net-detail .di-dp-member { padding:5px 0; border-top:1px solid #eef1f5; }
.di-net-detail .di-dp-member:first-child { border-top:0; }
.di-net-detail .di-dp-member code { font-family:Consolas,monospace; font-size:11.5px; color:#28324a; }
.di-net-detail .di-dp-type { margin-left:6px; font-size:10.5px; color:#8a94a6; }
.di-net-detail .di-dp-chips { margin-top:3px; display:flex; flex-wrap:wrap; gap:4px; }
.di-net-detail .di-dp-chip { font-size:10.5px; padding:1px 7px; border-radius:10px; background:#eef2f8; color:#3a4a66; }
.di-net-detail .di-dp-gaps { margin-top:8px; }
.di-net-detail .di-dp-gap-chip { display:inline-block; margin:0 4px 4px 0; font-family:Consolas,monospace; font-size:10.5px; padding:1px 7px; border-radius:10px; background:#fbe3e8; color:#b23a54; }
.di-empty-drop-actions.wb-btn-row { justify-content:center; gap:10px; max-width:100%; }
.di-empty-drop-actions .wb-btn { flex:0 0 148px; width:148px; max-width:100%; }
.di-empty-drop-zone .di-empty-drop-actions .btn i { margin-right:0; }