/* ============================================================ no-select.css — stop accidental text selection on the UI. ============================================================ On touch devices a single tap / long-press on ordinary page text (a heading, a price, a service description) was selecting the word and popping up the browser's "copy / dictionary / web search" bar — this app is a web-app-as-app, so that behaviour feels broken, not native. We turn text selection OFF by default for the whole app, then turn it back ON for the places where a user genuinely needs to select or type: inputs, textareas, and anything explicitly marked .sf-selectable. Loaded on all three surfaces (customer, admin, technician) via theme-colors' siblings in each . ============================================================ */ html, body { -webkit-user-select: none; /* Safari / iOS / old Chrome */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* old Edge */ user-select: none; /* Also stop the long-press "callout" (copy/define bubble) on iOS. */ -webkit-touch-callout: none; } /* Anywhere the user must be able to type or select text, allow it again. This covers every form field plus an opt-in class and contenteditable regions. */ input, textarea, select, [contenteditable="true"], .sf-selectable, .sf-selectable * { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; -webkit-touch-callout: default; }