M3 Integration fixes

Modules/M3/Resources/public/liberty-theme/css/styles.css

@@ -452,7 +452,7 @@ legend + * {
   font: inherit;
 }
 
-::-webkit-file-upload-button {
+:where(html) ::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button;
 }
@@ -2276,7 +2276,7 @@ div.table-responsive > table > tbody > tr:last-child > td{
 .form-control:hover:not(:disabled):not([readonly])::file-selector-button, .dataTable-input:hover:not(:disabled):not([readonly])::file-selector-button {
   background-color: #dde0e3;
 }
-.form-control::-webkit-file-upload-button, .dataTable-input::-webkit-file-upload-button {
+:where(html) .form-control::-webkit-file-upload-button, .dataTable-input::-webkit-file-upload-button {
   padding: 0.375rem 0.75rem;
   margin: -0.375rem -0.75rem;
   -webkit-margin-end: 0.75rem;
@@ -2298,7 +2298,7 @@ div.table-responsive > table > tbody > tr:last-child > td{
     transition: none;
   }
 }
-.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .dataTable-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+:where(html) .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .dataTable-input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
   background-color: #dde0e3;
 }
 
@@ -2336,7 +2336,7 @@ div.table-responsive > table > tbody > tr:last-child > td{
   -webkit-margin-end: 0.5rem;
           margin-inline-end: 0.5rem;
 }
-.form-control-sm::-webkit-file-upload-button {
+:where(html) .form-control-sm::-webkit-file-upload-button {
   padding: 0.25rem 0.5rem;
   margin: -0.25rem -0.5rem;
   -webkit-margin-end: 0.5rem;
@@ -2361,7 +2361,7 @@ div.table-responsive > table > tbody > tr:last-child > td{
   -webkit-margin-end: 1rem;
           margin-inline-end: 1rem;
 }
-.form-control-lg::-webkit-file-upload-button {
+:where(html) .form-control-lg::-webkit-file-upload-button {
   padding: 0.5rem 1rem;
   margin: -0.5rem -1rem;
   -webkit-margin-end: 1rem;
@@ -3721,7 +3721,7 @@ textarea.form-control-lg {
 .dropend .dropdown-toggle:empty::after {
   margin-left: 0;
 }
-.dropend .dropdown-toggle::after {
+:where(html) .dropend .dropdown-toggle::after {
   vertical-align: 0;
 }
 
@@ -3738,7 +3738,7 @@ textarea.form-control-lg {
   vertical-align: 0.255em;
   content: "";
 }
-.dropstart .dropdown-toggle::after {
+:where(html) .dropstart .dropdown-toggle::after {
   display: none;
 }
 .dropstart .dropdown-toggle::before {
@@ -3753,7 +3753,7 @@ textarea.form-control-lg {
 .dropstart .dropdown-toggle:empty::after {
   margin-left: 0;
 }
-.dropstart .dropdown-toggle::before {
+:where(html) .dropstart .dropdown-toggle::before {
   vertical-align: 0;
 }
 
@@ -3821,7 +3821,7 @@ textarea.form-control-lg {
 }
 .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
   color: #fff;
-  background-color: rgba(255, 255, 255, 0.15);
+  background-color: rgba(255, 255, 255, 0.25);
 }
 .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
   color: #fff;
@@ -4849,7 +4849,7 @@ textarea.form-control-lg {
   border-color: #dee2e6;
 }
 
-.page-link, .dataTable-pagination a {
+:where(html) .page-link, .dataTable-pagination a {
   padding: 0.375rem 0.75rem;
 }
 
@@ -7673,7 +7673,7 @@ textarea.form-control-lg {
 /* rtl:begin:remove */
 .text-break {
   word-wrap: break-word !important;
-  word-break: break-word !important;
+  overflow-wrap: anywhere !important;
 }
 
 /* rtl:end:remove */
@@ -11652,11 +11652,11 @@ body {
   border-color: #dbe3e6
 }
 
-.breadcrumb {
+:where(html) .breadcrumb {
   border: 1px solid #f3f3f3
 }
 
-.breadcrumb {
+:where(body) .breadcrumb {
   display: flex;
   flex-wrap: wrap;
   padding: 0.56rem 1.13rem;
@@ -11717,7 +11717,7 @@ nav {
   margin-left: 20px;
 }
 
-.breadcrumb.breadcrumb-custom .breadcrumb-item:before {
+:where(html) .breadcrumb.breadcrumb-custom .breadcrumb-item:before {
   content: ""
 }
 
@@ -11736,7 +11736,7 @@ a:link {
   text-decoration: none
 }
 
-.breadcrumb-item+.breadcrumb-item::before {
+:where(html) .breadcrumb-item+.breadcrumb-item::before {
   display: inline-block;
   padding-right: 0.5rem;
   color: #6c757d;