input[type=date],
select{
	height:30px;
	padding:0 10px;
	line-height:30px;
}
.orders__filter{
     display: flex;    
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0;
    flex-direction: column;
	background-color: #f8fafb;
    padding: 20px 20px;
    border: 1px solid #dcdcdc;
	flex-direction: row;
    align-items: center;
}
.orders__filter label{
	display: flex;
    align-items: center;
    justify-content: flex-start;
	margin:0 20px 0 0;
	width: 200px;
    justify-content: space-between;
}
.orders__filter label input,
.orders__filter label select{
	margin-left:15px;
	width:130px;
}
.presetBtns,
.orders__filter .controls{
	margin:0 0 10px 0
}
.orders__filter .controls * {
	margin:0 10px;
}
.presetBtns button{
    background-color: #5e5e5e;	
}
.presetBtns button:hover{
	background-color: #3b5369;
}
.orders__filter .group{
	    display: flex;
    flex-direction: row;
    align-items: center;
	margin:10px 0;
}
.orders__filter .btn--ghost{ background:#fff }

.orders--worker{ width:100%; border-collapse:collapse }
.orders--worker th,.orders--worker td{ padding:.4rem .5rem; border-bottom:1px solid #eee; vertical-align:top }
.a-r{text-align:right}
.a-l{text-align:left}

.orders--worker .total td{ background:#f7f9fc; padding-top: 20px;
    padding-bottom: 20px; }
.orders--worker .total.total--month td{background:#eef6ff }

.orders--worker td.zero{    background-color: #f5f5f5;color: #dcdc;}
.orders--worker td.t24{background-color: bisque;}
.orders--worker td.worker{    }

.order__id{font-size:14px;}

@media screen and (max-width:600px)
{
	.orders__filter .group,
	.orders__filter label{		
		width:100%;
	}
	.orders__filter label{
		margin:0;
	}
	.orders__filter .group{
		margin:0 auto 10px;
	}
	button[type=submit]{width:100%;}
	.userColumnR {
		text-align:center;
	}
}


.pwa-install-notice,
.pwa-settings-card {
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	background: #f8fafb;
	padding: 20px;
	margin: 20px 0;
	text-align: left;
}

.pwa-install-notice[hidden],
.pwa-install-notice.is-hidden {
	display: none !important;
}

.pwa-install-notice__title,
.pwa-settings-card__title {
	font-family: "Source Sans Pro", sans-serif, "google";
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #2f4152;
	margin: 0 0 10px;
	text-align: left;
}

.pwa-install-notice__lead,
.pwa-settings-card__lead {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 20px;
}

.pwa-install-notice__steps {
	margin: 12px 0;
	padding-left: 18px;
}

.pwa-install-notice__steps li {
	margin: 7px 0;
	font-size: 14px;
	line-height: 20px;
}

.pwa-install-notice__reason {
	margin: 12px 0 0;
	padding: 8px 10px;
	border-radius: 6px;
	background: #fff6d7;
	color: #6b4a00;
	font-size: 13px;
	line-height: 18px;
}

.pwa-settings-card .pwa-panel__status {
	margin: 12px 0 16px;
	padding: 12px 14px;
	border-radius: 8px;
	background: #eef3f8;
	border: 1px solid #d2dce8;
	color: #2f4152;
	font-size: 14px;
	line-height: 20px;
}

.pwa-settings-card .pwa-panel__status[data-pwa-status="ok"] {
	background: #eaf7ed;
	border-color: #b9dfc4;
	color: #155724;
}

.pwa-settings-card .pwa-panel__status[data-pwa-status="warning"] {
	background: #fff7df;
	border-color: #f0d48a;
	color: #745100;
}

.pwa-settings-card .pwa-panel__status[data-pwa-status="error"] {
	background: #fdecec;
	border-color: #e5b4b4;
	color: #8a1f1f;
}

.pwa-status-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0 18px;
}

.pwa-status-grid > div {
	padding: 10px 12px;
	border: 1px solid #e2e6ea;
	border-radius: 8px;
	background: #fff;
}

.pwa-status-grid span {
	display: block;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #577a9a;
	margin-bottom: 3px;
}

.pwa-status-grid strong {
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #2f4152;
}

.pwa-status-grid strong[data-state="ok"] {
	color: #16833a;
}

.pwa-status-grid strong[data-state="warning"] {
	color: #b46b00;
}

.pwa-status-grid strong[data-state="error"] {
	color: #b00020;
}

.pwa-settings-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 16px 0 8px;
}

.pwa-settings-actions button,
.pwa-settings-actions .button {
	margin: 0;
}

.pwa-settings__hint {
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 19px;
	color: #475569;
}

.is-hidden {
	display: none !important;
}

@media screen and (max-width: 700px) {
	.pwa-install-notice,
	.pwa-settings-card {
		padding: 16px;
	}

	.pwa-status-grid {
		grid-template-columns: 1fr;
	}

	.pwa-settings-actions {
		flex-direction: column;
	}

	.pwa-settings-actions button,
	.pwa-settings-actions .button {
		width: 100%;
	}
}

.pwa-settings-entry {
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	background: #f8fafb;
	padding: 18px 20px;
	margin: 20px 0;
	text-align: left;
}

.pwa-settings-entry__title {
	font-family: "Source Sans Pro", sans-serif, "google";
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #2f4152;
	margin: 0 0 8px;
}

.pwa-settings-entry__summary {
	margin: 0 0 14px;
	padding: 8px 10px;
	border-radius: 6px;
	background: #eef3f8;
	color: #2f4152;
	font-size: 13px;
	line-height: 18px;
}

.pwa-settings-entry__summary[data-state="ok"] {
	background: #eaf7ed;
	color: #155724;
}

.pwa-settings-entry__summary[data-state="warning"] {
	background: #fff6d7;
	color: #6b4a00;
}

.pwa-settings-entry__summary[data-state="error"] {
	background: #fdecec;
	color: #8a1f1f;
}

@media screen and (max-width: 700px) {
	.pwa-settings-entry {
		padding: 16px;
	}

	.pwa-settings-entry .button {
		width: 100%;
	}
}


.worker-order-card{
	background:#fff;
	border:1px solid #dcdcdc;
	border-radius:10px;
	box-shadow:0 4px 18px rgba(25,64,101,.08);
	margin:0 0 20px;
	padding:18px 20px;
}
.worker-order-card__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
	margin:0 0 15px;
}
.worker-order-card__label{
	color:#577a9a;
	font-size:12px;	
	font-weight:bold;
	line-height:16px;
	text-transform:uppercase;
}
.worker-order-card__code{
	color:#194065;
	font-size:24px;
	font-weight:bold;
	line-height:28px;
}
.worker-order-card__grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px 20px;
	margin:0;
}
.worker-order-card__grid div{
	background:#f8fafb;
	border-radius:8px;
	padding:10px 12px;
}
.worker-order-card__grid dt{
	color:#577a9a;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	margin:0 0 4px;
	text-transform:uppercase;
}
.worker-order-card__grid dd{
	color:#102a43;
	font-size:14px;
	line-height:18px;
	margin:0;
}
.worker-order-card__note{
	background:#fff7e6;
	border-radius:8px;
	margin:14px 0 0;
	padding:10px 12px;
}
.worker-order-card__actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:16px 0 0;
}
.worker-order-card__actions button + button{
	margin:0;
}
.worker-order-card__result{
	font-weight:bold;
	margin:12px 0 0;
}
.worker-order-card__result--ok{
	color:#237b2b;
}
.worker-order-card__result--error{
	color:#bf3333;
}
@media screen and (max-width:650px){
	.worker-order-card{
		padding:14px;
	}
	.worker-order-card__head{
		align-items:flex-start;
		flex-direction:column;
	}
	.worker-order-card__grid{
		grid-template-columns:1fr;
	}
	.worker-order-card__actions{
		flex-direction:column;
	}
}

