/* Architecture maintenance extends the existing mist-blue workspace. */
.architecture-version-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:0 0 20px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.architecture-version-bar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.architecture-version-bar b{font-size:13px}.architecture-version-bar span{font-size:12px;color:var(--muted)}.architecture-version-bar .architecture-draft-label{color:var(--ink);background:var(--pale);padding:5px 9px;border-radius:5px}
.architecture-workbench{display:grid;grid-template-columns:minmax(250px,32%) minmax(0,1fr);gap:18px;align-items:start}.architecture-tree{position:sticky;top:16px;max-height:calc(100vh - 50px);overflow:auto}.architecture-tree .panel-heading{padding:18px;flex-wrap:wrap;gap:12px}.architecture-tree h2{font-size:15px}.architecture-tree-list,.architecture-tree ul{list-style:none;padding:0;margin:0}.architecture-tree-list{padding:10px!important}.architecture-tree-list ul{padding-left:16px;margin-left:10px;border-left:1px solid var(--line)}.architecture-tree li{margin:3px 0}.architecture-tree-select{width:100%;padding:11px 12px;text-align:left;display:flex;flex-direction:column;gap:5px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.architecture-tree-select span{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.architecture-tree-select small{font-size:11px;color:var(--muted)}.architecture-tree-select:hover{background:var(--pale)}.architecture-tree-select.selected{background:var(--green);color:var(--white)}.architecture-tree-select.selected small{color:#d8e5f0}.architecture-unassigned{padding:15px 10px;border-top:1px solid var(--line)}.architecture-unassigned h3{font-size:12px;color:var(--muted);padding:0 12px 8px}.architecture-tree>.muted{padding:18px}
.architecture-workbench button.small{background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}.architecture-workbench button.small:hover{background:var(--pale)}
.architecture-detail{padding:24px;min-width:0}.architecture-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.architecture-detail-heading small{font-size:12px;color:var(--muted)}.architecture-detail-heading h2{font-size:20px;line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere}.architecture-detail>p{font-size:13px;line-height:1.9;white-space:pre-line;max-width:70ch;margin:16px 0;color:var(--muted)}.architecture-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.architecture-detail section{margin-top:26px}.architecture-detail h3{font-size:14px;margin:0 0 10px}.architecture-detail .muted{font-size:12px;line-height:1.7}.architecture-duty-list{list-style:none;padding:0;margin:12px 0}.architecture-duty-list li{padding:13px 0;border-top:1px solid var(--line)}.architecture-duty-list li:first-child{border-top:0}.architecture-duty-list .text-btn{display:block;text-align:left;font-size:13px;line-height:1.8;color:var(--ink);white-space:normal}.architecture-duty-list small{display:block;color:var(--muted);line-height:1.7;font-size:11px;margin-top:5px}
.architecture-change-list{list-style:none;margin:0 0 24px;padding:0}.architecture-change-list li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.architecture-change-list span{color:var(--muted)}.architecture-history article{padding:20px 0;border-bottom:1px solid var(--line)}.architecture-history article>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.architecture-history article span{font-size:12px;color:var(--muted)}.architecture-history article .btn{margin:8px 8px 0 0}.architecture-preview-graph{max-height:420px;overflow:auto;margin:20px 0;background:var(--pale)}.architecture-preview-graph svg{display:block;max-width:none}.architecture-history-preview .modal-body>h3{margin:24px 0 12px}.architecture-history-preview details>p{padding:8px 0;font-size:13px}.institution-only small{display:block;font-size:12px;color:var(--muted);line-height:1.7}.institution-only[hidden],.group-only[hidden]{display:none!important}
@media(max-width:1050px){.architecture-workbench{grid-template-columns:minmax(220px,35%) minmax(0,1fr)}.architecture-detail{padding:20px}.architecture-version-bar{align-items:flex-start;flex-direction:column}.architecture-detail-heading h2{font-size:20px}}
@media(max-width:700px){.architecture-workbench{grid-template-columns:minmax(0,1fr)}.architecture-tree{position:static;max-height:320px}.architecture-version-bar{padding:14px}.architecture-version-actions{gap:6px!important}.architecture-detail{padding:18px}.architecture-tree .panel-heading{padding:14px}.architecture-change-list li{flex-direction:column;gap:6px}}

.architecture-duty-list{max-height:480px;overflow:auto;padding-right:8px;scrollbar-gutter:stable}.architecture-detail section>.small{margin-top:8px}

.scope-management-menu{position:relative}.scope-management-menu>summary{list-style:none;cursor:pointer}.scope-management-menu>div{position:absolute;z-index:15;right:0;min-width:220px;max-height:320px;overflow:auto;display:grid;gap:6px;padding:10px;background:var(--white);border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 24px #243d5620}.scope-management-menu>div .btn{justify-content:flex-start;text-align:left;white-space:normal}

/* The relationship graph is the primary architecture work surface. */
.architecture-graph-page{min-width:0}
.architecture-graph-page .architecture-page-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin:0 0 15px}
.architecture-graph-page .architecture-page-heading h1{font-size:26px;margin:0}
.architecture-graph-page .architecture-page-heading p{font-size:12px;line-height:1.7;color:#526d82;margin:0}
.architecture-graph-page .architecture-version-bar{padding:10px 14px;margin-bottom:14px;background:#f3f9fd9e;border:1px solid #ffffffc9;gap:10px}
.architecture-graph-page .architecture-version-bar>div{gap:8px}
.architecture-graph-page .architecture-version-bar span{font-size:11px}
.architecture-graph-page .architecture-version-bar .btn{min-height:32px;padding:6px 10px}
.architecture-mode-switch{display:inline-flex;gap:2px;padding:3px;background:#e4eef5;border-radius:8px}
.architecture-mode-switch .btn{border:0;background:transparent;box-shadow:none;color:#506d84}
.architecture-mode-switch .btn.active{background:#fff;color:#243e56;box-shadow:0 1px 3px #29465f1a}
.architecture-graph-canvas [data-architecture-drag]{cursor:grab;touch-action:none;outline:none}
.architecture-graph-canvas [data-architecture-drag]:focus-visible>rect{fill:#b8d0e066;stroke:#365e80;stroke-width:1}
.architecture-member-dragging{opacity:.45}
.architecture-member-sorting,.architecture-member-sorting [data-architecture-drag]{cursor:grabbing!important;user-select:none}
.architecture-graph-canvas[aria-busy="true"] [data-architecture-drag]{cursor:progress}
.architecture-graph-page .architecture-move-banner{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 15px;margin:0 0 12px;border:1px solid #a7c1d4;border-radius:10px;background:#dae9f3;color:#294b68;font-size:12px;line-height:1.7}
.architecture-graph-page .architecture-move-banner>span,.architecture-graph-page .architecture-move-banner>p{flex:1;min-width:180px}
.architecture-graph-workbench{min-width:0;border:1px solid #ffffff;border-radius:16px;background:#f5faffaa;box-shadow:0 8px 24px #304c6610}
.architecture-graph-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:11px 12px;border-bottom:1px solid #d2e1eb}
.architecture-graph-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 10px;border:1px solid transparent;border-radius:7px;background:#f5faff;color:#36556e;font:inherit;font-size:12px;line-height:1.5;cursor:pointer;white-space:nowrap}
.architecture-graph-button:hover{background:#ddeaf3;border-color:#bfd3e1}
.architecture-graph-button.architecture-graph-primary{background:#24364e;border-color:#24364e;color:#f6fbff}
.architecture-graph-button.architecture-graph-primary:hover{background:#354f6a}
.architecture-graph-button.architecture-graph-text{background:transparent;padding:5px 4px;white-space:normal;text-align:left;justify-content:flex-start}
.architecture-graph-button.architecture-graph-text:hover{color:#193d5d;background:#e6f0f7;border-color:transparent}
.architecture-graph-button.architecture-graph-icon{width:31px;min-width:31px;padding:5px;background:transparent}
.architecture-graph-button.architecture-graph-danger{color:#954938}
.architecture-graph-button.architecture-graph-danger:hover{background:#f4e7e2}
.architecture-graph-search{display:flex;align-items:center;gap:8px;flex:1;min-width:158px;max-width:360px;border:1px solid #cedee9;border-radius:8px;background:#fbfdff;color:#688195;padding:0 10px;min-height:34px}
.architecture-graph-search:focus-within{border-color:#7197b4;box-shadow:0 0 0 2px #94b6ce24}
.architecture-graph-search input{width:100%;min-width:0;font:inherit;font-size:12px;line-height:1.5;color:#29465f;border:0!important;background:transparent!important;padding:7px 0;box-shadow:none!important;outline:0}
.architecture-graph-search input::placeholder{color:#718696}
.architecture-graph-search>svg{flex-shrink:0}
.architecture-graph-tools{display:flex;align-items:center;gap:1px;margin-left:auto}
.architecture-graph-divider{height:17px;border-left:1px solid #c6d9e5;margin:0 6px}
.architecture-graph-zoom{min-width:37px;text-align:center;font-size:10px;color:#577286;font-variant-numeric:tabular-nums}
.architecture-graph-more{position:relative}
.architecture-graph-more>summary,.architecture-graph-help>summary{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 8px;color:#526d82;font-size:11px;line-height:1.5;list-style:none;cursor:pointer;border-radius:7px}
.architecture-graph-more>summary::-webkit-details-marker,.architecture-graph-help>summary::-webkit-details-marker{display:none}
.architecture-graph-more>summary:hover,.architecture-graph-more[open]>summary{background:#e0ecf4;color:#294b66}
.architecture-graph-more>div{position:absolute;z-index:20;right:0;top:calc(100% + 6px);width:188px;padding:6px;display:grid;gap:3px;border:1px solid #bfd3e1;border-radius:9px;background:#f8fcff;box-shadow:0 8px 26px #29476226}
.architecture-graph-more>div>.architecture-graph-button{justify-content:flex-start;width:100%;text-align:left;background:transparent;white-space:normal;font-size:12px}
.architecture-graph-more>div>.architecture-graph-button:hover{background:#e3edf5}
.architecture-graph-search-status{display:flex;align-items:center;flex-wrap:wrap;gap:5px 16px;padding:9px 14px;background:#f8f5e9;border-bottom:1px solid #e0dcc9;color:#6d603e;font-size:11px;line-height:1.7}
.architecture-graph-search-status>span{margin-left:auto;color:#7b735f}
.architecture-graph-frame{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.architecture-graph-frame.architecture-graph-has-selection{grid-template-columns:minmax(0,1fr) 300px}
.architecture-graph-frame.architecture-graph-has-selection.architecture-graph-editing{grid-template-columns:minmax(0,1fr) 380px}
.architecture-graph-delete{color:#6b8191}
.architecture-graph-delete:hover,.architecture-graph-delete:focus-visible{color:#a64e44}
.architecture-graph-delete:hover>rect,.architecture-graph-delete:focus-visible>rect{fill:#f9e7e1;stroke:#bd7466;stroke-width:1}
.architecture-order-up{display:flex;transform:rotate(180deg)}
.architecture-order-left{display:flex;transform:rotate(180deg)}
.architecture-graph-sibling{color:#486a83}
.architecture-graph-sibling:hover>rect,.architecture-graph-sibling:focus-visible>rect{fill:#dceaf3;stroke:#81a5bf;stroke-width:1}
.architecture-graph-sibling[aria-disabled=true]{opacity:.28;pointer-events:none}
.architecture-graph-editor fieldset{border:0;padding:0;margin:0;min-width:0}
.architecture-graph-editor .form-grid{grid-template-columns:minmax(0,1fr);gap:0}
.architecture-graph-editor .field{margin-bottom:14px}
.architecture-graph-editor .field>span{color:#47657d;font-size:12px}
.architecture-graph-editor .field input,.architecture-graph-editor .field select,.architecture-graph-editor .field textarea{background:#fbfdff;color:#29465f;border-color:#b8cddd;max-width:100%;font-size:13px}
.architecture-graph-editor .field textarea{min-height:90px}
.architecture-graph-editor .form-note,.architecture-graph-editor small{font-size:11px;line-height:1.8;color:#587389}
.architecture-graph-editor .pick{background:#fbfdff;border-color:#b8cddd}
.architecture-graph-editor .pick summary,.architecture-graph-editor .pick-list label{color:#365772}
.architecture-graph-editor .reuse-description{margin:16px 0;color:#365772;font-size:12px}
.architecture-graph-editor .reuse-description>summary{cursor:pointer;padding:8px 0;font-weight:600}
.architecture-graph-editor .reuse-workspace{padding-top:12px}
.architecture-graph-editor [data-reuse-sources],.architecture-graph-editor .reuse-discovery-tools{grid-template-columns:minmax(0,1fr)}
.architecture-graph-editor .reuse-source-tabs button,.architecture-graph-editor .reuse-duty-tabs button{padding:8px;font-size:12px}
.architecture-graph-editor .reuse-create-row{flex-wrap:wrap}
.architecture-inline-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;background:#edf5fa;padding:12px 0 0;border-top:1px solid #c6d9e6}
.architecture-inline-footer>span{flex-basis:100%;font-size:11px;color:#587389}
.architecture-inline-footer .btn{font-size:12px}
@media(max-width:1100px){.architecture-graph-frame.architecture-graph-has-selection.architecture-graph-editing{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:760px){.architecture-graph-frame.architecture-graph-has-selection.architecture-graph-editing{grid-template-columns:minmax(0,1fr)}}
.architecture-graph-canvas{height:clamp(380px,calc(100vh - 308px),750px);min-width:0;overflow:auto;overscroll-behavior:contain;cursor:grab;background-color:#e8f1f7;background-image:radial-gradient(#bdcfdd .65px,transparent .65px);background-size:20px 20px;touch-action:pan-x pan-y;scrollbar-gutter:stable}
.architecture-graph-canvas>svg{display:block;max-width:none;max-height:none;flex-shrink:0}
.architecture-graph-canvas.architecture-graph-panning{cursor:grabbing;user-select:none}
.architecture-graph-canvas [data-action]{cursor:pointer;outline:none}
.architecture-graph-card-select:hover>rect,.architecture-graph-card-select:focus-visible>rect{stroke:#486e8b;stroke-width:2}
.architecture-graph-role:hover>rect:first-of-type,.architecture-graph-role:focus-visible>rect:first-of-type{stroke:#486e8b;stroke-width:2}
.architecture-graph-fold:hover>rect,.architecture-graph-fold:focus-visible>rect{fill:#dceaf3;stroke:#81a5bf;stroke-width:1}
.architecture-graph-moving .architecture-graph-card-select:hover>rect{stroke:#2b7791;stroke-width:3;fill:#edf8fb}
.architecture-graph-moving .architecture-graph-role{cursor:not-allowed;opacity:.8}
.architecture-graph-inspector{height:clamp(380px,calc(100vh - 308px),750px);overflow:auto;min-width:0;padding:18px 17px 20px;border-left:1px solid #c6d9e6;background:#f4f9fce6;scrollbar-gutter:stable}
.architecture-graph-inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.architecture-graph-inspector-heading>div{min-width:0}
.architecture-graph-inspector-heading>.architecture-graph-button{margin-top:-5px;margin-right:-7px;flex-shrink:0}
.architecture-graph-kind{display:inline-block;font-size:10px;line-height:1.6;color:#526e85}
.architecture-graph-inspector-heading h2{font-size:18px;line-height:1.55;margin:5px 0 0;color:#29465f;overflow-wrap:anywhere;font-weight:600}
.architecture-graph-type-note{font-size:11px;line-height:1.8;color:#688095;margin:8px 0 12px}
.architecture-graph-parent,.architecture-graph-leaders{display:flex;align-items:baseline;gap:12px;margin:8px 0;font-size:11px;line-height:1.7}
.architecture-graph-parent>span,.architecture-graph-leaders>span{flex-shrink:0;color:#688095;min-width:33px}
.architecture-graph-parent>div,.architecture-graph-leaders>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:1px 4px;min-width:0;color:#36556e}
.architecture-graph-parent .architecture-graph-button,.architecture-graph-leaders .architecture-graph-button{font-size:11px;line-height:1.7;min-height:24px;padding:1px 0;overflow-wrap:anywhere}
.architecture-graph-object-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:12px 0;border-top:1px solid #d3e0e9;border-bottom:1px solid #d3e0e9;margin:14px 0}
.architecture-graph-object-actions>.architecture-graph-more{margin-left:auto}
.architecture-graph-object-actions>.architecture-graph-button.architecture-graph-text{font-size:11px}
.architecture-graph-description{font-size:12px;line-height:1.85;color:#405d74;white-space:pre-line;margin:14px 0;overflow-wrap:anywhere}
.architecture-graph-notes-title{font-size:12px;color:#526d82;font-weight:600;margin:16px 0 0}
.architecture-graph-section{border-top:1px solid #cfdfe9;margin-top:14px;padding-top:3px}
.architecture-graph-section>summary{display:flex;align-items:center;gap:8px;min-height:42px;list-style:none;cursor:pointer;font-size:12px;color:#294b68;font-weight:600}
.architecture-graph-section>summary::-webkit-details-marker{display:none}
.architecture-graph-section>summary>b{font-weight:400;font-size:11px;color:#6a8397;margin-left:auto;font-variant-numeric:tabular-nums}
.architecture-graph-section>summary>svg{color:#6a8397;transition:transform .15s}
.architecture-graph-section[open]>summary>svg{transform:rotate(180deg)}
.architecture-graph-muted{font-size:11px;color:#6a8092;line-height:1.8;margin:6px 0 12px}
.architecture-graph-duties{list-style:none;margin:0;padding:0}
.architecture-graph-duties>li{padding:8px 0;border-bottom:1px solid #dfe8ef}
.architecture-graph-duties>li:last-child{border:0}
.architecture-graph-duties .architecture-graph-button{font-size:12px;line-height:1.8;padding:0;min-height:0;overflow-wrap:anywhere;display:block;color:#365772}
.architecture-graph-duties small{display:block;font-size:10px;line-height:1.8;color:#688095;margin-top:5px;overflow-wrap:anywhere}
.architecture-graph-fulfillments{list-style:none;margin:0;padding:0}
.architecture-graph-fulfillments>li{padding:10px 0;border-bottom:1px solid #d7e3ec}
.architecture-graph-fulfillments b{display:flex;align-items:baseline;gap:8px;color:#365772;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.architecture-graph-fulfillments b>span{margin-left:auto;color:#637d91;font-size:10px;font-weight:400;flex-shrink:0}
.architecture-graph-fulfillments p,.architecture-graph-fulfillments small{font-size:11px;line-height:1.8;color:#637d91;margin:5px 0 0;overflow-wrap:anywhere}
.architecture-graph-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;min-height:42px;padding:6px 14px;border-top:1px solid #cfdee9;color:#607a8f;font-size:10px;line-height:1.7}
.architecture-graph-canvas-hint{margin-left:auto}
.architecture-graph-help{position:relative}
.architecture-graph-help>summary{font-size:10px;min-height:24px;padding:2px 4px}
.architecture-graph-help>dl{position:absolute;z-index:12;bottom:calc(100% + 12px);left:0;width:300px;max-width:calc(100vw - 110px);display:grid;gap:11px;padding:16px;border:1px solid #bfd3e1;border-radius:10px;background:#f8fcff;box-shadow:0 5px 20px #29476220;margin:0}
.architecture-graph-help dt{font-size:12px;color:#36556e;font-weight:600}
.architecture-graph-help dd{font-size:11px;line-height:1.8;margin:2px 0 0;color:#637d91}
.architecture-graph-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100%;padding:28px;color:#67859c;text-align:center}
.architecture-graph-empty>svg{margin:0 0 15px}
.architecture-graph-empty h2{color:#36556e;font-size:18px;font-weight:500;margin:0 0 10px}
.architecture-graph-empty p{max-width:34ch;font-size:12px;line-height:1.9;color:#637d91;margin:0}
.architecture-add-dialog .architecture-add-options{display:grid;gap:9px}
.architecture-add-dialog .architecture-add-options button{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:3px 14px;width:100%;text-align:left;padding:15px 16px;border:1px solid #c8dce9;border-radius:10px;background:#f9fcff;color:#365772;font:inherit;cursor:pointer}
.architecture-add-dialog .architecture-add-options button:hover{background:#e4eff7;border-color:#8fafc7}
.architecture-add-dialog .architecture-add-options button>span{grid-column:1;min-width:0;font-size:12px;line-height:1.8;color:#637d91}.architecture-add-dialog .architecture-add-options button>b{grid-column:1}.architecture-add-dialog .architecture-add-options button>svg{grid-column:2;grid-row:1/3}
.architecture-add-dialog .architecture-add-options b,.architecture-add-dialog .architecture-add-options strong{display:block;font-size:14px;font-weight:600;line-height:1.6}
.architecture-add-dialog .architecture-add-options small{display:block;font-size:12px;color:#637d91;line-height:1.8;margin-top:3px}
@media(max-width:1100px){.architecture-graph-page .architecture-version-bar{flex-direction:row;align-items:center}.architecture-graph-page .architecture-version-bar>div:first-child>span:not(.architecture-draft-label){display:none}.architecture-graph-frame.architecture-graph-has-selection{grid-template-columns:minmax(0,1fr) 270px}.architecture-graph-inspector{padding:16px 14px}.architecture-graph-toolbar{gap:7px}.architecture-graph-search{max-width:none}.architecture-graph-tools{margin-left:0}}
@media(max-width:760px){.architecture-graph-frame.architecture-graph-has-selection{grid-template-columns:minmax(0,1fr)}.architecture-graph-inspector{height:auto;max-height:530px;border-left:0;border-top:1px solid #c6d9e6}.architecture-graph-canvas{height:clamp(350px,55vh,560px)}.architecture-graph-page .architecture-version-bar{flex-wrap:wrap}.architecture-graph-page .architecture-page-heading{gap:5px;margin-bottom:12px}.architecture-graph-page .architecture-page-heading p{width:100%;font-size:11px}.architecture-graph-tools{margin-left:auto}.architecture-graph-search{flex-basis:160px}.architecture-graph-canvas-hint{display:none}.architecture-graph-help>dl{left:auto;right:-8px}.architecture-graph-toolbar .architecture-graph-button{min-height:36px}.architecture-graph-more>summary{min-height:36px}}
@media(max-width:480px){.architecture-graph-workbench{border-radius:11px}.architecture-graph-page .architecture-page-heading h1{font-size:24px}.architecture-graph-page .architecture-version-bar{padding:9px 10px;gap:6px}.architecture-graph-page .architecture-version-bar>div{gap:5px}.architecture-graph-page .architecture-version-bar b{font-size:11px}.architecture-graph-page .architecture-version-actions .btn{font-size:10px;min-height:30px;padding:5px 7px}.architecture-graph-toolbar{padding:8px;gap:7px}.architecture-graph-toolbar>.architecture-graph-primary{font-size:11px;padding:6px 8px}.architecture-graph-search{flex-basis:110px;min-width:105px;min-height:36px}.architecture-graph-search input{font-size:11px}.architecture-graph-tools{justify-content:space-between;width:100%;gap:1px;margin-left:0}.architecture-graph-tools .architecture-graph-button{font-size:11px;padding:5px}.architecture-graph-divider{margin:0 3px}.architecture-graph-zoom{min-width:31px}.architecture-graph-canvas{height:390px}.architecture-graph-footer{padding:7px 10px;gap:3px 8px;font-size:9px}.architecture-graph-footer>span:first-child{flex:1}.architecture-graph-help>summary{font-size:9px}.architecture-graph-fold-menu>div{left:0;right:auto}.architecture-graph-search-status{padding:7px 10px;font-size:10px}.architecture-graph-search-status>span{margin-left:0}.architecture-graph-page .architecture-move-banner{padding:10px;font-size:11px}.architecture-add-dialog .architecture-add-options button{padding:13px 12px}}
@media(prefers-reduced-motion:reduce){.architecture-graph-section>summary>svg{transition:none}}

/* The same in-window full-screen workspace used by the flow editor. */
body.architecture-expanded{overflow:hidden}
.architecture-graph-page.is-expanded{position:fixed;inset:10px;z-index:40;display:flex;flex-direction:column;min-height:0;padding:12px;background:#eaf3f9;border:1px solid #fff;border-radius:16px;box-shadow:0 16px 50px #20395430}
.architecture-graph-page.is-expanded .architecture-page-heading{display:none}
.architecture-graph-page.is-expanded .architecture-version-bar{flex-shrink:0;margin-bottom:10px}
.architecture-graph-page.is-expanded .architecture-graph-workbench{display:flex;flex-direction:column;flex:1;min-height:0}
.architecture-graph-page.is-expanded .architecture-graph-toolbar,.architecture-graph-page.is-expanded .architecture-graph-footer,.architecture-graph-page.is-expanded .architecture-graph-search-status{flex-shrink:0}
.architecture-graph-page.is-expanded .architecture-graph-frame{flex:1;min-height:0}
.architecture-graph-page.is-expanded .architecture-graph-canvas,.architecture-graph-page.is-expanded .architecture-graph-inspector{height:100%;min-height:0;max-height:none}
@media(max-width:760px){.architecture-graph-page.is-expanded{inset:4px;padding:7px}.architecture-graph-page.is-expanded .architecture-version-bar{padding:7px}.architecture-graph-page.is-expanded .architecture-graph-has-selection{grid-template-rows:minmax(0,1fr)}.architecture-graph-page.is-expanded .architecture-graph-has-selection>.architecture-graph-canvas{display:none}.architecture-graph-page.is-expanded .architecture-version-bar>div:first-child>span{display:none}}

.architecture-group-conversion{padding:12px;margin-bottom:14px;border-left:3px solid #bc945d;background:#f6f1e7;color:#66513b;font-size:12px;line-height:1.7}
.architecture-group-conversion[hidden]{display:none}
.architecture-group-conversion p{margin:6px 0}
.architecture-group-conversion ul{padding-left:18px;max-height:180px;overflow:auto}
.architecture-group-conversion small{display:block;margin-top:8px}
.architecture-group-conversion .checkbox-line{margin-top:9px;align-items:flex-start}

.architecture-conversion-blockers{color:#9b4e3d;margin:8px 0}
.role-position-editor{margin:14px 0;padding:14px;border:1px solid #c6dcd6;border-radius:8px;background:#f0f7f4}
.role-position-editor [hidden]{display:none!important}
.role-position-editor .form-note{margin:10px 0 0;font-size:12px;line-height:1.7}
.role-position-details{padding:12px 0;border-top:1px solid #d7e4ec}
.role-position-details h3{margin:0 0 8px;font-size:13px;color:#345c57}
.role-position-details button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:10px;margin:6px 0;border:1px solid #c6dcd6;border-radius:6px;background:#f0f7f4;text-align:left;color:#294e49;cursor:pointer}
.role-position-details small{font-size:11px;color:#607c76}
.architecture-position-link{cursor:pointer}
.architecture-position-link:hover rect,.architecture-position-link:focus-visible rect{fill:#cce4dc}

/* One scroll area per section; navigation and saving stay within reach. */
.architecture-graph-inspector.architecture-graph-editor{display:flex;flex-direction:column;overflow:hidden}
.architecture-graph-editor .architecture-graph-inspector-heading{flex-shrink:0;padding-bottom:14px}
#architecture-inline-host,#architecture-inline-form,#architecture-inline-form>fieldset,.architecture-form-sections{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.architecture-form-tabs{display:flex;flex-shrink:0;gap:2px;border-bottom:1px solid #c6d9e6;margin-bottom:0}
.architecture-form-tabs button{flex:1;min-width:0;padding:12px 2px 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:#698092;font-size:12px;white-space:nowrap;cursor:pointer}
.architecture-form-tabs button[aria-selected=true]{color:#244b6b;border-bottom-color:#365d7b;font-weight:600}
.architecture-form-tabs button:hover{background:#e6eff5;color:#244b6b}
.architecture-form-tabs button:focus-visible{outline:2px solid #4e7695;outline-offset:-3px;border-radius:4px}
.architecture-form-tabs button:disabled{cursor:wait;opacity:.6}
.architecture-form-sections [hidden]{display:none!important}
.architecture-form-panels{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px 4px 18px 0}
.architecture-form-panel{min-width:0}
.architecture-form-panel .architecture-graph-object-actions{margin:0 0 18px;padding:0 0 14px;border-top:0}
.architecture-form-panel>[data-architecture-extra="people"] .architecture-graph-section{margin-top:0;border-top:0}
.architecture-graph-editor .form-error:not(:empty){flex-shrink:0;max-height:100px;overflow:auto;margin-top:10px}
.architecture-modal-form .modal-body{display:flex;flex-direction:column;overflow:hidden;padding-top:0;padding-bottom:0}
.architecture-modal-form .architecture-form-panels{padding-top:22px;padding-bottom:24px}
@media(max-width:760px){.architecture-graph-inspector.architecture-graph-editor{height:530px;max-height:min(600px,80vh)}}

.architecture-duty-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;margin:4px 0 20px;border:1px solid #bfd2df;border-radius:10px;background:#edf5fa}
.architecture-duty-summary>div{display:flex;flex-direction:column;gap:4px}.architecture-duty-summary b{font-size:23px;color:#29465f;font-variant-numeric:tabular-nums}
.architecture-duty-summary span,.architecture-duty-summary p{font-size:12px;color:#526d82;line-height:1.7}
.architecture-duty-summary p{grid-column:1/-1;margin:0;padding-top:9px;border-top:1px solid #ccdde8}

@media(max-width:760px){
 .architecture-graph-page.is-expanded:has(.architecture-graph-has-selection.architecture-graph-editing) .architecture-graph-toolbar,
 .architecture-graph-page.is-expanded:has(.architecture-graph-has-selection.architecture-graph-editing) .architecture-graph-search-status{display:none}
}