.cardLayoutRoot{display:flex;flex-direction:column;gap:10px;order:0!important;min-width:0}
.cardLayoutParking,.cardLayoutEmpty,.cardDesignedBlock[hidden],.cardDesignedField[hidden],#cardLayoutSettings[hidden]{display:none!important}
.orderForm .cardDesignedBlock{padding:12px 16px;border:1px solid #d9e3de;border-radius:14px;background:linear-gradient(#fff,#f7fbf9);min-width:0}
.cardDesignedBlock h4{margin:0 0 8px;font-size:16px}
.cardDesignedGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.orderForm .cardDesignedField{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;color:#5f737c;font-size:13px}
.cardDesignedField::before{display:none!important}
.cardDesignedField input,.cardDesignedField select,.cardDesignedField textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.cardDesignedField input[type=checkbox]{width:22px;min-height:22px;align-self:flex-start}
.cardFieldWide{grid-column:1/-1}
#fullDescription .chassisGrid{grid-template-columns:minmax(0,1fr);gap:8px}
#orderForm #fullDescription .technicalBlock{gap:8px!important}
#orderForm #fullDescription .orderSection{padding:10px 14px!important;margin:0!important;gap:6px}
#orderForm #fullDescription .sectionTitle{margin:0!important;padding:0!important;align-items:center}
#orderForm #fullDescription .sectionTitle h4{margin:0}
#orderForm #fullDescription label{gap:4px}
#fullDescription .cardDetailRich{min-height:34px!important;height:auto!important;max-height:none!important;padding:5px 8px;font-size:14px;line-height:22px!important;border-radius:6px;background:#fff!important;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
#fullDescription .cardDetailRich.cardDetailFilled{background:#f5f9f7!important;border-color:#e2eae6;cursor:text}
#fullDescription .cardDetailRich p,#fullDescription .cardDetailRich .richParagraph{margin:0!important;line-height:22px!important}
#fullDescription .cardDetailRich.cardDetailEditing{overflow:visible;background:#fff!important;outline:2px solid #18806a;outline-offset:1px}
#orderImportInfo[hidden]{display:none!important}
.cardInlineField [hidden],.cardFieldCaption[hidden]{display:none!important}
.orderForm .cardFieldPreview{display:block;width:100%;min-height:34px;margin:0;padding:5px 8px;border:1px solid #e2eae6!important;border-radius:6px;background:#f5f9f7!important;box-shadow:none!important;box-sizing:border-box;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;font-weight:470;line-height:22px;color:#18231f;cursor:text}
.orderForm .cardFieldPreview.empty{color:#7a878c;font-weight:400;background:#fff!important}
.orderForm .cardFieldPreview:disabled{opacity:1;cursor:default}
.orderForm .cardFieldPreview:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.orderForm .cardInlineField input,.orderForm .cardInlineField select,.orderForm .cardInlineField textarea{min-height:34px;padding:5px 8px;font-size:14px;line-height:22px}
#orderForm .cardInlineField input,#orderForm .cardInlineField select,#orderForm .cardInlineField textarea{background:#fff!important}
#orderForm .cardInlineEditing input,#orderForm .cardInlineEditing select,#orderForm .cardInlineEditing textarea,#orderForm .cardInlineEditing textarea#workName{height:var(--inline-edit-height)!important;min-height:var(--inline-edit-height)!important;max-height:var(--inline-edit-height)!important;overflow:auto;resize:none;background:#fff!important}
.cardLayoutEnabled>header{flex-wrap:wrap;gap:10px}
#cardLayoutSettings{font-size:13px;min-height:36px;padding:8px 12px}
.cardLayoutEditor[open]{display:flex!important;flex-direction:column;position:fixed;inset:0;margin:auto;width:min(1080px,calc(100vw - 24px));height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);padding:0!important;border:0;border-radius:18px;overflow:hidden!important;box-sizing:border-box}
.cardLayoutEditor::backdrop{background:#152b3280}
.cardLayoutEditor>header,.cardLayoutEditor>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:white;flex-shrink:0;border-bottom:1px solid #d7e2df}
.cardLayoutEditor h3{margin:0;font-size:19px}
.cardLayoutEditor>footer{justify-content:flex-end;border-top:1px solid #d7e2df;border-bottom:0;padding-bottom:max(16px,env(safe-area-inset-bottom))}
.cardLayoutEditor,.cardLayoutEditor *{box-sizing:border-box}
.cardEditorBody{overflow:auto;min-height:0;min-width:0;flex:1;padding:20px;background:#f3f8f6}
.cardEditorBlock{border:1px solid #d7e2df;border-radius:12px;padding:14px;margin:14px 0;background:#f8fbfa}
.cardEditorBlockHeader,.cardEditorRow,.cardEditorAdd{display:flex;gap:10px;align-items:center;margin-bottom:12px;min-width:0}
.cardEditorRow{border-top:1px solid #e1e9e6;padding-top:12px}
.cardEditorArrows{display:flex;gap:4px;flex-shrink:0}
.cardEditorArrows button{padding:6px 10px;min-height:36px}
.cardEditorInput{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px;font-size:12px}
.cardLayoutEditor input,.cardLayoutEditor select{max-width:100%;min-width:0;box-sizing:border-box}
.cardEditorRow>select{width:180px}
.cardEditorRow>small{width:100px}
.cardEditorAdd{flex-wrap:wrap;margin-top:12px}.cardEditorAdd input{flex:1;min-width:140px}.cardEditorAdd>select{width:auto;flex:0 1 180px}
.isArchived{border-style:dashed;background:#f2f2f2}.isArchived>.cardEditorInput,.isArchived>.cardEditorBlockHeader .cardEditorInput{opacity:.6}
.cardEditorStatus{color:#b42e3a}
@media(max-width:760px){.cardDesignedGrid{grid-template-columns:1fr}.cardLayoutEditor[open]{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.cardEditorBody{padding:12px}.cardEditorRow,.cardEditorBlockHeader{flex-wrap:wrap}.cardEditorRow>select{width:100%}.cardEditorInput{flex-basis:60%}.cardLayoutEditor>header,.cardLayoutEditor>footer{padding:12px}.cardEditorRow>small{flex:1}}

/* Visual schema editor: preview first, settings only for the selected element. */
.cardLayoutEditor[open]{width:min(900px,calc(100vw - 24px))!important}
.cardEditorBlock{background:#fff;padding:16px;margin:0 0 16px}
.cardEditorBlockHeader,.cardEditorRow{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:start;margin:0;padding:10px 0}
.cardEditorBlockHeader{border-bottom:1px solid #e0e9e5;padding:0 0 12px;margin-bottom:8px;align-items:center}
.cardEditorBlockHeader h4{margin:0;font-size:15px;font-weight:650}
.cardEditorRow{border:0;border-radius:8px}
.cardEditorRow:hover{background:#f7fbf9}
.cardEditorFields{min-height:44px}
.cardEditorPreview{display:grid;gap:5px;min-width:0;color:#637b72;font-size:12px}
.cardEditorSample{padding:10px 12px;border:1px solid #d9e5df;background:#fbfdfc;border-radius:8px;color:#27483d;min-height:40px;overflow-wrap:anywhere}
.cardEditorSample.multiline{min-height:68px;white-space:pre-wrap}
.cardDragHandle{border:0;background:transparent;color:#728a80;padding:4px!important;min-height:32px!important;cursor:grab;font-size:23px;box-shadow:none!important;touch-action:none}
.cardDragHandle:active{cursor:grabbing}
.dropTarget{outline:2px dashed #278f79;outline-offset:-2px;background:#e9f6f0!important}
.cardEditorMenu{min-width:0;font-size:13px}
.cardEditorMenu>summary{cursor:pointer;list-style:none;color:#53786b;padding:7px 9px;border-radius:6px;min-height:32px}
.cardEditorMenu>summary::-webkit-details-marker{display:none}
.cardEditorMenu>summary:hover{background:#eaf5ef;color:#126a53}
.cardEditorMenu[open]{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #cbded5;background:#f4faf7;border-radius:10px}
.cardEditorRow>.cardEditorMenu[open],.cardEditorBlockHeader>.cardEditorMenu[open]{grid-column:2/-1}
.cardEditorMenu .cardEditorInput{min-width:0;flex:auto}
.cardEditorMenu>select,.cardEditorMenu>input{width:100%}
.cardEditorMenu>input[hidden]{display:none!important}
.cardEditorBlockActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #edf2ef}
.cardEditorBlockActions>select{width:180px;min-height:34px;font-size:12px}
.cardEditorBlockActions>.cardEditorMenu[open]{flex:1 1 100%;order:3}
.cardEditorDanger{border:0;background:transparent;color:#a84343;font-size:12px;padding:6px 8px;min-height:32px;box-shadow:none!important}
.cardEditorBlockActions>.cardEditorDanger{margin-left:auto}
#orderDialog[open]>#orderForm{--order-header-inset:20px;padding:0 var(--order-header-inset)!important;container:order-card / inline-size}
#orderForm.cardLayoutEnabled>footer{width:calc(100% + 2 * var(--order-header-inset))!important;max-width:none!important;box-sizing:border-box;margin:auto calc(-1 * var(--order-header-inset)) 0!important;padding:12px var(--order-header-inset) max(12px,env(safe-area-inset-bottom))!important;bottom:0!important;background:#fff!important;box-shadow:none!important;isolation:isolate}
#orderDialog[open]:not(.activityOpen){width:min(740px,calc(100vw - 28px))!important}
#orderForm.cardLayoutEnabled .formGrid,#orderForm.cardLayoutEnabled .clientInfoGrid,#orderForm.cardLayoutEnabled .chassisGrid{grid-template-columns:minmax(0,1fr)!important}
.cardLayoutEditing>.cardEditorBody{overflow:visible;padding:0;background:transparent}
.cardLayoutEditing>header h3{font-size:16px;margin:0}
#cardLayoutRoot.cardLayoutEditing>header{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box;box-shadow:none!important}
#orderForm.cardDesignActive>footer{display:flex!important}
#orderForm.cardDesignActive>footer>*:not(.cardDesignFooterActions){display:none!important}
.cardDesignFooterActions{display:flex;flex:1;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}
.cardDesignFooterActions>.cardEditorStatus{flex:1 1 100%;margin:0;font-size:12px;overflow-wrap:anywhere}
.cardDesignFooterActions>.cardEditorStatus:empty{display:none}
#orderForm.cardDesignActive>footer .cardDesignFooterActions>button{width:auto!important;white-space:normal}
.cardLayoutEditing .cardEditorRow>.cardFieldWide{grid-column:auto}
.cardLayoutEditing .cardEditorBlock{padding:12px;border-color:#b5cfc3}
.cardLayoutEditing .cardEditorMenu input,.cardLayoutEditing .cardEditorMenu select{max-width:100%;box-sizing:border-box}
.cardLayoutEditing .cardEditorRow{min-width:0}
/* Editing adornments do not participate in card layout. */
#cardLayoutSettings.isDesignActive{background:#e7f4ee!important;border-color:#7eb9a4!important;color:#146b55!important}
.cardLayoutEditing .cardDesignedBlock,.cardDesignField{position:relative}
.cardLayoutEditing .cardDesignedBlock{padding-inline:32px;box-shadow:inset 0 0 0 1px #a9cdbd}
.cardLayoutDragging{overflow-anchor:none}
#orderForm .cardDragHandle{position:absolute;left:-24px;top:0;width:16px!important;height:20px!important;min-width:16px!important;min-height:20px!important;padding:2px!important;display:grid;place-items:center;border:0;background:transparent;box-shadow:none!important;color:#6c8d80;z-index:2}
#orderForm .cardDesignedBlock>.cardDragHandle{left:8px;top:11px}
.cardDragDots{display:block;width:7px;height:12px;background:radial-gradient(circle,#6c8d80 1px,transparent 1.4px) 0 0/3.5px 4px}
#orderForm .cardFieldHide{position:absolute;right:-24px;top:0;width:16px;height:18px;min-height:18px;padding:0;font-size:14px;border:0;background:transparent;box-shadow:none;color:#8c9c95;z-index:2}
#orderForm .cardFieldHide:hover{color:#ad3636;background:#fff0f0}
.cardRenameTarget{position:relative;cursor:text;outline-offset:2px}
.cardRenameTarget::after{content:'✎';position:absolute;margin-left:8px;font-size:10px;font-weight:400;color:#7d9a8e}
.cardRenameTarget.isRenaming{color:transparent!important}
.cardRenameTarget.isRenaming::after{display:none}
#orderForm .cardRenameTarget>.cardRenameInput{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;box-sizing:border-box;margin:0!important;padding:0!important;font:inherit!important;line-height:inherit!important;border:1px solid #8fbca9;border-radius:3px;background:#fff!important;color:#18372a!important}
.cardBlockActions{position:absolute;right:8px;top:8px;z-index:4}
.cardBlockActions>summary{padding:2px 5px;min-height:18px;font-size:16px}
.cardBlockActions[open]{width:min(280px,calc(100% - 8px));box-sizing:border-box;box-shadow:0 6px 18px #17382a22}
.cardFieldChoices{position:absolute;right:0;top:0;z-index:3}
.cardFieldChoices>summary{min-height:16px;padding:0 4px;font-size:10px}
.cardFieldChoices[open]{width:min(260px,100%);box-sizing:border-box}
.cardDesignMore{margin-right:auto;position:relative;align-self:center}
.cardDesignMore[open]{position:absolute;left:12px;bottom:12px;width:230px;box-shadow:0 4px 16px #17382a22;z-index:8}
.cardDesignMore[open]>summary{order:1}
.cardDesignFooterActions{position:relative}
.cardDragSource{opacity:.35}
.cardDropPlaceholder{box-sizing:border-box;min-height:30px;border:1px dashed #69aa90;border-radius:8px;background:#e6f3ec99;pointer-events:auto}
.cardLayoutEditing .cardDesignedGrid:empty{min-height:36px}
@media(prefers-reduced-motion:reduce){.cardDropPlaceholder{transition:none}}
#orderForm.cardLayoutEnabled>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center!important;gap:10px!important;position:sticky!important;top:0!important;z-index:6!important;background:#fff!important;margin:0 calc(-1 * var(--order-header-inset)) 2px!important;padding:18px var(--order-header-inset) 12px!important}
#orderForm.cardLayoutEnabled>header>.dialogTitleRow{min-width:0;grid-column:1;grid-row:1}
#orderForm.cardLayoutEnabled>header h3{white-space:normal;overflow-wrap:anywhere}
#orderForm.cardLayoutEnabled>header>.orderHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;grid-column:2;grid-row:1}
#orderForm.cardLayoutEnabled>header .orderHeaderActions>button{margin:0!important;min-height:34px!important;height:34px;padding:0 11px!important;font-size:13px;line-height:1.2;border-radius:8px;white-space:nowrap;box-sizing:border-box;align-items:center;justify-content:center;gap:5px;text-align:center;box-shadow:none}
#orderForm.cardLayoutEnabled>header .orderHeaderActions>button:not(.hidden):not([hidden]){display:inline-flex}
#orderForm.cardLayoutEnabled>header #closeDialog{grid-column:3;grid-row:1;align-self:center;justify-self:end;margin:0!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;border-radius:8px;box-sizing:border-box;box-shadow:none}
@container order-card (max-width:740px){
  #orderForm.cardLayoutEnabled>header{grid-template-columns:minmax(0,1fr) auto}
  #orderForm.cardLayoutEnabled>header #closeDialog{grid-column:2}
  #orderForm.cardLayoutEnabled>header>.orderHeaderActions{grid-column:1/-1;grid-row:2}
}
@container order-card (max-width:420px){
  #orderForm.cardLayoutEnabled>header>.orderHeaderActions{justify-content:flex-start}
  #orderForm.cardLayoutEnabled>header .orderHeaderActions>button{flex:1 1 auto;font-size:12px;padding-inline:10px}
}
@media(max-width:760px){
  .cardEditorBlock{padding:10px}.cardEditorRow,.cardEditorBlockHeader{grid-template-columns:24px minmax(0,1fr) auto;gap:6px}
  #orderDialog[open]>#orderForm{--order-header-inset:14px}
}