.profileEmailForm{
    background-color: #15171808;
    padding: 0 0 12px;
    border-radius: 10px;
    box-shadow: inset 0 0 16px 1px #5a789a14;
}

.partnerLoginCard{
	max-width: 520px;
	margin: 0 auto 20px;
	padding: 24px;
	text-align: left;
	background-color: #fff;
}
.partnerLoginCard__title{
	margin: 0 0 18px;
	color: #2f4152;
	font-size: 26px;
	line-height: 32px;
	text-align: left;
	text-transform: none;
}
.partnerLoginCard__title::before{
	display: none;
}
.partnerLoginCard__lead{
	margin: 0 0 18px;
	color: #2f4152;
	font-size: 15px;
	line-height: 22px;
}
.partnerLoginCard__hint{
	margin: -8px 0 16px;
	color: #577a9a;
	font-size: 13px;
	line-height: 19px;
}
.partnerLoginCard__status{
	margin: 0 0 16px;
}
.partnerLoginCard__status .msg{
	margin: 0;
}
.partnerLoginCard .partnerAuthForm{
	margin: 0;
}
.partnerLoginCard .partnerAuthForm + .partnerAuthForm{
	margin-top: 12px;
}
.partnerLoginCard .group{
	margin: 0 0 16px;
}
.partnerLoginCard .label{
	display: block;
	margin: 0 0 7px;
	color: #194065;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
}
.partnerLoginCard input[type=email],
.partnerLoginCard input[type=text]{
	width: 100%;
	min-height: 46px;
	padding: 10px 12px;
	background-color: #fff;
	border: 1px solid #d2dce8;
	border-radius: 6px;
	color: #102a43;
	font-size: 16px;
	line-height: 24px;
}
.partnerLoginCard input[type=email]:focus,
.partnerLoginCard input[type=text]:focus,
.partnerAuthTabs__tab:focus{
	outline: 2px solid #2196f3;
	outline-offset: 2px;
}
.partnerLoginCard__submit,
.partnerLoginCard__secondary{
	width: 100%;
	min-height: 46px;
	margin: 0;
}
.partnerAuthTabs{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	margin: 0 0 20px;
	padding: 4px;
	background-color: #f8fafb;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
}
.partnerAuthTabs__tab{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 44px;
	height: auto;
	margin: 0;
	padding: 10px 12px;
	background-color: transparent;
	border: 0;
	border-radius: 6px;
	color: #2f4152;
	font-weight: bold;
	line-height: 1.2;
	text-shadow: none;
}
.partnerAuthTabs__tab:hover,
.partnerAuthTabs__tab:focus{
	background-color: #eef3f8;
	color: #194065;
}
.partnerAuthTabs__tab.is-active,
.partnerAuthTabs__tab[aria-selected="true"]{
	background-color: #577a9a;
	color: #fff;
}
.partnerAuthPanel[hidden]{
	display: none;
}
.partnerTelegramLogin{
	text-align: center;
}
.partnerTelegramLogin .partnerLoginCard__lead{
	text-align: left;
}
.partnerTelegramLogin__widget{
	display: flex;
	justify-content: center;
	min-height: 46px;
}

@media screen and (max-width: 600px){
	.partnerLoginCard{
		padding: 18px 16px;
	}
	.partnerLoginCard__title{
		font-size: 24px;
		line-height: 30px;
	}
	.partnerAuthTabs{
		width: 100%;
	}
	.partnerAuthTabs__tab,
	.partnerLoginCard__submit,
	.partnerLoginCard__secondary{
		width: 100%;
	}
}
