/* The assembly is the component-editing workspace. Unit views retain the same model. */
.cc-layout:not(.eng-mode):not(.vp-mode) .layout{grid-template-columns:220px minmax(0,1fr)}
.cc-layout .layout>.right{display:none}
.cc-layout nav#tabs{display:flex;align-items:center;gap:6px;overflow:visible;flex-wrap:wrap;padding:11px 24px}
.cc-layout #tabs>button:not(.cc-primary-tab){display:none}
.cc-layout #tabs>button.cc-primary-tab{margin:0;padding:11px 16px}
#cc-more{width:auto;max-width:240px;margin-left:auto;font-size:12px;font-weight:600;border:1px solid #d7e3df;background:#fff;padding:10px 30px 10px 12px}
#component-context{padding:0;overflow:hidden;margin-top:8px;box-shadow:0 6px 26px #183e3210;border-color:#c7ded3}
.cc-heading{display:flex;align-items:center;gap:15px;padding:22px 24px;background:linear-gradient(110deg,#f4fbf7,#fff);border-bottom:1px solid #e0ece5}
.cc-heading h2{font-size:24px;margin:5px 0 6px;letter-spacing:-.6px}
.cc-heading p{margin:0;line-height:1.6}.cc-heading>.badge{margin-left:auto;white-space:nowrap}
.cc-symbol{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid #c7e2d3;background:#e1f3e8;border-radius:12px;font-size:25px;color:#278269}
#cc-tabs{display:flex;gap:4px;padding:10px 20px;border-bottom:1px solid #dce9e1;background:#fafdfb;overflow:auto}
#cc-tabs button{border:0;border-radius:6px;padding:10px 14px;font-size:12px;white-space:nowrap;background:transparent;font-weight:650}
#cc-tabs button[aria-selected=true]{background:#164c43;color:#fff;box-shadow:0 2px 6px #164c431a}
#component-context [hidden],#component-context .cc-bound-target{display:none!important}
#component-context [data-cc-pane]{padding:20px 24px}
#component-context .panel{margin:0 0 18px;padding:0;border:0;border-radius:0;box-shadow:none}
#component-context .panel>.toolbar{flex-wrap:wrap;gap:12px}
#component-context .panel>h2,#component-context .panel>.toolbar h2{font-size:17px;margin:10px 0}
#component-context .ds-scroll,.plan-scroll{overflow:auto;max-height:420px}
#component-context textarea{width:100%;padding:12px;border:1px solid #cbdcd2;border-radius:6px;font:12px ui-monospace,monospace;color:#21443a}
#component-context .ds-check{display:flex;gap:9px;align-items:center}#component-context .ds-check input{width:auto}
#component-context svg{max-width:100%;height:auto}
#component-context .ds-subpanel{border-top:1px solid #dfebe3;padding:18px 0;margin-top:14px}
#component-context .ds-subpanel h3{margin-top:8px;font-size:12px}
.cc-basic-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px}
#properties>.badge,#properties>h2{display:none}
#properties .row{display:inline-flex;margin-right:8px;margin-top:14px!important}
#properties .row button{font-size:11px;flex:none}
#cc-basics{padding-bottom:16px;border-bottom:1px solid #dce9e1;margin-bottom:18px}
#component-context .cc-fold{border:1px solid #dbe7df;border-radius:8px;margin:14px 0;background:#fcfefd}
#component-context .cc-fold>summary{padding:15px;font-size:12px;font-weight:650;cursor:pointer}
#component-context .cc-fold>.panel,#component-context .cc-fold>.ds-subpanel{margin:0;padding:6px 18px 18px;border:0}
#component-context label{margin-top:12px}
#component-context .cc-findings{border-top:1px solid #dce9e1;background:#f6faf8;padding:15px 24px;font-size:12px}
#component-context .cc-findings summary{cursor:pointer;font-weight:600}
#component-context #cc-empty{padding:28px;color:#5f7e72}
#component-context #cc-acoustic>label{display:flex;align-items:center;gap:8px}
#component-context #cc-acoustic>label input{width:auto}
#component-context #cc-acoustic>h2{font-size:17px;margin-top:8px}
#cc-unit-duty #unit-duty-fields{display:grid;grid-template-columns:1fr 2fr;gap:10px 22px;align-items:center}
#cc-unit-duty h3{grid-column:1/-1;margin-top:0}
#cc-unit-duty label{margin:0}#cc-unit-duty input,#cc-unit-duty select{margin:0}
#cc-unit-duty .row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
#cc-unit-duty .row label{display:block;margin:10px 0 5px}
.cc-unit-shortcut{width:100%;font-size:12px;margin:18px 0}
.cc-return{font-size:12px;margin:18px 0 2px}
#cc-access #service-properties{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;align-items:center}
#cc-access h3,#cc-access p,#cc-access .row{grid-column:1/-1}
#cc-access .row{margin:5px 0}#cc-access label{margin:0}
#component-context [data-cc-pane=engineering] form{margin-bottom:18px}
@media(max-width:1000px){.cc-layout:not(.eng-mode):not(.vp-mode) .layout{grid-template-columns:180px minmax(0,1fr)}.cc-basic-grid{grid-template-columns:1fr 1fr}#component-context [data-cc-pane]{padding:18px}.cc-heading{padding:18px}#cc-more{max-width:200px}.cc-layout #tabs>button.cc-primary-tab{padding:9px 12px}}
@media(max-width:650px){.cc-layout:not(.eng-mode):not(.vp-mode) .layout{display:block}.cc-layout nav#tabs{padding:8px;gap:3px}#cc-more{margin:0;max-width:none;flex:1}.cc-heading h2{font-size:21px}.cc-symbol{display:none}.cc-heading{gap:8px}.cc-heading p{font-size:11px}#component-context [data-cc-pane]{padding:15px}#cc-tabs{padding:8px}#cc-tabs button{padding:9px 11px}.cc-basic-grid{gap:0 10px}#component-context .eng-grid,#cc-access #service-properties{grid-template-columns:1fr}#cc-unit-duty #unit-duty-fields{grid-template-columns:1fr}#cc-unit-duty label{margin-top:10px}#properties .row{display:flex}#properties .row button{flex:1}.cc-layout main{padding:14px}}

.cc-layout.aw-home nav#tabs{display:none}
.cc-layout.cc-assembly main>.toolbar{display:none}
.cc-layout.cc-assembly main{padding-top:14px}
.cc-layout:not(.aw3-focus) .aw3-viewport{height:clamp(260px,36vh,370px)}
.cc-layout .aw3-top{padding:15px 22px 10px}
.cc-layout .aw3-top h3{font-size:18px;margin:5px 0}
.cc-layout .aw3-kicker{display:none}
.cc-layout .aw3-bottom{padding:9px 18px}
.cc-layout .aw3-hud{padding:8px 18px}
.cc-layout #dropzone{margin-top:0}
