/* DHWLABS R149: only branding and responsive dialog chrome. No drawing canvas rules. */
.dhw-r149-inline-brand { display:inline-flex !important; align-items:center !important; gap:6px !important; white-space:nowrap !important; }
.dhw-r149-inline-brand > .dhw-r149-inline-logo { display:inline-block !important; width:24px !important; height:24px !important; min-width:24px !important; object-fit:contain !important; background:transparent !important; border:none !important; box-shadow:none !important; padding:0 !important; margin:0 !important; }
.dhw-r149-legacy-logo-only { display:none !important; }
/* The default ML icon comes from MlBaseDialog.vue; it is decoration, not a command. */
.ml-base-dialog-icon-wrapper.dhw-r149-dialog-logo { background:transparent url('/brand/fieldcad-r149-ui-64.png') no-repeat center/contain !important; width:20px !important; height:20px !important; flex:0 0 20px !important; }
.ml-base-dialog-icon-wrapper.dhw-r149-dialog-logo > * { opacity:0 !important; pointer-events:none !important; }
/* Tablet: keep modal within the viewport and usable with finger or stylus. */
@media (min-width:700px) and (pointer:coarse) {
 .ml-base-dialog-container { max-width:calc(100vw - 32px) !important; max-height:calc(100dvh - 32px) !important; }
 .ml-base-dialog-body { overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
 .ml-base-dialog .ml-base-dialog-footer .el-button { min-height:38px !important; }
}
@media (max-width:740px) {
 .dhw-r149-inline-brand > .dhw-r149-inline-logo { width:20px !important; height:20px !important; min-width:20px !important; }
 .ml-base-dialog-container { max-width:calc(100vw - 16px) !important; max-height:calc(100dvh - 16px) !important; }
}