/* 海产业务工作区共用紧凑布局；画布、目录和属性分别滚动。 */
.sea-ontology,.sea-model-workspace{border:1px solid #d6e3eb;border-radius:12px;background:#fff;min-width:0;overflow:hidden}
.sea-ontology.is-expanded,.sea-model-workspace.is-expanded{position:fixed;inset:10px;z-index:100;background:#fff;box-shadow:0 0 0 12px #203b4c66;display:flex;flex-direction:column}
.sea-ontology-heading,.sea-model-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #d6e3eb}
.sea-ontology-heading h1,.sea-model-top h1{font-size:20px;line-height:1.45;margin:0 0 4px}.sea-ontology-heading small,.sea-model-top small{color:#647e8c;font-size:12px}
.sea-ontology-toolbar,.sea-model-context{padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #d6e3eb;flex-wrap:wrap}
.sea-ontology .tabs,.sea-model-workspace .tabs{display:flex;gap:4px;flex-wrap:wrap}.sea-ontology .tabs button,.sea-model-workspace .tabs button{padding:8px 11px;border:0;border-radius:6px;background:#f1f6f9;font-size:13px;color:#244858;min-height:36px}
.sea-ontology .tabs button.active,.sea-model-workspace .tabs button.active{background:var(--sea-primary,#0B5C8E);color:white}
.sea-ontology input,.sea-ontology select,.sea-model-workspace input,.sea-model-workspace select,.sea-model-workspace textarea,.sea-configured-grid input,.sea-configured-grid select,.sea-configured-grid textarea{min-width:0;max-width:100%;box-sizing:border-box}
.sea-ontology .inline-actions,.sea-model-workspace .inline-actions{margin:0;gap:6px;flex-wrap:wrap}.sea-ontology .inline-actions button,.sea-model-workspace .inline-actions button{min-height:34px;font-size:12px;padding:7px 10px}
.sea-ontology-grid{display:grid;grid-template-columns:200px minmax(0,1fr) 320px;min-height:620px;height:calc(100dvh - 248px);max-height:980px;min-width:0}
.sea-ontology-grid.tree-hidden{grid-template-columns:minmax(0,1fr) 320px}.sea-ontology-grid.details-hidden{grid-template-columns:200px minmax(0,1fr)}.sea-ontology-grid.tree-hidden.details-hidden{grid-template-columns:minmax(0,1fr)}
.sea-ontology-grid.tree-hidden>.sea-ontology-tree,.sea-ontology-grid.details-hidden>.sea-ontology-details{display:none}
.sea-ontology.is-expanded .sea-ontology-grid{height:auto;min-height:0;max-height:none;flex:1}
.sea-ontology-tree{padding:12px;overflow:auto;min-width:0;border-right:1px solid #d6e3eb;background:#fbfdff}
.sea-ontology-tree>header{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:10px;gap:6px}.sea-ontology-tree>header button{font-size:18px;min-height:30px;padding:2px 8px}
.sea-ontology-tree button{display:flex;align-items:center;gap:8px;text-align:left;white-space:normal;width:100%;background:transparent;border:0;border-radius:5px;padding:9px 8px;color:#244858;line-height:1.5;font-size:13px;min-height:36px}
.sea-ontology-tree button.active{background:#e6f2f9;color:var(--sea-primary,#0B5C8E);font-weight:600}.sea-ontology-tree button i{flex:0 0 16px;color:var(--sea-primary,#0B5C8E)}
.sea-ontology-tree details{margin:5px 0}.sea-ontology-tree summary{font-size:13px;font-weight:600;cursor:pointer;padding:10px 2px;color:#244858}.sea-ontology-tree details>button{margin-left:8px;width:calc(100% - 8px);border-left:1px solid #d6e3eb;border-radius:0}
.sea-ontology-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:10px 12px;gap:8px}.sea-ontology-main>.editable-canvas{flex:1;min-height:260px}
.sea-ontology-context{display:flex;align-items:center;gap:8px;font-size:12px;color:#4c7184;flex-wrap:wrap}.sea-ontology-context>span{flex:1;min-width:180px;line-height:1.6}.sea-ontology-context button{font-size:12px;min-height:30px;padding:5px 8px}
.sea-ontology-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e0e9ef;padding-top:8px;font-size:11px;color:#6a8492;line-height:1.6;flex-wrap:wrap}.sea-ontology-foot small{max-width:75%}
.sea-ontology-details,.sea-model-inspector{border-left:1px solid #d6e3eb;min-width:0;min-height:0;overflow:auto;padding:14px 16px;background:#fff}
.sea-ontology-details>header,.sea-model-inspector>header{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #e1eaf0;margin:0 0 12px;padding:0 0 12px;position:static;min-height:0;height:auto}
.sea-ontology-details>header>i,.sea-model-inspector>header>i{padding:10px;background:#eaf4fa;border-radius:8px;color:var(--sea-primary,#0B5C8E);font-size:22px;flex:0 0 auto}.sea-ontology-details>header>div,.sea-model-inspector>header>div{min-width:0}
.sea-ontology-details h2,.sea-model-inspector h2{font-size:19px;line-height:1.55;margin:0 0 6px;position:static;overflow-wrap:anywhere}.sea-ontology-details h3,.sea-model-inspector h3{font-size:15px;line-height:1.6;margin:14px 0 7px;overflow-wrap:anywhere}
.sea-ontology-details p,.sea-model-inspector p{font-size:13px;line-height:1.75;margin:6px 0;color:#526e7e;overflow-wrap:anywhere}.sea-ontology-details small,.sea-model-inspector small{display:block;color:#6a8492;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.sea-ontology-details>.tabs,.sea-model-inspector>.tabs{display:flex;flex-wrap:wrap;gap:1px;margin:0 -5px 14px;border-bottom:1px solid #d6e3eb}.sea-ontology-details>.tabs button,.sea-model-inspector>.tabs button{flex:1;min-width:54px;background:white;border-radius:0;font-size:12px;padding:9px 4px;border-bottom:2px solid transparent}.sea-ontology-details>.tabs button.active,.sea-model-inspector>.tabs button.active{background:white;color:var(--sea-primary,#0B5C8E);border-bottom-color:var(--sea-primary,#0B5C8E)}
.sea-ontology-details dl,.sea-model-inspector dl,.sea-configured-grid dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;margin:12px 0;font-size:13px;line-height:1.7}.sea-ontology-details dt,.sea-model-inspector dt,.sea-configured-grid dt{color:#6a8492}.sea-ontology-details dd,.sea-model-inspector dd,.sea-configured-grid dd{margin:0;overflow-wrap:anywhere}
.sea-property-group{padding:11px 0;border-bottom:1px solid #e1eaf0;min-width:0}.sea-property-group strong{font-size:14px;line-height:1.6}.sea-detail-link{display:grid;width:100%;gap:4px;text-align:left;white-space:normal;padding:10px;border:1px solid #d6e3eb;border-radius:6px;background:#f7fbfd;margin:6px 0;font-size:13px;line-height:1.65}
.sea-ontology-details>footer,.sea-model-inspector>footer{display:grid;gap:8px;border-top:1px solid #d6e3eb;background:#fff;padding:12px 0 0;margin-top:16px}.sea-break{overflow-wrap:anywhere}
.sea-browse-double{display:grid;grid-template-rows:minmax(0,45fr) minmax(0,55fr);gap:10px;flex:1;min-height:0}.sea-browse-double>*{min-height:0;overflow:hidden;border:1px solid #d6e3eb;border-radius:7px}
.sea-hierarchy-layout{display:grid;grid-template-columns:minmax(120px,1fr) minmax(200px,1.8fr) minmax(120px,1fr);gap:12px;flex:1;min-height:0;overflow:auto;align-items:start;padding:12px 0}
.sea-hierarchy-layout h3{font-size:14px;margin:0 0 14px}.sea-hierarchy-side{padding:12px;background:#f4f9fb;border:1px solid #d6e3eb;border-radius:9px}.sea-hierarchy-side button,.sea-hierarchy-children button{width:100%;display:grid;gap:5px;text-align:left;padding:12px;border:1px solid #d6e3eb;border-radius:7px;white-space:normal;margin-bottom:8px;font-size:13px;line-height:1.6;background:white}
.sea-hierarchy-side small,.sea-hierarchy-children small{font-size:11px;font-weight:400;color:#6a8492;line-height:1.6}.sea-hierarchy-focus{border:2px solid var(--sea-primary,#0B5C8E);border-radius:9px;overflow:hidden;background:#f9fcfe}.sea-hierarchy-focus>header{background:var(--sea-primary,#0B5C8E);color:white;padding:14px}.sea-hierarchy-focus h2{font-size:19px;line-height:1.6;margin:4px 0 0}.sea-hierarchy-focus>p,.sea-hierarchy-focus>small{display:block;font-size:12px;line-height:1.7;padding:0 12px;color:#637e8e}.sea-hierarchy-children{padding:0 10px}
.sea-instance-directory{border-top:1px solid #d6e3eb;padding:10px 0 0;max-height:240px;overflow:auto;min-height:90px}.sea-instance-directory header{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:8px}.sea-instance-directory>button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;white-space:normal;width:100%;background:white;border:0;border-bottom:1px solid #e0e9ef;padding:10px;font-size:12px;line-height:1.6}.sea-instance-directory>button.active{background:#eaf4fa;color:var(--sea-primary,#0B5C8E)}
.sea-paging{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;font-size:12px;color:#6a8492;padding:8px 0}.sea-paging button{min-height:30px;padding:5px 8px;font-size:12px}
.sea-model-context label{display:flex;align-items:center;gap:7px;font-size:12px;max-width:36%;min-width:0}.sea-model-context input{width:230px;min-height:34px;padding:6px 9px}.sea-model-context select{max-width:250px;min-height:34px;padding:6px 9px}.sea-model-context>button{min-height:34px;font-size:12px;padding:6px 9px}
.sea-model-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:calc(100dvh - 235px);min-height:650px;max-height:1050px;min-width:0}.sea-model-grid.inspector-hidden{grid-template-columns:minmax(0,1fr)}.sea-model-grid.inspector-hidden>.sea-model-inspector{display:none}.sea-model-workspace.is-expanded .sea-model-grid{flex:1;min-height:0;max-height:none;height:auto}
.sea-model-canvases{display:grid;grid-template-rows:minmax(0,var(--relation-share,45%)) 10px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}
.sea-model-relation,.sea-model-flow{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.sea-model-relation>header,.sea-model-flow>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;padding:9px 12px;flex:0 0 auto}.sea-model-relation h2,.sea-model-flow h2{font-size:16px;line-height:1.5;margin:0}.sea-model-relation>.editable-canvas,.sea-model-flow>.sea-flow-editor{flex:1;min-height:0}.sea-model-flow select{padding:5px 8px;min-height:32px;font-size:12px;max-width:280px}.sea-model-flow>header>button{padding:6px 8px;min-height:32px;font-size:12px}
.sea-model-relation>.notice,.sea-model-flow>.notice{position:absolute;z-index:11;top:48px;right:12px;width:min(400px,calc(100% - 24px));background:white;box-shadow:0 10px 30px #24485833;padding:16px;border:1px solid #c5d7e2;box-sizing:border-box;max-height:calc(100% - 60px);overflow:auto}
.sea-model-relation>.notice label,.sea-model-flow>.notice label{display:grid;gap:6px;margin:8px 0;font-size:13px}.sea-canvas-separator{position:relative;cursor:row-resize;touch-action:none;display:flex;align-items:center;justify-content:center;background:#edf4f8;border-top:1px solid #d6e3eb;border-bottom:1px solid #d6e3eb;outline-offset:-2px}.sea-canvas-separator>span{width:48px;height:3px;background:#9eb9c9;border-radius:3px}.sea-canvas-separator:focus-visible{outline:2px solid var(--sea-primary,#0B5C8E)}
.sea-model-catalog{padding:14px;background:#f7fbfd;border-bottom:1px solid #d6e3eb}.sea-model-catalog h2{font-size:16px;margin:0 0 10px}.sea-model-catalog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-height:280px;overflow:auto;margin-top:12px}.sea-model-catalog-list button{display:grid;gap:6px;text-align:left;padding:12px;border:1px solid #d6e3eb;border-radius:7px;background:white;white-space:normal}.sea-model-catalog-list small{font-size:12px;color:#6a8492}
.sea-model-form{display:grid;gap:10px;padding:0;border:0}.sea-model-form label,.sea-model-inspector>label{display:grid;gap:5px;font-size:12px;line-height:1.6;margin-bottom:8px}.sea-model-form input,.sea-model-form select,.sea-model-form textarea{width:100%;font-size:13px;padding:8px}.sea-model-form .check{display:flex;align-items:flex-start;gap:6px;font-size:12px;margin:5px 0}.sea-model-form input[type=checkbox]{width:16px;height:16px;min-height:16px;margin-top:3px}.sea-model-inspector details>summary{font-size:13px;line-height:1.7;cursor:pointer;padding:8px 0}.sea-model-mobile-tabs{display:none}
.sea-flow-editor{display:flex;min-width:0;min-height:0;overflow:hidden}.sea-flow-editor>.editable-canvas{flex:1;min-width:0;min-height:0}.sea-flow-toolbox{flex:0 0 114px;border-right:1px solid #d6e3eb;background:#f7fbfd;padding:7px;overflow:auto}.sea-flow-toolbox button{display:flex;align-items:center;gap:6px;width:100%;white-space:normal;font-size:12px;padding:8px 5px;min-height:35px;background:white;border:1px solid #d6e3eb;border-radius:5px;margin-bottom:6px;color:#355b6e}.sea-flow-toolbox i{width:15px;color:var(--sea-primary,#0B5C8E)}.sea-flow-editor>.notice{position:absolute;z-index:12;top:55px;right:12px;background:white;border:1px solid #c5d7e2;box-shadow:0 10px 30px #24485833;padding:16px;max-width:380px}
.sea-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;flex:1;padding:24px;text-align:center;color:#6a8492}.sea-empty>i{font-size:30px;color:var(--sea-primary,#0B5C8E);margin-bottom:12px}.sea-empty h2,.sea-empty h3{font-size:17px;color:#244858}.sea-empty p{font-size:13px;line-height:1.8;max-width:480px}
.sea-configured-grid{display:grid;grid-template-columns:200px minmax(0,1fr) 320px;gap:0;background:white;border:1px solid #d6e3eb;border-radius:10px;overflow:hidden;min-height:650px}.sea-configured-main{padding:16px;min-width:0}.sea-configured-main>.section-actions h2{font-size:20px;line-height:1.5}.sea-configured-main>label{display:grid;gap:6px;margin:10px 0;font-size:13px}.sea-configured-main small{color:#6a8492;font-size:12px;line-height:1.6}.sea-configured-grid .sea-ontology-tree{max-height:calc(100dvh - 190px)}.sea-configured-grid .sea-ontology-tree label{display:grid;gap:6px;font-size:12px;margin-bottom:8px}.sea-configured-grid .sea-ontology-tree form{display:grid;gap:6px;margin:10px 0}.sea-configured-grid .sea-ontology-tree button{display:grid;gap:4px}.sea-configured-grid .sea-ontology-tree small{font-size:11px;color:#6a8492}
.sea-configured-fields{border:1px solid #d6e3eb;border-radius:8px;padding:12px;margin:12px 0;display:grid;gap:12px;min-width:0}.sea-configured-fields legend{font-size:14px;font-weight:600;padding:0 7px;color:#355b6e}.sea-configured-field{display:grid;gap:6px;min-width:0}.sea-configured-field>label{font-size:13px;line-height:1.6}.sea-configured-field output{white-space:pre-wrap;font-size:14px;line-height:1.7;padding:8px;background:#f4f9fc;border-radius:5px;overflow-wrap:anywhere}.sea-configured-field textarea{width:100%;min-height:68px}.sea-configured-field input,.sea-configured-field select{width:100%}.sea-configured-line{padding:12px;background:#f7fbfd;border:1px solid #d6e3eb;border-radius:8px;min-width:0}.sea-configured-line>header{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.sea-configured-line>header>strong{flex:1;font-size:13px}.sea-configured-line>header>button{font-size:11px;min-height:30px;padding:5px 7px}.sea-configured-grid>.sea-ontology-details textarea{width:100%;min-height:90px}
.sea-approval-modal{position:fixed;inset:0;z-index:200;background:#183b4a66;display:grid;place-items:center;padding:20px}.sea-approval-modal>section{background:white;border-radius:12px;padding:22px;max-width:640px;width:100%;max-height:calc(100dvh - 60px);overflow:auto;box-sizing:border-box}.sea-approval-modal h2{font-size:21px;margin:0 0 12px}.sea-approval-modal p{font-size:14px;line-height:1.8}.sea-approval-modal label{display:grid;gap:7px;font-size:13px;margin:12px 0}.sea-approval-modal textarea{width:100%;min-height:90px;box-sizing:border-box}.sea-approval-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.sea-approval-modal dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.7}.sea-approval-modal dd{margin:0;overflow-wrap:anywhere}
@media(max-width:1250px){.sea-ontology-grid{grid-template-columns:180px minmax(0,1fr) 280px}.sea-ontology-grid.tree-hidden{grid-template-columns:minmax(0,1fr) 280px}.sea-ontology-grid.details-hidden{grid-template-columns:180px minmax(0,1fr)}.sea-model-grid{grid-template-columns:minmax(0,1fr) 280px}.sea-configured-grid{grid-template-columns:180px minmax(0,1fr) 280px}.sea-model-context label{max-width:42%}.sea-ontology-details,.sea-model-inspector{padding:12px}.sea-model-top{flex-wrap:wrap}.sea-model-top>.inline-actions{margin-left:auto}.sea-hierarchy-layout{grid-template-columns:minmax(100px,1fr) minmax(190px,1.6fr) minmax(100px,1fr);gap:7px}.sea-model-grid{height:calc(100dvh - 270px)}}
@media(max-width:1000px){.sea-ontology-grid,.sea-ontology-grid.tree-hidden{grid-template-columns:minmax(0,1fr) 260px}.sea-ontology-grid>.sea-ontology-tree{display:none}.sea-ontology-grid.details-hidden,.sea-ontology-grid.tree-hidden.details-hidden{grid-template-columns:minmax(0,1fr)}.sea-ontology-grid:not(.tree-hidden)>.sea-ontology-tree{display:block;position:absolute;z-index:20;top:160px;bottom:0;width:210px;box-shadow:6px 8px 20px #24485822}.sea-ontology{position:relative}.sea-configured-grid{grid-template-columns:180px minmax(0,1fr)}.sea-configured-grid>.sea-ontology-details{grid-column:2;border-top:1px solid #d6e3eb}.sea-configured-grid>.sea-ontology-tree{grid-row:1/span 2}.sea-model-grid{grid-template-columns:minmax(0,1fr) 260px}.sea-model-context label{max-width:100%}.sea-model-context input{width:200px}.sea-model-context{justify-content:flex-start}.sea-model-inspector h2{font-size:17px}.sea-model-top h1{font-size:18px}}
@media(max-width:767px){.sea-ontology-heading,.sea-model-top{padding:12px;align-items:flex-start;flex-wrap:wrap}.sea-ontology-heading h1,.sea-model-top h1{font-size:18px}.sea-ontology-heading>.inline-actions,.sea-model-top>.inline-actions{width:100%;margin-left:0}.sea-ontology-toolbar{padding:8px 10px}.sea-ontology-toolbar form{width:100%}.sea-ontology-toolbar form input{flex:1;width:150px}.sea-ontology-grid,.sea-ontology-grid.tree-hidden,.sea-ontology-grid.details-hidden,.sea-ontology-grid.tree-hidden.details-hidden{display:block;height:auto;min-height:0;max-height:none}.sea-ontology-main{min-height:580px;padding:10px}.sea-ontology-main>.editable-canvas{height:460px;flex:auto}.sea-ontology-details{border-left:0;border-top:1px solid #d6e3eb;max-height:70dvh;overflow:auto}.sea-ontology-grid:not(.tree-hidden)>.sea-ontology-tree{top:150px;width:min(260px,calc(100% - 40px));bottom:0}.sea-ontology-grid.details-hidden>.sea-ontology-details{display:none}.sea-ontology.is-expanded{inset:4px;overflow:auto}.sea-ontology.is-expanded .sea-ontology-grid{overflow:auto;flex:1}.sea-hierarchy-layout{display:flex;flex-direction:column;min-height:0;overflow:visible}.sea-hierarchy-layout>*{width:100%;box-sizing:border-box}.sea-hierarchy-side{display:flex;gap:6px;flex-wrap:wrap}.sea-hierarchy-side h3{width:100%;margin-bottom:2px}.sea-hierarchy-side button{width:auto;flex:1;min-width:125px;margin:0}.sea-hierarchy-children{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sea-hierarchy-children button{padding:10px;font-size:12px}.sea-ontology-foot small{max-width:none}.sea-browse-double{min-height:680px;grid-template-rows:340px 340px;flex:auto}.sea-model-grid{display:block;height:auto;min-height:0;max-height:none}.sea-model-canvases{display:block;min-height:0}.sea-model-relation,.sea-model-flow{height:520px}.sea-model-canvases.relations>.sea-model-flow,.sea-model-canvases.workflow>.sea-model-relation{display:none}.sea-canvas-separator{display:none}.sea-model-mobile-tabs{display:flex;gap:6px;padding:8px 10px;background:#f4f9fc;border-bottom:1px solid #d6e3eb}.sea-model-mobile-tabs button{flex:1;font-size:13px;min-height:40px}.sea-model-inspector{border-left:0;border-top:1px solid #d6e3eb;max-height:70dvh}.sea-model-workspace.is-expanded{inset:4px;overflow:auto}.sea-model-workspace.is-expanded .sea-model-grid{overflow:auto;flex:1}.sea-model-context{padding:8px 10px;gap:8px}.sea-model-context label{width:100%;justify-content:space-between}.sea-model-context input,.sea-model-context select{flex:1;max-width:calc(100% - 70px);width:220px}.sea-model-context>button{flex:1}.sea-model-relation>header,.sea-model-flow>header{padding:8px 10px}.sea-model-relation .tabs button{font-size:11px;padding:7px 8px}.sea-flow-toolbox{flex-basis:88px;padding:5px}.sea-flow-toolbox button{min-height:42px;font-size:11px;gap:4px}.sea-configured-grid{display:block;min-height:0}.sea-configured-grid>.sea-ontology-tree{max-height:280px;border-right:0;border-bottom:1px solid #d6e3eb}.sea-configured-grid>.sea-ontology-details{border-left:0}.sea-configured-main{padding:12px}.sea-configured-fields{padding:10px}.sea-configured-line{padding:8px}.sea-ontology button,.sea-model-workspace button,.sea-configured-grid button,.sea-configured-grid input,.sea-configured-grid select{min-height:40px}.sea-approval-modal{padding:10px}.sea-approval-modal>section{padding:18px}.sea-approval-modal footer{flex-wrap:wrap}.sea-approval-modal footer>button{flex:1;min-height:44px}}

.sea-configured-grid.sea-native-approval-grid{grid-template-columns:minmax(0,1fr) 320px}.sea-native-approval-grid>.sea-ontology-details{grid-column:auto}.sea-approval-steps{list-style:none;padding:0;margin:0}@media(max-width:1000px){.sea-configured-grid.sea-native-approval-grid{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:767px){.sea-configured-grid.sea-native-approval-grid{display:block}.sea-native-approval-grid>.sea-ontology-details{border-left:0}}

/* 双画布将首屏空间留给可读业务内容，工具栏与详情保持各自边界。 */
@media(min-width:768px){
    .sea-model-top,.sea-ontology-heading{padding:10px 14px;gap:8px}
    .sea-model-top h1,.sea-ontology-heading h1{font-size:19px;line-height:1.4;margin-bottom:3px}
    .sea-model-context,.sea-ontology-toolbar{padding:7px 12px;gap:7px 10px}
    .sea-model-context input{width:180px;min-height:32px}
    .sea-model-context label:nth-child(2) input{width:140px}
    .sea-model-context select{max-width:220px;min-height:32px}
    .sea-model-context>button{min-height:32px;padding:5px 8px}
    .sea-model-relation>header,.sea-model-flow>header{padding:7px 10px;gap:6px}
    .sea-model-relation .tabs button{min-height:32px;padding:6px 10px;font-size:12px}
    .sea-ontology-main{padding:8px 10px;gap:7px}
    .sea-ontology-main>.inline-actions{min-height:32px}
    .sea-ontology-details,.sea-model-inspector{padding:12px 14px}
    .sea-browse-double{gap:8px}
}
.sea-model-grid,.sea-ontology-grid{isolation:isolate}
.sea-model-relation>.editable-canvas,.sea-model-flow>.sea-flow-editor{max-height:100%;min-width:0}
.sea-model-inspector>header>div,.sea-ontology-details>header>div{flex:1;min-width:0}
.sea-ontology-tree summary,.sea-model-inspector>h2,.sea-model-inspector>h3{overflow-wrap:anywhere}

/* 平板与手机按需打开目录和详情，不以固定侧栏挤压层级卡片。 */
.sea-ontology-drawer-backdrop,.sea-ontology-drawer-close{display:none}
@media(max-width:1024px){
    .sea-ontology-grid,.sea-ontology-grid.tree-hidden,.sea-ontology-grid.details-hidden,.sea-ontology-grid.tree-hidden.details-hidden{display:block;height:auto;min-height:0;max-height:none}
    .sea-ontology-grid>.sea-ontology-main{width:100%;box-sizing:border-box;min-height:580px}
    .sea-ontology-grid>.sea-ontology-main>.editable-canvas{height:520px;flex:auto}
    .sea-ontology-grid>.sea-ontology-tree,.sea-ontology-grid:not(.tree-hidden)>.sea-ontology-tree,.sea-ontology-grid>.sea-ontology-details{display:none}
    .sea-ontology-grid.directory-drawer-open>.sea-ontology-tree,.sea-ontology-grid.details-drawer-open>.sea-ontology-details{display:block;position:fixed;z-index:31;top:84px;bottom:calc(76px + env(safe-area-inset-bottom,0px));height:auto;max-height:none;width:min(360px,calc(100vw - 32px));box-sizing:border-box;overflow:auto;border:1px solid #c5d7e2;border-radius:10px;background:#fff;box-shadow:0 12px 40px #183b4a44;overscroll-behavior:contain}
    .sea-ontology-grid.directory-drawer-open>.sea-ontology-tree{left:16px;right:auto}
    .sea-ontology-grid.details-drawer-open>.sea-ontology-details{left:auto;right:16px;padding:14px}
    .sea-ontology-drawer-backdrop{display:block;position:fixed;inset:72px 0 calc(64px + env(safe-area-inset-bottom,0px));z-index:30;background:#183b4a4d;border:0;border-radius:0;width:auto;height:auto;padding:0;cursor:pointer}
    .sea-ontology-drawer-close{display:block;margin:0 0 12px auto;min-height:40px;font-size:13px}
    .sea-ontology-grid .sea-hierarchy-layout{display:flex;flex-direction:column;min-height:0;overflow:visible;gap:12px}
    .sea-ontology-grid .sea-hierarchy-layout>*{width:100%;min-width:0;box-sizing:border-box}
    .sea-ontology-grid .sea-hierarchy-side{display:flex;flex-wrap:wrap;gap:8px}
    .sea-ontology-grid .sea-hierarchy-side h3{width:100%;margin-bottom:0}
    .sea-ontology-grid .sea-hierarchy-side button{flex:1 1 180px;width:auto;min-width:0;margin:0}
    .sea-ontology-grid .sea-hierarchy-children{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .sea-ontology-grid .sea-hierarchy-children button{min-width:0;margin:0}
    .sea-ontology.is-expanded .sea-ontology-grid{overflow:auto}
}
@media(max-width:767px){
    .sea-ontology-grid>.sea-ontology-main>.editable-canvas{height:460px}
    .sea-ontology-grid.directory-drawer-open>.sea-ontology-tree,.sea-ontology-grid.details-drawer-open>.sea-ontology-details{top:76px;left:8px;right:8px;width:calc(100vw - 16px);bottom:calc(76px + env(safe-area-inset-bottom,0px))}
    .sea-ontology-grid .sea-hierarchy-side button{flex-basis:140px}
}