/*
File: /main.css
@license
Copyright © 2018-2025 Double P Software, Piotr Pytlik, ppytlik+myfarm@gmail.com. All rights reserved.
Last Updated: 2025-10-23 10:03:40 AM
Last Xformed: 2025-10-24 3:24:57 PM
*/
body {
	margin: 0;
	/* This is a font-stack that tries to use the system-default sans-serifs first */
	font-family: Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	-webkit-font-smoothing: antialiased;
	/* line-height: 1.5; */
	min-height: 100vh;
	/* Media Query - fluid design: pp-app (make sure it matches config.media.XXX) */
	--media-hamburger: 480px;
	--media-wide: 800px;
	/* FireFox doesn't like for vars to be defined inside of :host, respects them in * or body though */
	--app-toolbar-height: 40px; /* Top bar with Logo & Title */
	--app-sidebar-width: 80px; /* Left sidebar with Home, 80px... */
	--app-drawer-width: 80px;
	--app-drawer-content-padding: 120px 0 0 0;	/* Why is it at 120px from the top ? is drawer positions at -120px ? */
	----app-drawer-content-container: {	/* @apply is not supported, replaced by ::part but app-drawer doesn't use it */
		background-color: transparent;
	}
	----app-drawer-background-color: transparent;
	----app-drawer-text-color: var(--app-light-text-color);
	----app-drawer-selected-color: #78909C;
	--app-component-margin: 0 0 12px 0; /* Around, mostly bottom of each major component to separate it from the one below */
	/* Theme Color Definitions */
	--app-gray-color: #333433;
	--app-primary-color: #ecebeb;
	--app-secondary-color: #444;
	--app-sidebar-back-color: var(--app-gray-color);
	--app-sidebar-selected-color: #01A191;
	--app-sidebar-color: #01A191;
	--app-toast-back-color: var(--app-sidebar-color);
	--app-toast-warn-color: #c80;
	--app-toast-error-color: #c00;
	--app-toast-info-color: #00a;
	--app-toast-color: white;
	--app-toast-padding: 10px;
	--app-dark-text-color: var(--app-secondary-color);
	--app-light-text-color: white;
	----app-section-even-color: var(--app-primary-color);
	----app-section-odd-color: var(--app-primary-color);
	--app-header-background-color: var(--app-primary-color);
	--app-header-text-color: var(--app-dark-text-color);
	--app-header-selected-color: var(--app-secondary-color);
	--app-panel-button-color: #6ACB3A; /* MAP button on My Fields list */
	--app-footer-background-color: var(--app-secondary-color);
	--app-footer-text-color: var(--app-light-text-color);
	/* Action panels... */
	--action-pending-background: #fff;
	--action-completed-background: #eefbe8;
	--action-timing-background: #ceb;
	--action-done-color: #060;
	/* universal selected panel - for now used only in the Scouting App's pp-fields selector */
	--app-panel-selected-hcolor: #f8f8aa;
	--app-panel-selected-color: #ffc;
	/* Action buttons for adding/removing records - recommendation editor dialog, scouting module... */
	--btn-action-stroke: var(--app-header-text-color, #444); /* --app-secondary-color */
	--btn-action-add-background: #bdf;
	--cell-new-background: #cff;
	--cell-add-background: #def;
	--btn-action-sub-background: #fcc;
	--cell-sub-background: #fed;
	--btn-action-undo-background: #bfb;
	--cell-chg-background: #ffe;
	--cell-invalid-background: #fdd;
	--cell-empty-background: #ddd;
}