/* Taxi Smarts – keeps theme and wp-admin styles from leaking into the app screens. */
.tsb-app.tsb-app {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	line-height: normal;
	text-align: left;
}
/* Phone screens (customer and driver app). */
.tsb-app.tsb-app.is-phone {
	max-width: 390px !important;
	margin: 0 auto 24px !important;
	overflow: hidden;
	border-radius: 28px;
	box-shadow: 0 12px 40px rgba(17, 20, 24, 0.18);
	background: #E4E7EB;
}
.tsb-app.tsb-app.is-phone > .tsb-stage {
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0;
}
/* Full-width screens (admin panel). */
.tsb-app.tsb-app.is-full {
	max-width: none !important;
	margin: 0 !important;
}
/* Reset theme rules on HTML elements only; inline styles from the screen then apply.
   SVG is left alone so its drawing attributes keep working. */
.tsb-app.tsb-app :where(div, span, p, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, a, button, input, select, option, optgroup, textarea, label, fieldset, legend, img, strong, em, small, b, i, br, section, header, footer, nav, main, aside, article, form, table, thead, tbody, tr, th, td) {
	all: revert;
}
.tsb-app.tsb-app :where(input, button, select, textarea) {
	box-shadow: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
}
.tsb-app.tsb-app a { color: #111418; }
.tsb-app.tsb-app a:hover { color: #3A3F47; }
.tsb-app.tsb-app input::placeholder,
.tsb-app.tsb-app textarea::placeholder { color: #6B7079; opacity: 1; }
.tsb-app.tsb-app :where(button, a, input, select, textarea):focus-visible {
	outline: 3px solid #1A73E8;
	outline-offset: 2px;
}
.tsb-app noscript p {
	padding: 24px;
	font-family: sans-serif;
}
.tsb-missing {
	padding: 16px;
	border: 1px dashed #B42318;
	border-radius: 8px;
	color: #B42318;
}

/* The admin panel page inside wp-admin uses the full width under the WordPress toolbar. */
body.tsb-panel #wpcontent { padding-left: 0; }
body.tsb-panel #wpbody-content { padding-bottom: 0; }
body.tsb-panel #wpfooter, body.tsb-panel .notice, body.tsb-panel .update-nag { display: none; }
body.tsb-panel .tsb-panel-wrap { margin: 0; }
