@import '_content/Excubo.Blazor.TreeViews/Excubo.Blazor.TreeViews.ggbo2a6x37.bundle.scp.css';
@import '_content/Volo.Abp.Account.Pro.Public.Blazor.Shared/Volo.Abp.Account.Pro.Public.Blazor.Shared.bt59d6l1jm.bundle.scp.css';
@import '_content/Volo.Abp.PermissionManagement.Blazor/Volo.Abp.PermissionManagement.Blazor.p33ll9g8os.bundle.scp.css';

/* /Components/Board/BoardBusinessFolder.razor.rz.scp.css */
.business-folder[b-qqqyax5h04] { --item-header-background: #f0e9ff; --item-header-ink: #6940c6; --item-header-line: #e0d4f7; display: flex; flex-direction: column; border: 1px solid #cdbcf0; border-radius: 10px; background: #fff; box-shadow: 0 4px 12px rgb(61 38 108 / 8%); }
.folder-preview[b-qqqyax5h04] { flex: 1; min-height: 0; overflow: auto; padding: 20px; outline: none; }
.folder-heading[b-qqqyax5h04] { display: flex; gap: 14px; align-items: center; }
.folder-icon[b-qqqyax5h04] { display: grid; place-items: center; width: 52px; height: 52px; flex-shrink: 0; border: 1px solid #dfd2f6; border-radius: 12px; background: #f4efff; color: #6940c6; font-size: 26px; }
.folder-badge[b-qqqyax5h04] { display: inline-block; background: #f0e9ff; color: #6940c6; border-radius: 6px; padding: 2px 7px; font-size: 10px; }
h2[b-qqqyax5h04] { margin: 4px 0; font-size: 22px; overflow-wrap: anywhere; color: #172033; }
.folder-heading p[b-qqqyax5h04] { margin: 0; color: #737d91; font-size: 12px; }
.folder-description[b-qqqyax5h04] { margin: 14px 0; white-space: pre-wrap; font-size: 13px; overflow-wrap: anywhere; }
.folder-preview-grid[b-qqqyax5h04] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
section[b-qqqyax5h04] { min-width: 0; padding: 12px; border: 1px solid #e5dcf5; border-radius: 9px; background: #fcfaff; }
h3[b-qqqyax5h04] { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; }
h3 i[b-qqqyax5h04] { color: #6940c6; }
.folder-chips[b-qqqyax5h04] { display: flex; flex-wrap: wrap; gap: 6px; }
.folder-chips span[b-qqqyax5h04] { padding: 5px 8px; background: #eaf2ff; color: #274678; border-radius: 6px; font-size: 12px; overflow-wrap: anywhere; }
.states span[b-qqqyax5h04] { background: #edf5ed; color: #326746; }
small[b-qqqyax5h04], .folder-empty[b-qqqyax5h04] { display: block; margin: 8px 0 0; color: #737d91; font-size: 11px; }
.folder-rules[b-qqqyax5h04] { grid-column: 1 / -1; }
.folder-rules p[b-qqqyax5h04] { margin: 5px 0; font-size: 12px; }
.folder-footnote[b-qqqyax5h04] { display: flex; gap: 16px; margin-top: 12px; color: #737d91; font-size: 11px; }
/* /Components/Board/BoardCard.razor.rz.scp.css */
article[b-1kke3s7w6f] { display: flex; flex-direction: column; background: var(--note-background); border: 1px solid var(--note-border); border-radius: 3px; box-shadow: 2px 4px 7px rgb(58 47 12 / 12%); }
.board-note-text[b-1kke3s7w6f] { display: block; flex: 1; width: 100%; min-height: 0; padding: 12px 14px; resize: none; border: 0; border-radius: 0; outline: none; background: transparent; color: #3d371f; font-family: inherit; font-size: 15px; line-height: 1.5; }
.board-note-text[b-1kke3s7w6f]::placeholder { color: #9b8e52; }
.board-note-text[readonly][b-1kke3s7w6f] { cursor: text; }
.board-note-text:focus[b-1kke3s7w6f] { outline: none; box-shadow: none; }
/* /Components/Board/BoardItemComments.razor.rz.scp.css */
.board-comments[b-enb80n3o1b] { color: var(--board-ink, #172033); background: #fff; border: 1px solid var(--board-line, #e4e8f0); border-radius: 9px; font-size: 12px; box-shadow: 0 2px 8px rgb(26 35 55 / 5%); }
.board-comments.is-floating[b-enb80n3o1b] { position: absolute; top: calc(100% + 8px); left: 0; width: 100%; }
.comments-toggle[b-enb80n3o1b] { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 12px; border: 0; border-radius: 9px; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.comments-toggle > span[b-enb80n3o1b] { margin-left: auto; background: #f0f2f7; padding: 1px 6px; border-radius: 8px; }
.comments-body[b-enb80n3o1b] { padding: 0 12px 12px; }
.comments-list[b-enb80n3o1b] { max-height: 260px; overflow-y: auto; }
.comment-entry[b-enb80n3o1b] { padding: 10px 0; border-top: 1px solid #edf0f5; }
.comment-entry header[b-enb80n3o1b] { display: flex; gap: 8px; justify-content: space-between; font-size: 11px; }
.comment-entry time[b-enb80n3o1b], .comments-empty[b-enb80n3o1b] { color: #737d91; }
.comment-entry p[b-enb80n3o1b] { white-space: pre-wrap; overflow-wrap: anywhere; margin: 5px 0 0; }
.comments-label[b-enb80n3o1b] { display: block; margin-top: 8px; }
.comments-label textarea[b-enb80n3o1b] { display: block; width: 100%; resize: vertical; min-height: 56px; margin: 5px 0 8px; padding: 8px; border: 1px solid #dadee8; border-radius: 6px; font: inherit; }
.comments-send[b-enb80n3o1b] { padding: 6px 12px; border: 0; border-radius: 6px; background: #3157d5; color: #fff; font: inherit; cursor: pointer; }
.comments-send:disabled[b-enb80n3o1b] { opacity: .5; cursor: default; }
.comments-link[b-enb80n3o1b] { border: 0; background: transparent; color: #3157d5; font: inherit; cursor: pointer; }
.comments-error[b-enb80n3o1b] { color: #a03946; padding: 8px 0; }
button:focus-visible[b-enb80n3o1b], textarea:focus-visible[b-enb80n3o1b] { outline: 2px solid #3157d5; outline-offset: 2px; }
.comments-editor[b-enb80n3o1b] { position: relative; }
.comments-mentions[b-enb80n3o1b] { position: absolute; top: 100%; left: 0; right: 0; z-index: 10; max-height: 220px; overflow-y: auto; background: #fff; border: 1px solid #dadee8; border-radius: 6px; box-shadow: 0 4px 12px rgb(26 35 55 / 12%); }
.comments-editor[b-enb80n3o1b]  .comments-mention-option { display: flex; flex-direction: column; width: 100%; padding: 8px; border: 0; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; overflow-wrap: anywhere; }
.comments-editor[b-enb80n3o1b]  .comments-mention-option:hover, .comments-editor[b-enb80n3o1b]  .comments-mention-option[aria-selected="true"] { background: #edf1ff; }
.comments-editor[b-enb80n3o1b]  .comments-mention-option span { color: #737d91; }
.comments-mention-status[b-enb80n3o1b] { padding: 8px; margin: 0; color: #737d91; }
/* /Components/Board/BoardItemHeader.razor.rz.scp.css */
.board-item-header[b-7kvilc8buc] { display: flex; align-items: stretch; flex-shrink: 0; height: 32px; background: var(--item-header-background, rgb(220 180 38 / 9%)); border-bottom: 1px solid var(--item-header-line, rgb(180 149 42 / 13%)); color: var(--item-header-ink, #837536); }
.board-item-handle[b-7kvilc8buc] { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: 1; min-width: 0; padding: 0 8px 0 12px; border: 0; background: transparent; color: inherit; font: inherit; font-size: 11px; cursor: grab; touch-action: none; }
.board-item-handle > span:first-child[b-7kvilc8buc] { font-size: 22px; line-height: 1; }
.board-item-name[b-7kvilc8buc] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-item-remove[b-7kvilc8buc] { display: grid; place-items: center; flex: 0 0 28px; width: 28px; padding: 0; border: 0; background: transparent; color: inherit; font-size: 19px; line-height: 1; cursor: pointer; }
.board-item-remove:hover:not(:disabled)[b-7kvilc8buc] { background: rgb(0 0 0 / 6%); color: #a03946; }
.board-item-handle:disabled[b-7kvilc8buc], .board-item-remove:disabled[b-7kvilc8buc] { cursor: default; }
.board-item-remove:disabled[b-7kvilc8buc] { opacity: .45; }
.board-item-handle:focus[b-7kvilc8buc], .board-item-remove:focus[b-7kvilc8buc] { outline: none; box-shadow: none; }
/* /Components/Board/BoardQuestionCard.razor.rz.scp.css */
.question-card[b-6259979pyg] { --item-header-background: #f0e9ff; --item-header-ink: #6940c6; --item-header-line: #e0d4f7; display: flex; flex-direction: column; background: #fff; border: 1px solid #cfc2f6; border-radius: 12px; box-shadow: 0 4px 12px rgb(61 38 108 / 8%); color: #20203c; }
.question-preview[b-6259979pyg] { flex: 1; min-height: 0; padding: 12px 20px; overflow: auto; }
.question-preview h3[b-6259979pyg] { font-size: .875rem; margin: 0 0 8px; color: #51487a; font-weight: 600; }
.question-status[b-6259979pyg] { display: flex; justify-content: space-between; gap: 12px; font-size: .75rem; margin-bottom: 16px; color: #6943d7; }
.question-live[b-6259979pyg] { color: #27834b; }
.question-live i[b-6259979pyg] { font-size: .5rem; }
.question-heading[b-6259979pyg] { padding: 12px; border-radius: 12px; background: #f5f1ff; margin-bottom: 16px; }
.question-heading h2[b-6259979pyg] { font-size: 1.125rem; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.question-options[b-6259979pyg] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.question-options span[b-6259979pyg] { flex: 1 1 150px; padding: 12px; border: 1px solid #e2dcf0; border-radius: 12px; background: #faf8ff; white-space: pre-wrap; overflow-wrap: anywhere; }
.question-footer[b-6259979pyg] { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.question-footer section[b-6259979pyg] { min-width: 0; }
.question-footer p[b-6259979pyg] { font-size: .875rem; overflow-wrap: anywhere; }
progress[b-6259979pyg] { width: 100%; height: 14px; accent-color: #754ce4; border: 0; border-radius: 20px; overflow: hidden; }
progress[b-6259979pyg]::-webkit-progress-bar { background: #eceaf3; }
progress[b-6259979pyg]::-webkit-progress-value { background: #754ce4; border-radius: 20px; }
.question-decision[b-6259979pyg] { background: #edf8f0; border-radius: 12px; padding: 12px; margin-top: 8px; }
.question-decision p[b-6259979pyg] { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 700px) { .question-footer[b-6259979pyg] { grid-template-columns: 1fr; gap: 8px; } }
/* /Components/Board/BoardQuestionDetail.razor.rz.scp.css */
.question-backdrop[b-nhmve1v0w3] { position: absolute; inset: 0; z-index: 120; background: rgb(25 22 45 / 30%); display: flex; justify-content: flex-end; }
.question-detail[b-nhmve1v0w3] { width: min(850px, 100%); height: 100%; background: #fff; box-shadow: -8px 0 32px rgb(26 35 55 / 12%); display: flex; flex-direction: column; color: #20203c; }
header[b-nhmve1v0w3] { padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e8e5ef; }
h1[b-nhmve1v0w3] { font-size: 1.25rem; margin: 0 0 4px; } header span[b-nhmve1v0w3] { font-size: .875rem; color: #6943d7; }
main[b-nhmve1v0w3] { overflow: auto; padding: 24px; flex: 1; }
main > form[b-nhmve1v0w3], main > section[b-nhmve1v0w3] { margin-bottom: 24px; }
h2[b-nhmve1v0w3], legend[b-nhmve1v0w3] { font-size: 1rem; font-weight: 600; margin-bottom: 12px; }
fieldset[b-nhmve1v0w3] { min-width: 0; border: 0; padding: 0; }
label[b-nhmve1v0w3] { display: flex; flex-direction: column; gap: 6px; font-size: .875rem; font-weight: 600; margin-bottom: 12px; width: 100%; }
input[b-nhmve1v0w3], textarea[b-nhmve1v0w3], select[b-nhmve1v0w3] { width: 100%; min-height: 40px; border: 1px solid #dcd7e8; border-radius: 9px; padding: 8px 12px; font: inherit; background: #fff; color: inherit; font-weight: 400; }
textarea[b-nhmve1v0w3] { resize: vertical; }
button[b-nhmve1v0w3] { border: 1px solid #dcd7e8; border-radius: 9px; background: #fff; color: #51487a; min-height: 38px; padding: 6px 12px; cursor: pointer; }
button:disabled[b-nhmve1v0w3] { opacity: .55; cursor: default; }
button.primary[b-nhmve1v0w3] { background: #7048d7; border-color: #7048d7; color: #fff; }
input:focus-visible[b-nhmve1v0w3], textarea:focus-visible[b-nhmve1v0w3], select:focus-visible[b-nhmve1v0w3], button:focus-visible[b-nhmve1v0w3] { outline: 2px solid #7048d7; outline-offset: 2px; }
.question-option-edit[b-nhmve1v0w3] { display: flex; gap: 8px; align-items: center; }
.question-option-edit label[b-nhmve1v0w3] { flex: 1; min-width: 0; }
.question-option-edit button[b-nhmve1v0w3] { margin-top: 10px; }
fieldset > button[b-nhmve1v0w3] { margin-bottom: 16px; }
.question-participation[b-nhmve1v0w3] { background: #f6f2ff; padding: 16px; border-radius: 12px; }
progress[b-nhmve1v0w3] { width: 100%; height: 14px; accent-color: #754ce4; }
.question-opinion[b-nhmve1v0w3] { border-bottom: 1px solid #e8e5ef; padding: 12px 0; }
.question-opinion time[b-nhmve1v0w3], small[b-nhmve1v0w3] { font-size: .75rem; color: #6c7589; }
.question-opinion small[b-nhmve1v0w3] { display: block; }
p[b-nhmve1v0w3] { white-space: pre-wrap; overflow-wrap: anywhere; }
.question-resolution[b-nhmve1v0w3] { background: #edf8f0; padding: 16px; border-radius: 12px; }
.question-error[b-nhmve1v0w3] { padding: 12px 24px; background: #fff3e4; color: #684b24; }
@media (max-width: 700px) { main[b-nhmve1v0w3], header[b-nhmve1v0w3] { padding: 16px; } }
/* /Components/Board/BusinessFolderDetail.razor.rz.scp.css */
.business-folder-detail[b-e91mcew9sq] { position: fixed; inset: 0; z-index: 1055; display: flex; flex-direction: column; background: #f5f6f9; color: #172033; font-size: 13px; }
.detail-header[b-e91mcew9sq] { display: flex; align-items: center; gap: 16px; padding: 16px 24px; background: #fff; border-bottom: 1px solid #e2e5ef; }
.detail-icon[b-e91mcew9sq] { display: grid; place-items: center; width: 56px; height: 56px; background: #f0e9ff; border-radius: 12px; color: #6940c6; font-size: 28px; }
.detail-identity[b-e91mcew9sq] { flex: 1; min-width: 0; }
.detail-identity > span[b-e91mcew9sq] { color: #6940c6; font-size: 11px; }
h1[b-e91mcew9sq] { font-size: 24px; margin: 3px 0; overflow-wrap: anywhere; }
.detail-identity p[b-e91mcew9sq] { color: #737d91; margin: 0; }
.detail-save-status[b-e91mcew9sq] { color: #737d91; font-size: 12px; }
.detail-close[b-e91mcew9sq] { width: 36px; height: 36px; border: 1px solid #e2e5ef; background: white; border-radius: 8px; color: #172033; font-size: 25px; cursor: pointer; }
.detail-tabs[b-e91mcew9sq] { display: flex; flex-shrink: 0; gap: 8px; overflow-x: auto; padding: 8px 24px 0; background: #fff; border-bottom: 1px solid #e2e5ef; }
.detail-tabs button[b-e91mcew9sq] { padding: 12px 14px; white-space: nowrap; border: 0; border-bottom: 2px solid transparent; background: #fff; color: #737d91; font: inherit; cursor: pointer; }
.detail-tabs .is-active[b-e91mcew9sq] { background: #f6f1ff; color: #6940c6; border-color: #6940c6; border-radius: 8px 8px 0 0; }
.detail-main[b-e91mcew9sq] { flex: 1; min-height: 0; overflow-y: auto; padding: 20px 24px; }
.detail-panel[b-e91mcew9sq] { padding: 18px; margin-bottom: 16px; border: 1px solid #e2e5ef; border-radius: 12px; background: #fff; box-shadow: 0 2px 8px rgb(26 35 55 / 3%); }
h2[b-e91mcew9sq] { font-size: 15px; margin: 0 0 16px; }
.identity-fields[b-e91mcew9sq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.identity-fields .wide[b-e91mcew9sq] { grid-column: 1 / -1; }
label[b-e91mcew9sq] { color: #737d91; font-size: 12px; }
input[b-e91mcew9sq], textarea[b-e91mcew9sq] { display: block; width: 100%; margin-top: 5px; padding: 9px 11px; border: 1px solid #dadee8; border-radius: 7px; background: #fff; color: #172033; font: inherit; font-size: 13px; }
textarea[b-e91mcew9sq] { resize: vertical; }
input[readonly][b-e91mcew9sq], textarea[readonly][b-e91mcew9sq] { background: #f9fafc; }
.overview-grid[b-e91mcew9sq] { display: grid; grid-template-columns: 1.5fr 1fr; gap: 16px; }
.overview-grid .detail-panel[b-e91mcew9sq] { margin: 0; }
.aggregate-schema[b-e91mcew9sq] { display: flex; align-items: center; gap: 32px; padding: 12px; }
.aggregate-root[b-e91mcew9sq] { display: flex; flex-direction: column; gap: 6px; min-width: 160px; padding: 18px; border: 1px solid #ab8ee3; border-radius: 12px; background: #f6f0ff; }
.aggregate-root > span[b-e91mcew9sq], .schema-child > span[b-e91mcew9sq] { color: #737d91; font-size: 11px; }
.aggregate-root small[b-e91mcew9sq] { display: block; background: #fff; padding: 4px 6px; border-radius: 4px; }
.aggregate-children[b-e91mcew9sq] { flex: 1; display: flex; flex-direction: column; gap: 10px; padding-left: 18px; border-left: 1px solid #cdbcf0; }
.schema-child[b-e91mcew9sq] { position: relative; display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; background: #f1f6ff; border: 1px solid #dce7f6; border-radius: 8px; }
.schema-child[b-e91mcew9sq]::before { content: ''; position: absolute; top: 50%; left: -19px; width: 18px; height: 1px; background: #cdbcf0; }
.state-list[b-e91mcew9sq] { display: flex; flex-wrap: wrap; gap: 8px; }
.state-list span[b-e91mcew9sq] { padding: 7px 12px; background: #eef6f0; border: 1px solid #d6e9dc; border-radius: 14px; }
.transition-summary[b-e91mcew9sq] { margin: 12px 0; }
.transition-summary > span[b-e91mcew9sq] { padding: 0 8px; color: #6940c6; }
.transition-summary small[b-e91mcew9sq] { display: block; color: #737d91; margin-top: 3px; }
.overview-entry[b-e91mcew9sq] { padding: 10px 0; border-top: 1px solid #edf0f5; }
.overview-entry p[b-e91mcew9sq] { margin: 5px 0; white-space: pre-wrap; overflow-wrap: anywhere; color: #737d91; }
.section-heading[b-e91mcew9sq] { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.section-heading h2[b-e91mcew9sq] { margin: 0; }
.detail-add[b-e91mcew9sq] { padding: 7px 12px; border: 1px solid #daceed; border-radius: 7px; color: #6940c6; background: #f8f4ff; font: inherit; cursor: pointer; }
.detail-add:disabled[b-e91mcew9sq] { opacity: .5; cursor: default; }
.section-empty[b-e91mcew9sq], .detail-loading[b-e91mcew9sq] { color: #737d91; padding: 16px 0; }
.detail-loading[b-e91mcew9sq] { padding: 36px; }
.detail-comments[b-e91mcew9sq] { flex-shrink: 0; padding: 8px 24px; max-height: 35vh; overflow-y: auto; background: #fff; border-top: 1px solid #e2e5ef; }
.detail-error[b-e91mcew9sq] { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 24px; background: #fff0f1; color: #a03946; }
.detail-error button[b-e91mcew9sq] { background: #fff; border: 1px solid #efc7ce; border-radius: 6px; padding: 5px 10px; color: inherit; }
button:focus-visible[b-e91mcew9sq], input:focus-visible[b-e91mcew9sq], textarea:focus-visible[b-e91mcew9sq] { outline: 2px solid #6940c6; outline-offset: 2px; }
@media(max-width: 900px) { .overview-grid[b-e91mcew9sq] { grid-template-columns: 1fr; } .identity-fields[b-e91mcew9sq] { grid-template-columns: 1fr; } .detail-header[b-e91mcew9sq], .detail-main[b-e91mcew9sq] { padding: 12px; } .detail-save-status[b-e91mcew9sq] { max-width: 100px; } }
@media(max-width: 600px) { .aggregate-schema[b-e91mcew9sq] { flex-direction: column; align-items: stretch; gap: 16px; padding: 0; } h1[b-e91mcew9sq] { font-size: 18px; } .detail-icon[b-e91mcew9sq] { display: none; } .detail-comments[b-e91mcew9sq] { padding: 8px 12px; } }
/* /Components/Board/BusinessFolderElementEditor.razor.rz.scp.css */
.folder-element[b-l0vbv3oofq] { padding: 14px; border: 1px solid #e2e5ef; border-radius: 9px; background: white; margin-bottom: 12px; }
.element-title[b-l0vbv3oofq] { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.element-title input[b-l0vbv3oofq] { flex: 1; min-width: 0; font-weight: 600; }
.element-kind[b-l0vbv3oofq] { flex-shrink: 0; padding: 4px 7px; border-radius: 6px; background: #f0e9ff; color: #6940c6; font-size: 11px; }
label[b-l0vbv3oofq] { display: block; color: #737d91; font-size: 12px; margin: 8px 0; }
input:not([type=checkbox])[b-l0vbv3oofq], select[b-l0vbv3oofq], textarea[b-l0vbv3oofq] { display: block; width: 100%; margin-top: 4px; padding: 8px 10px; border: 1px solid #dadee8; border-radius: 7px; background: #fff; color: #172033; font: inherit; font-size: 13px; }
.element-title input[b-l0vbv3oofq] { margin: 0; }
textarea[b-l0vbv3oofq] { resize: vertical; min-height: 56px; }
input[readonly][b-l0vbv3oofq], textarea[readonly][b-l0vbv3oofq], select:disabled[b-l0vbv3oofq] { background: #f9fafc; }
.attribute-fields[b-l0vbv3oofq] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.required-field[b-l0vbv3oofq] { display: flex; align-items: center; gap: 8px; padding-top: 18px; }
button[b-l0vbv3oofq] { border: 1px solid #e2e5ef; border-radius: 6px; padding: 5px 9px; background: #fff; color: #6940c6; font: inherit; font-size: 12px; cursor: pointer; }
.element-remove[b-l0vbv3oofq] { width: 30px; font-size: 20px; color: #a03946; }
.child-attributes[b-l0vbv3oofq] { padding-left: 12px; border-left: 2px solid #e6ddf6; margin-top: 12px; }
.attributes-heading[b-l0vbv3oofq] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; font-size: 12px; }
input:focus-visible[b-l0vbv3oofq], textarea:focus-visible[b-l0vbv3oofq], select:focus-visible[b-l0vbv3oofq], button:focus-visible[b-l0vbv3oofq] { outline: 2px solid #6940c6; outline-offset: 2px; }
@media(max-width: 700px) { .attribute-fields[b-l0vbv3oofq] { grid-template-columns: 1fr; gap: 0; } .element-title[b-l0vbv3oofq] { flex-wrap: wrap; } }
/* /Components/Board/ExternalServiceCard.razor.rz.scp.css */
.external-service-card[b-r798ndiywa] { display: flex; flex-direction: column; background: #fff; border: 2px solid #087f8c; border-radius: 14px; box-shadow: 0 4px 12px #17203314; }
.service-body[b-r798ndiywa] { flex: 1; min-height: 0; overflow: auto; padding: 16px; color: #172033; }
.service-badge[b-r798ndiywa] { display: flex; align-items: center; gap: 8px; color: #086773; background: #e5f5f6; padding: 8px 12px; border-radius: 8px; font-weight: 600; font-size: .8rem; }
h2[b-r798ndiywa] { font-size: 1.25rem; margin: 16px 0; overflow-wrap: anywhere; }
h3[b-r798ndiywa], label[b-r798ndiywa] { display: block; font-size: .8rem; font-weight: 600; margin: 16px 0 6px; }
p[b-r798ndiywa] { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .875rem; }
.service-links[b-r798ndiywa] { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
a[b-r798ndiywa] { color: #086773; border: 1px solid #b5dfe2; border-radius: 6px; padding: 6px 10px; font-size: .8rem; }
fieldset[b-r798ndiywa] { border: 0; padding: 0; min-width: 0; }
input[b-r798ndiywa], textarea[b-r798ndiywa] { width: 100%; box-sizing: border-box; border: 1px solid #cbd5df; border-radius: 6px; padding: 8px; font: inherit; font-size: .875rem; }
.service-actions[b-r798ndiywa] { display: flex; gap: 8px; margin-top: 16px; }

.service-help[b-r798ndiywa] { color: #606c78; font-size: .8rem; margin: 16px 0 8px; }
/* /Components/Board/ReferenceDocumentCard.razor.rz.scp.css */
.reference-document-card[b-61phcrf33r] { --item-header-background: #e8eefb; --item-header-ink: #3157a5; --item-header-line: #d4dff3; display: flex; flex-direction: column; border: 1px solid #d4dff3; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgb(26 35 55 / 8%); color: #172033; }
.document-identity[b-61phcrf33r] { padding: 10px 14px; display: flex; flex-direction: column; gap: 3px; }
.document-identity strong[b-61phcrf33r] { font-size: .875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.document-identity span[b-61phcrf33r] { font-size: .75rem; color: #6c7589; }
.document-preview[b-61phcrf33r] { position: relative; flex: 1; min-height: 0; margin: 0 12px; overflow: hidden; background: #f5f6f9; border: 1px solid #e8eaf0; border-radius: 6px; }
.document-open[b-61phcrf33r] { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: transparent; cursor: zoom-in; }
.document-open:focus-visible[b-61phcrf33r] { outline: 2px solid #3157d5; outline-offset: -3px; }
.document-source[b-61phcrf33r] { font-size: .75rem; line-height: 1.4; color: #6c7589; margin: 8px 22px 12px 14px; }
/* /Components/Board/ReferenceDocumentDetail.razor.rz.scp.css */
.document-backdrop[b-7euapezspq] { position: fixed; inset: 0; z-index: 1055; display: grid; place-items: center; padding: 20px; background: rgb(23 32 51 / 35%); }
.document-detail[b-7euapezspq] { width: min(1280px, 100%); height: min(920px, calc(100dvh - 40px)); display: flex; flex-direction: column; min-height: 0; background: #fff; border: 1px solid #e8eaf0; border-radius: 14px; box-shadow: 0 12px 36px rgb(26 35 55 / 16%); overflow: hidden; }
header[b-7euapezspq] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; border-bottom: 1px solid #e8eaf0; }
header > div[b-7euapezspq] { min-width: 0; }
h1[b-7euapezspq] { font-size: 1.125rem; overflow-wrap: anywhere; margin: 0 0 4px; }
header span[b-7euapezspq] { font-size: .75rem; color: #6c7589; }
header button[b-7euapezspq] { border: 1px solid #e8eaf0; background: #fff; border-radius: 8px; width: 38px; height: 38px; flex-shrink: 0; font-size: 24px; }
.document-notice[b-7euapezspq] { margin: 0; padding: 10px 20px; background: #f4f6fb; color: #53627a; font-size: .8125rem; }
footer[b-7euapezspq] { min-height: 40px; flex-shrink: 0; max-height: 35vh; overflow-y: auto; padding: 8px 16px; border-top: 1px solid #e8eaf0; }
button:focus-visible[b-7euapezspq] { outline: 2px solid #3157d5; outline-offset: 2px; }
@media (max-width: 700px) { .document-backdrop[b-7euapezspq] { padding: 8px; } .document-detail[b-7euapezspq] { height: calc(100dvh - 16px); } header[b-7euapezspq] { padding: 12px; } .document-notice[b-7euapezspq] { padding: 8px 12px; } }
/* /Components/Board/ReferenceDocumentSurface.razor.rz.scp.css */
.document-surface[b-xsx37litt5] { position: relative; display: flex; flex-direction: column; flex: 1; min-height: 0; height: 100%; overflow: hidden; }
.document-controls[b-xsx37litt5] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 16px; background: #fff; border-bottom: 1px solid #e8eaf0; font-size: .875rem; }
.document-controls button[b-xsx37litt5], select[b-xsx37litt5] { border: 1px solid #dadee8; border-radius: 7px; background: #fff; color: #172033; padding: 6px 10px; min-height: 36px; }
.document-controls button:disabled[b-xsx37litt5] { opacity: .4; }
.document-controls label[b-xsx37litt5] { margin: 0; }
.document-controls select[b-xsx37litt5] { max-width: 220px; }
.document-renderer[b-xsx37litt5] { flex: 1; min-height: 0; overflow: auto; background: #f0f2f7; padding: 16px; }
.document-renderer[b-xsx37litt5]  canvas { display: block; background: #fff; margin: 0 auto; max-width: none; }
.document-renderer[b-xsx37litt5]  img { display: block; margin: 0 auto; }
.document-renderer[b-xsx37litt5]  iframe { display: block; border: 0; width: 100%; background: #f0f2f7; }
.document-renderer[b-xsx37litt5]  table { border-collapse: collapse; background: #fff; font-size: .8125rem; transform-origin: top left; }
.document-renderer[b-xsx37litt5]  td, .document-renderer[b-xsx37litt5]  th { border: 1px solid #dadee8; padding: 6px 10px; min-width: 72px; max-width: 400px; overflow-wrap: anywhere; white-space: pre-wrap; }
.document-renderer[b-xsx37litt5]  th { background: #edf1f8; position: sticky; top: 0; color: #53627a; }
.document-renderer[b-xsx37litt5]  .document-sheet-pages { position: sticky; left: 0; bottom: 0; display: flex; gap: 8px; padding: 8px; background: #f0f2f7; width: fit-content; }
.document-renderer[b-xsx37litt5]  .document-sheet-pages button { min-width: 36px; min-height: 36px; border: 1px solid #dadee8; border-radius: 7px; background: #fff; }
.document-state[b-xsx37litt5] { position: absolute; inset: 55px 12px auto; text-align: center; padding: 16px; color: #6c7589; background: #fff; border-radius: 8px; font-size: .8125rem; }
.document-error[b-xsx37litt5] { color: #a03946; }
.is-preview[b-xsx37litt5] { pointer-events: none; }
.is-preview .document-renderer[b-xsx37litt5] { padding: 6px; overflow: hidden; }
.is-preview .document-state[b-xsx37litt5] { inset: 8px; margin: 0; }
button:focus-visible[b-xsx37litt5], select:focus-visible[b-xsx37litt5] { outline: 2px solid #3157d5; outline-offset: 2px; }
/* /Components/Pages/Board.razor.rz.scp.css */
.collaborative-board[b-dggt146q1p] {
    --board-ink: #172033;
    --board-muted: #737d91;
    --board-line: #e4e8f0;
    --board-primary: #3157d5;
    --view-x: 0px;
    --view-y: 0px;
    --board-zoom: 1;
    --grid-step: 24px;
    --board-smoothing: 30ms;
    position: fixed;
    inset: 0;
    height: 100dvh;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    color: var(--board-ink);
    background: #fbfcff;
}

.board-toolbar[b-dggt146q1p] { position: absolute; top: 16px; left: 16px; right: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; gap: 12px; pointer-events: none; z-index: 4; }
.board-identity[b-dggt146q1p], .board-tools[b-dggt146q1p], .board-sharing[b-dggt146q1p] { padding: 8px; border: 1px solid var(--board-line); border-radius: 12px; background: #fff; box-shadow: 0 2px 8px rgb(26 35 55 / 5%); pointer-events: auto; }
.board-identity[b-dggt146q1p] { display: flex; align-items: center; gap: 12px; min-width: 0; justify-self: start; max-width: 100%; }
.board-titles[b-dggt146q1p] { min-width: 0; }
.board-identity h1[b-dggt146q1p] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 650; margin: 0 0 3px; color: var(--board-ink); }
.board-subtitle[b-dggt146q1p] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--board-muted); }
.board-back[b-dggt146q1p] { flex-shrink: 0; text-decoration: none; }
.board-tools[b-dggt146q1p], .board-sharing[b-dggt146q1p], .board-participants[b-dggt146q1p] { display: flex; align-items: center; gap: 6px; }
.board-sharing[b-dggt146q1p] { justify-self: end; min-width: 0; max-width: 100%; gap: 16px; }
.board-button[b-dggt146q1p] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 38px; padding: 0 14px; border: 1px solid var(--board-line); border-radius: 8px; background: #fff; color: var(--board-ink); font: inherit; font-size: 13px; font-weight: 500; cursor: pointer; white-space: nowrap; }
.board-button:hover:not(:disabled)[b-dggt146q1p] { background: #f2f5fb; border-color: #c9d2e7; }
.board-button:focus-visible[b-dggt146q1p] { outline: 2px solid var(--board-primary); outline-offset: 2px; }
.board-button:disabled[b-dggt146q1p] { opacity: .5; cursor: default; }
.board-icon[b-dggt146q1p] { width: 38px; padding: 0; }
.board-button.is-active[b-dggt146q1p] { color: var(--board-primary); background: #edf1ff; border-color: #bacbff; }
.board-add[b-dggt146q1p] { background: var(--board-primary); border-color: var(--board-primary); color: #fff; }
.board-add:hover:not(:disabled)[b-dggt146q1p] { background: #2648bc; border-color: #2648bc; }
.board-divider[b-dggt146q1p] { width: 1px; height: 24px; background: var(--board-line); margin: 0 6px; }
.board-participants[b-dggt146q1p] { gap: 0; padding-left: 5px; min-width: 0; overflow: hidden; }
.board-avatar[b-dggt146q1p] { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; margin-left: -5px; border: 2px solid white; border-radius: 50%; background: var(--participant-color); color: #fff; font-size: 12px; font-weight: 600; }
.board-participant-count[b-dggt146q1p] { margin-left: 8px; font-size: 12px; color: var(--board-muted); }
.board-viewport[b-dggt146q1p] { position: absolute; inset: 0; overflow: hidden; border: 1px solid var(--board-line); outline-offset: -3px; touch-action: none; background-image: radial-gradient(circle, #d8deee 1px, transparent 1px); background-size: var(--grid-step) var(--grid-step); background-position: var(--view-x) var(--view-y); }
.board-viewport[data-pan="true"][b-dggt146q1p] { cursor: grab; }
.board-viewport[data-interacting="pan"][b-dggt146q1p] { cursor: grabbing; }
.board-world[b-dggt146q1p] { position: absolute; inset: 0; transform-origin: 0 0; transform: translate(var(--view-x), var(--view-y)) scale(var(--board-zoom)); pointer-events: none; }
.board-snap-guide[b-dggt146q1p] { position: absolute; background: var(--board-primary); pointer-events: none; z-index: 3; }
.board-snap-guide-vertical[b-dggt146q1p] { top: 0; bottom: 0; width: 1px; }
.board-snap-guide-horizontal[b-dggt146q1p] { left: 0; right: 0; height: 1px; }
.collaborative-board[b-dggt146q1p]  .board-item { position: absolute; left: 0; top: 0; box-sizing: border-box; width: var(--item-width); height: var(--item-height); min-width: var(--item-min-width); min-height: var(--item-min-height); max-width: var(--item-max-width); max-height: var(--item-max-height); pointer-events: auto; transform: translate(var(--item-x), var(--item-y)); transition: transform var(--board-smoothing) linear; }
.collaborative-board[b-dggt146q1p]  .board-item[data-resizing] { width: var(--resize-width); height: var(--resize-height); z-index: 2; }
.collaborative-board[b-dggt146q1p]  [data-board-item-resize] { position: absolute; right: 0; bottom: 0; width: 18px; height: 18px; padding: 0; border: 0; background: transparent; color: var(--board-muted); cursor: nwse-resize; touch-action: none; }
.collaborative-board[b-dggt146q1p]  [data-board-item-resize]::after { content: ''; position: absolute; right: 4px; bottom: 4px; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; }
.collaborative-board[b-dggt146q1p]  [data-board-item-resize]:focus { outline: none; box-shadow: none; }
.collaborative-board[b-dggt146q1p]  [data-board-item-resize]:disabled { display: none; }
.collaborative-board[b-dggt146q1p]  .board-item.is-selected { outline: 2px solid var(--board-primary); outline-offset: 3px; z-index: 1; }
.collaborative-board[b-dggt146q1p]  .board-item[data-dragging] { transform: translate(var(--drag-x), var(--drag-y)); transition: none; z-index: 2; }
.collaborative-board[b-dggt146q1p]  .board-item[data-dragging] [data-board-item-handle] { cursor: grabbing; }
.collaborative-board[b-dggt146q1p]  [data-note-color="Yellow"] { --note-background: #fff3a8; --note-border: #ecdc83; }
.collaborative-board[b-dggt146q1p]  [data-note-color="Blue"] { --note-background: #dceeff; --note-border: #adcfee; }
.collaborative-board[b-dggt146q1p]  [data-note-color="Green"] { --note-background: #def3d9; --note-border: #b4d7ac; }
.collaborative-board[b-dggt146q1p]  [data-note-color="Pink"] { --note-background: #ffe0eb; --note-border: #edb5c9; }
.collaborative-board[b-dggt146q1p]  [data-note-color="Purple"] { --note-background: #ede0ff; --note-border: #cdb7eb; }
.collaborative-board[b-dggt146q1p]  [data-note-color="Orange"] { --note-background: #ffe5cc; --note-border: #edc297; }
.board-note-menu[b-dggt146q1p] { position: absolute; z-index: 5; width: 232px; max-width: calc(100% - 16px); padding: 12px; border: 1px solid var(--board-line); border-radius: 12px; background: #fff; box-shadow: 0 12px 36px rgb(26 35 55 / 12%); }
.board-note-menu-title[b-dggt146q1p] { margin-bottom: 8px; font-size: 13px; font-weight: 600; }
.board-create-card[b-dggt146q1p] { justify-content: flex-start; width: 100%; border: 0; }
.board-folder-backdrop[b-dggt146q1p] { position: fixed; inset: 0; z-index: 1055; display: grid; place-items: center; padding: 20px; background: rgb(23 32 51 / 25%); }
.board-folder-create[b-dggt146q1p] { width: min(420px, 100%); padding: 24px; border: 1px solid var(--board-line); border-radius: 12px; background: #fff; box-shadow: 0 12px 36px rgb(26 35 55 / 12%); }
.board-folder-create h2[b-dggt146q1p] { font-size: 18px; margin: 0 0 20px; }
.board-folder-create label[b-dggt146q1p] { display: block; font-size: 13px; margin-bottom: 6px; }
.board-folder-create input[b-dggt146q1p] { width: 100%; padding: 10px; border: 1px solid #dadee8; border-radius: 7px; }
.board-folder-create > div[b-dggt146q1p] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.board-folder-create > p[b-dggt146q1p] { margin: 12px 0 0; color: #a03946; font-size: 13px; }
.board-note-colors[b-dggt146q1p] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.board-color-option[b-dggt146q1p] { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 2px; border: 1px solid transparent; border-radius: 8px; background: #fff; color: var(--board-ink); font: inherit; font-size: 12px; cursor: pointer; }
.board-color-option:hover[b-dggt146q1p], .board-color-option[aria-checked="true"][b-dggt146q1p] { background: #f2f5fb; border-color: var(--board-line); }
.board-color-option:focus-visible[b-dggt146q1p] { outline: 2px solid var(--board-primary); outline-offset: -2px; }
.board-color-swatch[b-dggt146q1p] { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--note-border); border-radius: 50%; background: var(--note-background); color: var(--board-ink); }
.board-cursors[b-dggt146q1p] { position: absolute; inset: 0; pointer-events: none; transform: translate(var(--view-x), var(--view-y)); z-index: 3; }
.board-cursor[b-dggt146q1p] { position: absolute; left: 0; top: 0; transform: translate(calc(var(--cursor-x) * var(--board-zoom)), calc(var(--cursor-y) * var(--board-zoom))); transition: transform var(--board-smoothing) linear; color: var(--participant-color); }
.board-cursor svg[b-dggt146q1p] { display: block; filter: drop-shadow(0 1px 1px rgb(0 0 0 / 15%)); }
.board-cursor span[b-dggt146q1p] { display: block; width: max-content; max-width: 180px; overflow: hidden; text-overflow: ellipsis; margin-left: 15px; margin-top: -3px; padding: 3px 8px; border-radius: 4px; background: var(--participant-color); color: white; font-size: 11px; white-space: nowrap; }
.board-empty[b-dggt146q1p] { position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; width: min(360px, calc(100% - 40px)); text-align: center; pointer-events: none; }
.board-empty-icon[b-dggt146q1p] { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 20px; border-radius: 16px; border: 1px solid #e8e0ac; background: #fff8ce; color: #a08826; font-size: 25px; }
.board-empty h2[b-dggt146q1p] { margin: 0 0 8px; font-size: 20px; font-weight: 600; color: var(--board-ink); }
.board-empty p[b-dggt146q1p] { margin: 0 0 20px; font-size: 13px; line-height: 1.6; color: var(--board-muted); }
.board-empty .board-button[b-dggt146q1p] { pointer-events: auto; }
.board-bottom-bar[b-dggt146q1p] { position: absolute; bottom: 16px; left: 16px; right: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px; pointer-events: none; z-index: 4; }
.board-status-area[b-dggt146q1p] { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.board-help[b-dggt146q1p] { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: rgb(255 255 255 / 90%); border: 1px solid var(--board-line); border-radius: 8px; font-size: 11px; color: var(--board-muted); }
.board-zoom[b-dggt146q1p] { display: flex; padding: 3px; background: #fff; border: 1px solid var(--board-line); border-radius: 10px; box-shadow: 0 2px 8px rgb(26 35 55 / 5%); pointer-events: auto; }
.board-zoom .board-button[b-dggt146q1p] { border: 0; height: 32px; }
.board-zoom-value[b-dggt146q1p] { min-width: 64px; font-variant-numeric: tabular-nums; }
.board-minimap[b-dggt146q1p] { position: absolute; bottom: 70px; right: 16px; overflow: hidden; border: 1px solid var(--board-line); border-radius: 10px; background: #fff; box-shadow: 0 2px 8px rgb(26 35 55 / 5%); z-index: 4; }
.board-minimap-title[b-dggt146q1p] { display: block; padding: 6px 10px; border-bottom: 1px solid var(--board-line); color: var(--board-muted); font-size: 11px; }
.board-minimap canvas[b-dggt146q1p] { display: block; width: 200px; height: 124px; background: #fbfcff; cursor: crosshair; touch-action: none; }
.board-minimap canvas:focus-visible[b-dggt146q1p] { outline: 2px solid var(--board-primary); outline-offset: -2px; }
.board-minimap canvas[data-navigating][b-dggt146q1p] { cursor: grabbing; }
.board-error[b-dggt146q1p] { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: #fff0f1; border: 1px solid #f2ccd1; border-radius: 12px; color: #a03946; font-size: 13px; pointer-events: auto; }
.board-save-status[b-dggt146q1p] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; max-width: 100%; min-height: 32px; padding: 6px 12px; border: 1px solid var(--board-line); border-radius: 8px; background: #fff; color: var(--board-muted); font-size: 12px; pointer-events: auto; }
.board-save-status .board-button[b-dggt146q1p] { white-space: normal; height: auto; min-height: 32px; }
.board-skeleton[b-dggt146q1p] { display: block; width: 160px; height: 130px; margin-bottom: 20px; background: #f1f3f8; border: 1px solid var(--board-line); border-radius: 4px; }

@media (prefers-reduced-motion: reduce) {
    .collaborative-board[b-dggt146q1p]  .board-item, .board-cursor[b-dggt146q1p] { transition: none; }
}

@media (max-width: 1100px) {
    .board-toolbar[b-dggt146q1p] { grid-template-columns: minmax(0, 1fr) auto; }
    .board-tools[b-dggt146q1p] { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
    .board-sharing[b-dggt146q1p] { grid-column: 2; grid-row: 1; }
    .board-help[b-dggt146q1p] { display: none; }
}

@media (max-width: 600px) {
    .board-minimap canvas[b-dggt146q1p] { width: 160px; height: 100px; }
    .board-identity[b-dggt146q1p] { gap: 8px; }
    .board-identity h1[b-dggt146q1p] { font-size: 13px; }
    .board-sharing[b-dggt146q1p] { gap: 8px; }
    .board-avatar:nth-child(n+3)[b-dggt146q1p] { display: none; }
    .board-share-label[b-dggt146q1p] { display: none; }
    .board-sharing > .board-button[b-dggt146q1p] { flex-shrink: 0; width: 38px; padding: 0; }
    .board-toolbar[b-dggt146q1p] { top: 8px; left: 8px; right: 8px; gap: 8px; }
    .board-bottom-bar[b-dggt146q1p] { bottom: 8px; left: 8px; right: 8px; gap: 8px; }
    .board-minimap[b-dggt146q1p] { right: 8px; }
    .board-back[b-dggt146q1p] { padding: 0 8px; }
    .board-empty h2[b-dggt146q1p] { font-size: 18px; }
}

@media (max-width: 430px) {
    .board-titles[b-dggt146q1p] { display: none; }
    .board-avatar:nth-child(n+2)[b-dggt146q1p] { display: none; }
}
/* /Components/Pages/Index.razor.rz.scp.css */
/* Getting-Started */
.starting-content[b-shm0petsaf] {
    position: relative;
    z-index: 2;
}


.getting-started-hero-card .card-body[b-shm0petsaf] {
    position: relative;
}

.card-bg-image[b-shm0petsaf] {
    pointer-events: none;
    position: absolute;
    width: 630px;
    max-width: 100%;
    height: auto;
    bottom: 0;
    right: 0;
    z-index: 1;
}

@media (min-width: 1199px) {
    .h-lg-100[b-shm0petsaf] {
        height: 100% !important;
    }
}

@media (min-width: 768px) {
    .h-md-100[b-shm0petsaf] {
        height: 100% !important;
    }
}

.abp-support[b-shm0petsaf] {
    width: 178px;
    height: 30px;
    background-image: url('images/getting-started/abp-support.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.abp-community[b-shm0petsaf] {
    width: 215px;
    height: 30px;
    background-image: url('images/getting-started/abp-community.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.abp-blog[b-shm0petsaf] {
    width: 142px;
    height: 30px;
    background-image: url('images/getting-started/abp-blog.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.abp-studio[b-shm0petsaf] {
    width: 146px;
    height: 30px;
    background-image: url('images/getting-started/abp-studio.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.abp-suite[b-shm0petsaf] {
    width: 132px;
    height: 30px;
    background-image: url('images/getting-started/abp-suite.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.logo-x[b-shm0petsaf] {
    width: 20px;
    height: 20px;
    background-image: url('images/getting-started/x.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.entity-famework-core[b-shm0petsaf] {
    width: 84px;
    height: 24px;
    background-image: url('images/getting-started/entity-famework-core-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.mongo-db[b-shm0petsaf] {
    width: 85px;
    height: 24px;
    background-image: url('images/getting-started/mongo-db-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.blazor[b-shm0petsaf] {
    width: 65px;
    height: 20px;
    background-image: url('images/getting-started/blazor-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.angular[b-shm0petsaf] {
    width: 82px;
    height: 20px;
    background-image: url('images/getting-started/angular-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.mvc-razor-pages[b-shm0petsaf] {
    width: 95px;
    height: 20px;
    background-image: url('images/getting-started/mvc-razor-pages-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.lpx-theme-dark .abp-support[b-shm0petsaf] {
    background-image: url('images/getting-started/abp-support-white.svg');
}

.lpx-theme-dark .abp-community[b-shm0petsaf] {
    background-image: url('images/getting-started/abp-community-white.svg');
}

.lpx-theme-dark .abp-blog[b-shm0petsaf] {
    background-image: url('images/getting-started/abp-blog-white.svg');
}

.lpx-theme-dark .logo-x[b-shm0petsaf] {
    background-image: url('images/getting-started/x-white.svg');
}

.lpx-theme-dark .abp-studio[b-shm0petsaf] {
    background-image: url('images/getting-started/abp-studio-white.svg');
}

.lpx-theme-dark .abp-suite[b-shm0petsaf] {
    background-image: url('images/getting-started/abp-suite-white.svg');
}

.lpx-theme-dark .entity-famework-core[b-shm0petsaf] {
    background-image: url('images/getting-started/entity-famework-core.svg');
}

.lpx-theme-dark .mongo-db[b-shm0petsaf] {
    background-image: url('images/getting-started/mongo-db.svg');
}

.lpx-theme-dark .blazor[b-shm0petsaf] {
    background-image: url('images/getting-started/blazor.svg');
}

.lpx-theme-dark .angular[b-shm0petsaf] {
    background-image: url('images/getting-started/angular.svg');
}

.lpx-theme-dark .mvc-razor-pages[b-shm0petsaf] {
    background-image: url('images/getting-started/mvc-razor-pages.svg');
}
/* Getting-Started End */
/* /Components/Pages/Projects.razor.rz.scp.css */
.projects-page[b-080mqjtrpk] { color: #172033; max-width: 1550px; margin: 0 auto; }
.projects-heading[b-080mqjtrpk] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.projects-heading h1[b-080mqjtrpk] { font-size: 26px; margin: 0; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; overflow-wrap: anywhere; }
.projects-heading p[b-080mqjtrpk] { margin: 8px 0 0; color: #737d91; font-size: 14px; }
.project-panel[b-080mqjtrpk] { background: #fff; border: 1px solid #e4e8f0; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgb(26 35 55 / 4%); min-width: 0; }
.project-panel h2[b-080mqjtrpk] { font-size: 17px; margin: 0 0 16px; }
.project-form[b-080mqjtrpk] { max-width: 680px; }
.project-form label[b-080mqjtrpk], .project-add-member label[b-080mqjtrpk] { display: block; font-size: 13px; font-weight: 500; margin: 0 0 6px; }
.project-form-row[b-080mqjtrpk] { display: flex; align-items: start; gap: 8px; }
.project-form-row[b-080mqjtrpk]  .form-control, .project-form-row[b-080mqjtrpk]  .form-select { min-width: 0; flex: 1; }
.project-form-row .btn[b-080mqjtrpk] { flex-shrink: 0; white-space: nowrap; }
.project-grid[b-080mqjtrpk] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.project-card[b-080mqjtrpk] { display: flex; flex-direction: column; gap: 16px; padding: 20px; border: 1px solid #e4e8f0; border-radius: 12px; background: white; text-decoration: none; color: inherit; box-shadow: 0 2px 8px rgb(26 35 55 / 4%); }
.project-card:hover[b-080mqjtrpk] { border-color: #bacbff; color: inherit; }
.project-card:focus-visible[b-080mqjtrpk], .project-module a:focus-visible[b-080mqjtrpk] { outline: 2px solid #3157d5; outline-offset: 3px; }
.project-card-top[b-080mqjtrpk] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.project-card-top > i[b-080mqjtrpk] { color: #3157d5; font-size: 24px; }
.project-card h2[b-080mqjtrpk] { font-size: 18px; margin: 0; overflow-wrap: anywhere; }
.project-card p[b-080mqjtrpk] { font-size: 13px; color: #737d91; margin: 0; }
.project-role[b-080mqjtrpk] { display: inline-block; background: #edf1ff; color: #3157d5; border-radius: 6px; padding: 4px 8px; font-size: 12px; font-weight: 500; white-space: nowrap; }
.project-open[b-080mqjtrpk] { display: flex; align-items: center; justify-content: space-between; color: #3157d5; font-size: 13px; margin-top: auto; }
.project-pagination[b-080mqjtrpk] { display: flex; align-items: center; justify-content: flex-end; gap: 12px; font-size: 12px; color: #737d91; margin-top: 16px; }
.projects-empty[b-080mqjtrpk] { text-align: center; padding: 64px 20px; color: #737d91; }
.projects-empty > i[b-080mqjtrpk] { font-size: 32px; margin-bottom: 20px; color: #9baac8; }
.projects-empty h2[b-080mqjtrpk] { font-size: 19px; color: #172033; }
.projects-empty p[b-080mqjtrpk] { font-size: 14px; }
.projects-skeleton[b-080mqjtrpk] { min-height: 240px; padding: 40px; border-radius: 12px; background: #f1f3f8; color: #737d91; }
.project-detail-page[b-080mqjtrpk] {
    --project-ink: #161b46;
    --project-muted: #64739d;
    --project-blue: #182bff;
    --project-line: #d8def5;
    --project-success: #00864b;
    --project-shadow: 0 8px 20px rgb(39 49 119 / 9%), 0 1px 3px rgb(39 49 119 / 7%);
    color: var(--project-ink);
    container-type: inline-size;
    position: relative;
    isolation: isolate;
    padding-bottom: 28px;
}

.project-detail-page[b-080mqjtrpk]::before {
    content: "";
    position: absolute;
    inset: -32px -24px 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(132deg, transparent 48%, rgb(199 212 255 / 17%) 48% 56%, transparent 56%), radial-gradient(ellipse at top right, #dce3ff 0, #f5f6ff 55%, #f9faff 100%);
}

.project-icon[b-080mqjtrpk] { width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.project-detail-heading[b-080mqjtrpk] { display: flex; align-items: center; gap: 24px; min-height: 60px; margin-bottom: 24px; }
.project-detail-heading h1[b-080mqjtrpk] { margin: 0; font-size: 40px; font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; min-width: 0; }
.project-heading-icon[b-080mqjtrpk] { display: grid; place-items: center; flex-shrink: 0; width: 60px; height: 60px; border-radius: 15px; background: #e6e8ff; color: var(--project-blue); text-decoration: none; }
.project-heading-icon .project-icon[b-080mqjtrpk] { width: 30px; height: 30px; }
.project-detail-page .project-role[b-080mqjtrpk] { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px; background: #e6e4ff; color: #3630c3; border-radius: 10px; font-size: 14px; font-weight: 600; line-height: 1.3; }
.project-detail-heading .project-role[b-080mqjtrpk] { font-size: 16px; }
.project-detail-heading .project-role .project-icon[b-080mqjtrpk] { width: 18px; height: 18px; fill: currentColor; stroke-width: 1.5; }
.project-detail-page .project-panel[b-080mqjtrpk] { border-color: var(--project-line); border-radius: 18px; box-shadow: var(--project-shadow); background: rgb(255 255 255 / 80%); }
.project-summary[b-080mqjtrpk] { display: flex; align-items: center; gap: 28px; padding: 28px 34px 26px 40px; min-height: 216px; margin-bottom: 32px; position: relative; isolation: isolate; overflow: hidden; }
.project-summary[b-080mqjtrpk]::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(138deg, transparent 81%, rgb(118 121 255 / 9%) 81% 88%, transparent 88%), radial-gradient(ellipse at 116% 150%, #b8b9ff 0 20%, #d8daff 20% 26%, transparent 26%); }
.project-summary-icon[b-080mqjtrpk] { display: grid; place-items: center; width: 86px; height: 86px; flex-shrink: 0; color: white; border-radius: 20px; background: linear-gradient(140deg, #7891ff, #344cff); box-shadow: 0 7px 16px rgb(64 83 228 / 25%), inset 0 1px 2px rgb(255 255 255 / 25%); }
.project-summary-icon .project-icon[b-080mqjtrpk] { width: 42px; height: 42px; stroke-width: 1.7; }
.project-summary-content[b-080mqjtrpk] { flex: 1; min-width: 0; border-left: 1px solid var(--project-line); padding-left: 28px; }
.project-eyebrow[b-080mqjtrpk] { display: block; margin-bottom: 4px; color: var(--project-muted); font-size: 12px; font-weight: 750; letter-spacing: 1px; text-transform: uppercase; }
.project-summary-content[b-080mqjtrpk]  .project-form { max-width: none; }
.project-summary-content[b-080mqjtrpk]  .project-summary-label, .project-summary-content .project-summary-label[b-080mqjtrpk] { display: block; margin: 0 0 14px; font-size: 22px; font-weight: 700; line-height: 1.3; }
.project-summary-name[b-080mqjtrpk] { margin-bottom: 0; padding: 14px 20px; border: 1px solid var(--project-line); border-radius: 12px; background: rgb(255 255 255 / 80%); overflow-wrap: anywhere; }
.project-detail-page .project-form-row[b-080mqjtrpk] { align-items: center; gap: 18px; }
.project-detail-page[b-080mqjtrpk]  .form-control, .project-detail-page[b-080mqjtrpk]  .form-select { min-height: 52px; border: 1px solid var(--project-line); border-radius: 12px; color: var(--project-ink); background-color: rgb(255 255 255 / 75%); font-size: 16px; box-shadow: inset 0 1px 2px rgb(40 46 101 / 2%); }
.project-detail-page[b-080mqjtrpk]  .form-control { padding: 12px 18px; }
.project-detail-page[b-080mqjtrpk]  .form-control::placeholder { color: #7d8db4; opacity: 1; }
.project-detail-page[b-080mqjtrpk]  .form-control:focus, .project-detail-page[b-080mqjtrpk]  .form-select:focus { border-color: var(--project-blue); box-shadow: 0 0 0 3px rgb(24 43 255 / 12%); }
.project-detail-page .btn[b-080mqjtrpk] { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 11px 20px; border-radius: 12px; font-size: 16px; font-weight: 600; line-height: 1.3; }
.project-detail-page .btn-primary[b-080mqjtrpk] { border-color: var(--project-blue); background: linear-gradient(135deg, #253cff, #1427f7); color: white; box-shadow: 0 4px 8px rgb(24 43 255 / 8%); }
.project-detail-page .btn-outline-primary[b-080mqjtrpk] { color: var(--project-blue); border-color: var(--project-blue); background: rgb(255 255 255 / 50%); }
.project-detail-page .btn-outline-secondary[b-080mqjtrpk] { color: #24288f; border-color: #7776eb; background: rgb(255 255 255 / 55%); }
.project-detail-page .btn-outline-danger[b-080mqjtrpk] { color: #df1334; border-color: #f33752; background: rgb(255 255 255 / 55%); }
.project-detail-page .btn:hover:not(:disabled)[b-080mqjtrpk] { filter: brightness(.96); }
.project-detail-page .btn:disabled[b-080mqjtrpk] { opacity: .5; }
.project-detail-page a:focus-visible[b-080mqjtrpk], .project-detail-page .btn:focus-visible[b-080mqjtrpk] { outline: 3px solid var(--project-blue); outline-offset: 3px; }
.project-summary .btn[b-080mqjtrpk] { min-width: 174px; }
.project-summary-meta[b-080mqjtrpk] { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 20px; font-size: 14px; color: #53638e; }
.project-status[b-080mqjtrpk] { display: inline-flex; align-items: center; gap: 7px; border-radius: 10px; background: #d8f3e9; color: var(--project-success); font-size: 13px; font-weight: 600; line-height: 1.4; padding: 4px 12px; white-space: nowrap; }
.project-status-dot[b-080mqjtrpk] { display: inline-block; width: 8px; height: 8px; flex-shrink: 0; border-radius: 50%; background: var(--project-success); }
.project-meta-item[b-080mqjtrpk] { display: inline-flex; align-items: center; gap: 10px; padding-left: 26px; border-left: 1px solid #aab5db; line-height: 18px; }
.project-meta-item .project-icon[b-080mqjtrpk] { width: 21px; height: 21px; }
.project-detail-grid[b-080mqjtrpk] { display: grid; grid-template-columns: minmax(0, 1.025fr) minmax(0, 1fr); gap: 24px; align-items: stretch; }
.project-detail-panel[b-080mqjtrpk] { padding: 0; min-height: 404px; margin-bottom: 0; }
.project-section-heading[b-080mqjtrpk] { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 70px; padding: 16px 26px 16px 32px; border-radius: 17px 17px 0 0; color: white; background: linear-gradient(135deg, transparent 72%, rgb(84 91 222 / 23%) 72% 80%, transparent 80% 89%, rgb(21 27 100 / 18%) 89%), linear-gradient(115deg, #292e79, #373ca2); }
.project-section-heading h2[b-080mqjtrpk] { display: flex; align-items: center; gap: 20px; margin: 0; color: white; font-size: 24px; font-weight: 700; }
.project-section-heading .project-icon[b-080mqjtrpk] { width: 30px; height: 30px; }
.project-section-heading > span[b-080mqjtrpk] { display: grid; place-items: center; min-width: 34px; height: 32px; padding: 0 9px; border-radius: 50%; background: linear-gradient(140deg, #757bdd, #575bc0); font-size: 16px; font-weight: 600; box-shadow: inset 0 1px 2px rgb(255 255 255 / 15%); }
.project-section-body[b-080mqjtrpk] { padding: 24px 26px 32px; }
.project-section-body[b-080mqjtrpk]  .project-form { max-width: none; }
.project-section-body[b-080mqjtrpk]  .project-form label, .project-add-member label[b-080mqjtrpk] { display: block; margin: 0 0 8px; color: var(--project-ink); font-size: 17px; font-weight: 650; }
.project-section-body[b-080mqjtrpk]  .project-section-form { margin-bottom: 20px; }
.project-section-body[b-080mqjtrpk]  #module-name { background: #f1f3fa; }
.project-empty-text[b-080mqjtrpk] { color: var(--project-muted); padding: 16px 0; font-size: 14px; }
.project-module-list[b-080mqjtrpk] { display: grid; gap: 14px; }
.project-module[b-080mqjtrpk] { border: 1px solid var(--project-line); border-radius: 13px; padding: 20px 14px; min-width: 0; background: rgb(255 255 255 / 60%); box-shadow: 0 3px 8px rgb(39 49 119 / 5%); }
.project-module-row[b-080mqjtrpk] { display: flex; align-items: center; gap: 14px; }
.project-module-icon[b-080mqjtrpk] { display: grid; place-items: center; width: 46px; height: 48px; flex-shrink: 0; border-radius: 12px; color: #292acb; background: #edf0fa; }
.project-module-identity[b-080mqjtrpk] { min-width: 0; }
.project-module strong[b-080mqjtrpk] { display: block; font-size: 17px; line-height: 1.3; overflow-wrap: anywhere; }
.project-module-badges[b-080mqjtrpk] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 3px; }
.project-module-badges .project-role[b-080mqjtrpk] { font-size: 13px; }
.project-module-badges .project-status[b-080mqjtrpk] { padding: 3px 11px; }
.project-board-link[b-080mqjtrpk] { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; color: var(--project-blue); font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.project-board-link:hover[b-080mqjtrpk] { text-decoration: underline; }
.project-board-link .project-icon[b-080mqjtrpk] { width: 18px; height: 18px; }
.project-module .btn[b-080mqjtrpk] { min-height: 46px; padding: 10px 16px; font-size: 14px; gap: 8px; }
.project-module .btn .project-icon[b-080mqjtrpk] { width: 18px; height: 18px; }
.project-module[b-080mqjtrpk]  form { margin-top: 16px; }
.project-member[b-080mqjtrpk] { display: flex; align-items: center; gap: 20px; padding: 24px 0 34px; border-bottom: 1px solid var(--project-line); }
.project-member-avatar[b-080mqjtrpk] { display: grid; place-items: center; flex-shrink: 0; width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #e5e3ff, #d6d7ff); color: #3930cf; font-size: 21px; font-weight: 650; }
.project-member-identity[b-080mqjtrpk] { display: grid; gap: 4px; min-width: 0; }
.project-member-identity strong[b-080mqjtrpk] { font-size: 17px; line-height: 1.3; overflow-wrap: anywhere; }
.project-member-identity > span[b-080mqjtrpk] { font-size: 14px; color: var(--project-muted); overflow-wrap: anywhere; }
.project-member-presence[b-080mqjtrpk] { display: inline-flex; align-items: center; gap: 8px; }
.project-member-presence .project-status-dot[b-080mqjtrpk] { background: #33d680; box-shadow: 0 0 0 3px #d9f7e5; }
.project-member-actions[b-080mqjtrpk] { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.project-member-actions[b-080mqjtrpk]  select { width: auto; min-height: 42px; padding: 9px 32px 9px 14px; font-size: 14px; border-radius: 10px; }
.project-member-actions .btn[b-080mqjtrpk] { min-height: 42px; padding: 10px 14px; border-radius: 10px; gap: 8px; font-size: 14px; white-space: nowrap; }
.project-member-actions .project-icon[b-080mqjtrpk] { width: 18px; height: 18px; }
.project-add-member[b-080mqjtrpk] { padding-top: 24px; }
.project-add-member h3[b-080mqjtrpk] { display: flex; align-items: center; gap: 16px; margin: 0 0 20px; font-size: 21px; font-weight: 700; }
.project-add-member h3 .project-icon[b-080mqjtrpk] { width: 26px; height: 26px; color: #252784; }
.project-add-member label[b-080mqjtrpk] { color: #53638e; font-size: 16px; font-weight: 500; margin-bottom: 12px; }
.project-add-member > label[b-080mqjtrpk] { margin-top: 16px; }
.project-search-field[b-080mqjtrpk] { display: flex; align-items: center; flex: 1; min-width: 0; position: relative; }
.project-search-field > .project-icon[b-080mqjtrpk] { position: absolute; left: 16px; color: #7a89af; pointer-events: none; }
.project-search-field .form-control[b-080mqjtrpk] { width: 100%; padding-left: 48px; }
.project-detail-page[b-080mqjtrpk]  .validation-message { margin-top: 6px; font-size: 13px; color: #df1334; }

@container (max-width: 1250px) {
    .project-section-body[b-080mqjtrpk] { padding: 24px 20px; }
    .project-member[b-080mqjtrpk] { gap: 12px; flex-wrap: wrap; }
    .project-member-actions[b-080mqjtrpk] { gap: 8px; flex-wrap: wrap; }
    .project-module-row[b-080mqjtrpk] { flex-wrap: wrap; }
    .project-module-row > .btn[b-080mqjtrpk] { margin-left: auto; }
    .project-detail-page .project-form-row[b-080mqjtrpk] { gap: 12px; }
    .project-detail-page .btn[b-080mqjtrpk] { padding-inline: 14px; }
}

@container (max-width: 1050px) {
    .project-detail-grid[b-080mqjtrpk] { grid-template-columns: minmax(0, 1fr); }
    .project-detail-panel[b-080mqjtrpk] { min-height: 300px; }
}

@container (max-width: 600px) {
    .project-detail-heading[b-080mqjtrpk] { gap: 14px; flex-wrap: wrap; }
    .project-detail-heading h1[b-080mqjtrpk] { font-size: 30px; }
    .project-heading-icon[b-080mqjtrpk] { width: 48px; height: 48px; }
    .project-summary[b-080mqjtrpk] { padding: 24px 20px; gap: 16px; align-items: flex-start; }
    .project-summary-icon[b-080mqjtrpk] { width: 52px; height: 52px; border-radius: 14px; }
    .project-summary-icon .project-icon[b-080mqjtrpk] { width: 28px; height: 28px; }
    .project-summary-content[b-080mqjtrpk] { padding-left: 0; border-left: 0; }
    .project-summary-meta[b-080mqjtrpk] { gap: 12px; }
    .project-meta-item[b-080mqjtrpk] { padding-left: 0; border-left: 0; }
    .project-summary .btn[b-080mqjtrpk] { min-width: 0; }
    .project-section-heading[b-080mqjtrpk] { padding: 16px 20px; }
    .project-section-heading h2[b-080mqjtrpk] { font-size: 21px; gap: 14px; }
    .project-member-actions[b-080mqjtrpk] { width: 100%; margin: 4px 0 0; }
    .project-module-row[b-080mqjtrpk] { gap: 12px; }
    .project-board-link[b-080mqjtrpk] { margin-left: 0; }
    .project-module-badges[b-080mqjtrpk] { gap: 6px; }
    .project-detail-page .project-form-row[b-080mqjtrpk] { flex-wrap: wrap; }
    .project-detail-page .project-form-row[b-080mqjtrpk]  .form-control { flex-basis: 100%; }
    .project-search-field[b-080mqjtrpk] { flex-basis: 100%; }
}

@media (max-width: 600px) {
    .projects-page:not(.project-detail-page) .project-panel[b-080mqjtrpk] { padding: 16px; }
    .projects-heading h1[b-080mqjtrpk] { font-size: 22px; }
    .projects-page:not(.project-detail-page) .project-form-row[b-080mqjtrpk] { flex-wrap: wrap; }
    .projects-page:not(.project-detail-page) .project-form-row[b-080mqjtrpk]  .form-control { flex-basis: 100%; }
    .project-detail-page[b-080mqjtrpk]::before { inset-inline: -12px; }
}