/*
Theme Name: Flatsome
Theme URI: http://flatsome.uxthemes.com/
Author: UX-Themes
Author URI: http://www.uxthemes.com/
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.4.0
Text Domain: flatsome
License: http://themeforest.net/licenses
License URI: http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

h1 {
	display: flex;
	align-items: center;
}

h1 img {
	margin-right: 1em;
}

.plovi-button{
	padding: 0.5em;
	border: 1px solid black;
	margin-bottom: 1em;
	display: inline-block;
	border-radius: 15px;
	text-decoration: none;
	background: lightblue;
	color: black;
	margin-right: 0.5em;
}

td {
	word-wrap: break-word;
    word-break: break-all;
	max-width: 5vw;
}

th {
	max-width: 5vw;
	overflow: hidden;
}

.max_width{
	max-width: 15vw;
}

.middle_width{
	max-width: 7vw;
	text-align: center;
}

.sk-input{
	width: 100%;
}

.product_cards {
	display: flex;
    gap: 10px;
	flex-wrap: wrap;
}

.product_card {
	background: lightblue;
    border-radius: 15px;
    padding: 1em;
	width: 300px;
}

.product_card .name {
	height: 5em;
}

.product_card .prices{
	display: flex;
	align-items: center;
}

.product_card .delivered {
	text-align: right;
    margin-top: 1em;
}

.product_card .delivered button{
	width: 100%;
}

.finished {
	filter: grayscale(100%);
}

.finished {
	filter: grayscale(100%);
}

.finished button {
	pointer-events: none;
}

.finished input {
	pointer-events: none;
}

@media (max-width: 600px) {
	.statut_div{
		width: calc(100% - 30px);
	}
	
	.product_card {
		width: 100%;
	}
	thead {
		display: none;
	}
	
	tr {
		display: flex;
        flex-wrap: wrap;
        border-bottom: 3px solid;
        justify-content: right;
	}
	
	td {
		display: flex;
		flex: 0 0 50%;
        flex-wrap: wrap;
		max-width: none;
	}
	
	.max_width {
		flex: 0 0 100%;
		max-width: none;
	}
	.middle_width {
		flex: 0 0 100%;
		max-width: none;
	}
	
	.btn {
		width: 90%;
        margin-bottom: 1em !important;
	}
	
	.half{
		width: 45% !important;
        margin-left: 10px;
	}
	
	.total_block .btn {
		width: 100%;
        /* margin-bottom: 1em !important; */
	}
	
	.btn-finish{
		
	}

	/* Trade points (settings): отмена flex-разметки таблиц выше — одна строка, видимый thead */
	.sk-tp-table thead {
		display: table-header-group;
	}

	.sk-tp-table tr {
		display: table-row;
		flex-wrap: nowrap;
		border-bottom: 0;
		justify-content: initial;
	}

	.sk-tp-table td,
	.sk-tp-table th {
		display: table-cell;
		flex: initial;
		flex-wrap: nowrap;
		max-width: none;
	}

	.sk-tp-table .btn {
		width: auto;
		margin-bottom: 0 !important;
	}

	/* Products (settings): same table restore */
	.sk-tprod-table thead {
		display: table-header-group;
	}

	.sk-tprod-table tr {
		display: table-row;
		flex-wrap: nowrap;
		border-bottom: 0;
		justify-content: initial;
	}

	.sk-tprod-table td,
	.sk-tprod-table th {
		display: table-cell;
		flex: initial;
		flex-wrap: nowrap;
		max-width: none;
	}

	.sk-tprod-table .btn {
		width: auto;
		margin-bottom: 0 !important;
	}

	/* Admin dashboard — shifts: real table (undo global flex “cards” for tables) */
	.sk-admin-open-shifts-scroll thead {
		display: table-header-group;
	}

	.sk-admin-open-shifts-scroll tr {
		display: table-row;
		flex-wrap: nowrap;
		border-bottom: 0;
		justify-content: initial;
	}

	.sk-admin-open-shifts-scroll td,
	.sk-admin-open-shifts-scroll th {
		display: table-cell;
		flex: initial;
		flex-wrap: nowrap;
		max-width: none;
		word-break: normal;
	}
}

.summary .product_list {
	display: flex;
	width: 300px;
	gap: 5%;
}

.summary .product_list .name {
	flex: 1 1 80%;
    border-bottom: 1px dotted;
    margin-top: 10px;
}

/* .summary .product_list .quantity { */
	/* flex: 1 1 20%; */
/* } */

/* .summary .product_list .price { */
	/* flex: 1 1 20%; */
/* } */

.summary .product_list .fullprice {
	flex: 1 1 15%;
    align-content: end;
	border-bottom: 1px dotted;
}

.order_total{
	position: fixed;
    top: 10px;
    background: yellow;
    padding: 1em;
    border-radius: 15px;
    border: 4px solid;
    right: 10px;
	z-index: 100000;
}

.order_total h2{
	margin:0px;
}

.order_total h3{
	margin:0px;
}

.table{
	display: table;
}

.row{
	max-width:none;
}

body{
	color: black;
}

.popup-background {
	position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.3);
    z-index: 999;
    top: 0px;
    left: 0px;
	backdrop-filter: blur(10px);
	display:none;
}

.popup {
	width: 50%;
    margin: auto;
    margin-top: 5vh!important;
    border: 1px black solid;
    padding: 1em;
    border-radius: 15px;
    background: white;
	
}

@media (max-width: 600px) {
	.popup {
		width: 80vw;
		margin-top: 10vh;
	}
}

.close{
	border: 1px solid black;
    padding: 0.2em;
    border-radius: 50px;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
	cursor: pointer;
}

.popup-content{
	/* margin-top: 2em; */
    /* margin-left: 1em; */
    /* margin-right: 1em; */
}

td div {
	display: flex;
    align-items: center;
	height: 100%
}

td input {
	/* width: 60% !important; */
	/* margin-right: 1em !important; */
	/* margin-bottom: 0px; */
	/* margin-top: 0px; */
}

button{
	margin: 0px;
    height: 1.5em;
    font-size: 12px !important;
}

.delivery_head{
	display: flex;
    gap: 10px;
	margin-bottom: 1em;
    overflow-x: scroll;
}

.delivery_item a{
	color: white;
}

.delivery_item.active {
	font-weight: 900;
}

.total_block{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.block_hidden{
	display: none !important;
}

.statut_div {
	display: inline-block;
	cursor: pointer;
	height: 25px;
}

.statut_input{
	width: 17px;
}

.statut_apply_button{
	cursor: pointer;
	display:none;
	position: fixed;
    left: 5%;
    top: 10px;
    width: 90%;
    height: px;
    background: yellow;
    z-index: 999;
    text-align: center;
    color: black;
    padding: 0.5em;
    border-radius: 5px;
    border: 4px solid black;
}

.product_group_name{
	margin-top: 1em;
	display: inline-block;
}

.product_group{
	float: left;
	margin-right: 10px;
}

.sk_header_nav{
	
}

.sk_header_nav ul{
	display: flex;
    gap: 10px;
}

.nav{
	
}

#menu-waiter_menu{
	display: flex;
    gap: 10px;
    align-items: center;
	margin: 0px;
}


.btn{
	width: 100%;
}

.desk{
    width: 100%;
    flex: 0 0 100%;
    border: 6px solid lightseagreen;
    border-radius: 10px;
    padding: 0px 5px;
	display: flex;
    flex-direction: column;
}

.desk .type_product{
	font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.container-flex{
	display: flex;
	flex-wrap: wrap;
    gap: 10px;
	/* justify-content: space-between; */
	padding-top: 10px;
	padding-bottom: 10px;
}

.desk .date{
	width: 100%;
    text-align: center;
	font-size: 12px;
}

.desk .desc{
	width: 100%;
    text-align: center;
    font-weight: bold;
}

.form_new_product_content{
	overflow-y: scroll;
    max-height: 44vh;
    background: #e9e9e9;
    padding: 0px 8px;
    border-radius: 10px;
    margin-top: 20px;
}

.form_new_product_content .category{
	font-size: 14px;
    line-height: 14px;
    border-bottom: 1px solid;
    padding: 10px 0px;
	font-weight: bold;
	background: #c4c4c4;
}

#form_new_product .order_content{
	font-size: 12px;
	text-align: left;
}

#form_new_product .order_total{
	font-size: 10px;
	fint-weight: bold;
}

.form_new_product_content .child{
	font-size: 18px;
    line-height: 12px;
    border-bottom: 1px solid;
    padding: 10px 0px;
	margin-left: 15px;
}

.product_detail {
    display: flex;
    font-size: 12px;
    gap: 5px;
    border-bottom: 1px dotted;
    align-items: center;
	justify-content: space-around;
}

.product_detail .active{
	background: lightgray;
    width: 2em;
    flex: 0 0 6%;
    text-align: center;
    border-radius: 50px;
    /* border: 1px solid; */
}

.product_detail div{
	margin-bottom: 3px;
	margin-top: 3px;
}

.product_detail .name_product{
	flex: 0 0 46%;
	min-width: 130px;
}

.product_detail .price_product{
	flex: 0 0 20%;
    min-width: 80px;
    text-align: left;
}
.product_detail .plus_product{
	flex: 0 0 6%;
    background: lightgreen;
    text-align: center;
    border-radius: 50px;
    border: 1px solid;
}
.product_detail .minus_product{
	flex: 0 0 6%;
	background: lightblue;
    text-align: center;
    border-radius: 50px;
    border: 1px solid;
}


.delete_product{
    flex: 0 0 30px;
    background: lightcoral;
    text-align: center;
    border-radius: 50px;
    border: 1px solid;
    line-height: 25px;
	height: 30px;
}

.cancel_product{
    width: 20px;
    background: lightcoral;
    text-align: center;
    border-radius: 50px;
    border: 1px solid;
    line-height: 25px;
    height: 20px;
    display: inline-block;
    line-height: 16px;
    font-weight: bold;
    margin: 3px;
	cursor: pointer;
}

#popup_show-add_new_table{
	width: 100%;
}

.finish_table{
	margin-top: auto;
    margin-bottom: 10px;
}

.waiters{
	justify-content: space-between;
    align-items: center;
    border: 1px dotted;
    /* margin: 10px 0px; */
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 10px;
	width: 100%;
}

.centered {
	text-align: center;
	max-width: 200px;
}

.div_max_width {
	max-width: 400px;
	margin: auto;
	justify-content: center;
    text-align: center;
}

.div_max_width_desktop {
	max-width: 800px;
	margin: auto;
	justify-content: center;
    /* text-align: center; */
}

.waiters-parent-head{
	font-size: 1.2em;
    display: flex;
    justify-content: space-between;
	margin-bottom: 5px;
}

.waiters-table-head{
	font-size: 1.2em;
	text-align: left;
	width: 100%;
}

.archive{
	background: repeating-linear-gradient(
		222deg,
		#edeaea,         
		#edeaea 15px,     /* Толщина полоски */
		#fff 15px,     /* Пробел между полосками */
		#fff 30px      /* Полный шаг полоски */
	  );
}

.left-align{
	text-align:left;
}

@media (min-width: 701px) {
	/* .desk { */
		/* flex: 0 0 49%; */
		/* align-self: stretch; */
	/* } */
	
	.waiters .btn {
		width: 100%;
	}
	
	.btn {
		width: 49%;
	}
	
	.form_new_product_content{
		
	}
}

@media (min-width: 1000px) {
	/* .desk { */
		/* flex: 0 0 32%; */
		/* align-self: stretch; */
	/* } */
}

@media (min-width: 1400px) {
	/* .desk { */
		/* flex: 0 0 24%; */
		/* align-self: stretch; */
	/* } */
}

@media (max-width: 701px) {
	.whois{
		font-size: 8px;
	}
	#mobile-menu{
		width: 300px;
        position: absolute;
        z-index: 10;
	}
	#mobile-menu #menu-admin_menu{
		margin: 0px!important;
	}
}
.sk_row{
	display: flex;
	gap: 10px;
	width: 100%;
}

.sk_row .last{
	margin-left: auto;
}

.current_page_item {
	font-weight: bold;
}

#mobile-menu{
	background: white;
    padding: 0px 1em;
    border: 1px solid;
    border-radius: 10px;
}

.collapse_btn {
	display: inline-block;
    width: 70px;
}

.all-items-waiters-parent{
	text-align: left;
}
.all-items-waiters-parent button{
	float: right;
}

.tables_settings_main{
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
	margin-bottom: 2em;
}

.table_settings{
	flex: 0 0 50px;
    background: lightgray;
    height: 50px;
    text-align: center;
	border-radius: 5px;
	
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

.table_settings:hover {
	background: #938f8f;
}

.tables_settings_main .active{
	/* background: #f5b5b5; */
}

.waiter_settings_main{
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
	margin-bottom: 2em;
	flex-direction: column;
}

.waiter_settings{
	width: 300px;
    background: lightgray;
    text-align: center;
	border-radius: 5px;
	padding: 0.5em 1em;
	
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

.waiter_settings_main .active{
	border: 4px dotted;
}

.waiter_set_item{
	display: flex;
	align-items: center;
}

.waiter_set_tables{
	padding: 0px 1em;
}

.tables_settings_apply{
	margin-bottom: 1em;
    width: 100%;
    text-align: center;
}

.tables_settings_apply button{
	width: 300px;
    height: 3em;
}

.tables_settings_main .opened{
	background:#f89aa3;
}

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
}

.loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 0.5s linear infinite;
}

/* Анимация кручения */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.sk_row .p_name{
	text-align: left;
}

.sk_row .p_comment{
	text-align: right;
  color: gray;
  font-style: italic;
  margin-left: auto;
}

.tables_logs{
	
}

.tables_logs .row{
	display: flex;
    flex-wrap: nowrap;
}

.tables_logs .btn{
    max-width: 70px;
    height: 24px;
    line-height: 8px;
}

.cook{
	justify-content: flex-start;
    align-items: flex-start;
    border: 1px dotted;
    /* margin: 10px 0px; */
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 10px;
    width: 24%;
    display: flex;
    flex-direction: column;
}

.cook-parent{
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cook-table-head{
	/* background: #fbf0f0; */
    width: 100%;
    border-bottom: 1px dotted;
}

.chef_ready_btn{
	width: 100%;
    margin-top: auto;
}

.cooked{
	
}

.sk-simple-login-shell {
	min-height: 70vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border-radius: 10px;
	padding: 24px;
}

.sk-simple-login-window {
	width: 100%;
	max-width: 520px;
	background: linear-gradient(180deg, #0f5ea6 0%, #0a3d73 100%);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 12px;
	padding: 28px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
	color: #fff;
}

.sk-simple-login-title {
	font-size: 28px;
	line-height: 1.2;
	font-weight: 600;
	text-align: center;
}

.sk-simple-login-subtitle {
	margin-top: 6px;
	margin-bottom: 18px;
	text-align: center;
	opacity: 0.85;
}

.sk-simple-login-users {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 12px;
}

.sk-simple-login-admin-wrap {
	margin-top: 14px;
	display: flex;
	justify-content: center;
}

.sk-simple-login-admin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 22px;
	border-radius: 10px;
	border: 1px solid rgba(255, 130, 130, 0.85);
	background: linear-gradient(180deg, #cf4a4a 0%, #9f2b2b 100%);
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	transition: transform .15s ease, filter .15s ease;
}

.sk-simple-login-admin:hover {
	transform: translateY(-1px);
	filter: brightness(1.06);
	color: #fff;
}

.sk-simple-login-user {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 42px;
	padding: 6px 14px;
	width: 100%;
	font: inherit;
	text-align: left;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 10px;
	transition: transform .15s ease, background .15s ease;
}

.sk-simple-login-user:hover {
	transform: translateY(-1px);
	background: rgba(255, 255, 255, 0.24);
	color: #fff;
}

.sk-simple-login-avatar {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.35);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	text-transform: uppercase;
}

.sk-simple-login-name {
	font-weight: 600;
	line-height: 1.2;
}

.sk-simple-login-error {
	margin-bottom: 14px;
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(255, 84, 84, 0.2);
	border: 1px solid rgba(255, 120, 120, 0.6);
	color: #fff;
}

.sk-simple-login-popup {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	padding: 18px;
}

.sk-simple-login-popup.is-visible {
	display: flex;
}

.sk-simple-login-popup-inner {
	width: 100%;
	max-width: 360px;
	border-radius: 12px;
	background: #ffffff;
	color: #202020;
	padding: 18px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

.sk-simple-login-popup-title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 5px;
}

.sk-simple-login-popup-user {
	font-weight: 600;
	margin-bottom: 12px;
	color: #3a3a3a;
}

.sk-simple-login-password {
	width: 100%;
	height: 40px;
	margin: 0;
	border: 1px solid #c8c8c8;
	border-radius: 8px;
	padding: 10px 12px;
}

.sk-simple-login-text {
	margin-bottom: 10px;
}

.sk-simple-login-popup-actions {
	margin-top: 12px;
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

.sk-simple-login-cancel,
.sk-simple-login-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	border: none;
	border-radius: 8px;
	padding: 0 14px;
	line-height: 1;
	text-transform: none;
	font-weight: 600;
	cursor: pointer;
}

.sk-simple-login-cancel {
	background: #ebebeb;
	color: #333333;
}

.sk-simple-login-submit {
	background: #0f5ea6;
	color: #ffffff;
}

.or-user-info-card {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	padding: 10px 14px;
	max-height: 90px;
	border-radius: 12px;
	border: 1px solid #dbe4ef;
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(20, 44, 75, 0.08);
	overflow: hidden;
}

.or-user-info-title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	color: #1e2a39;
}

.or-user-info-role {
	font-size: 15px;
	line-height: 1.3;
	color: #2f3f56;
}

.or-user-info-role strong {
	color: #0f5ea6;
	font-weight: 700;
}

.or-user-info-logout {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 5px 12px;
	border-radius: 8px;
	background: #0f5ea6;
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: background 0.2s ease;
}

.or-user-info-logout:hover {
	background: #0a4a85;
	color: #ffffff;
}

@media (max-width: 849px) {
	#masthead .whois {
		display: flex;
		align-items: center;
		height: 70px;
	}

	#masthead .whois .or-user-info-card {
		height: 70px;
		max-height: 70px;
		padding: 6px 10px;
		gap: 2px;
		justify-content: space-between;
		align-items: flex-start;
		border-radius: 10px;
		box-shadow: none;
	}

	#masthead .whois .or-user-info-title {
		display: block;
		font-size: 10px;
		line-height: 1.05;
	}

	#masthead .whois .or-user-info-hello {
		display: none;
	}

	#masthead .whois .or-user-info-role {
		font-size: 12px;
		line-height: 1.1;
	}

	#masthead .whois .or-user-info-logout {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 20px;
		padding: 5px;
		font-size: 11px;
		line-height: 1;
		border-radius: 6px;
		margin-top: auto;
		align-self: center;
	}
}

.sk-settings-page-wrap {
	padding-bottom: 32px;
}

.sk-settings-page-title {
	font-size: 1.75rem;
	font-weight: 700;
	margin: 16px 0 12px;
	color: #1e2a39;
}

.sk-settings-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
	border-bottom: 1px solid #dbe4ef;
	padding-bottom: 8px;
}

.sk-settings-tab {
	border: 1px solid #dbe4ef;
	background: #f5f8fc;
	color: #1e2a39;
	padding: 10px 16px;
	border-radius: 10px 10px 0 0;
	font-weight: 600;
	cursor: pointer;
	line-height: 1.2;
}

.sk-settings-tab.is-active {
	background: #fff;
	border-bottom-color: #fff;
	margin-bottom: -1px;
	box-shadow: 0 -2px 8px rgba(20, 44, 75, 0.06);
}

.sk-settings-panel {
	display: none;
	padding: 16px 4px 8px;
}

.sk-settings-panel.is-active {
	display: block;
}

.sk-settings-panel-title {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0 0 8px;
	color: #1e2a39;
}

.sk-settings-hint {
	color: #5a6b82;
	margin: 0 0 16px;
	font-size: 0.95rem;
}

.sk-settings-placeholder {
	color: #5a6b82;
	margin: 0;
}

.sk-const-form {
	max-width: 520px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sk-const-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.sk-const-label {
	font-weight: 600;
	font-size: 0.9rem;
	color: #3a4a63;
}

.sk-const-fields {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.sk-const-input {
	max-width: 180px;
	width: 100%;
	box-sizing: border-box;
}

.sk-tp-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 8px;
	border: 1px solid #dbe4ef;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(20, 44, 75, 0.06);
	box-sizing: border-box;
	max-width: 100%;
}

.sk-tp-table {
	width: 100%;
	min-width: 520px;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	box-sizing: border-box;
}

.sk-tp-table thead th {
	padding: 10px 12px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #3a4a63;
	text-align: left;
	vertical-align: bottom;
	background: #f5f8fc;
	border-bottom: 2px solid #dbe4ef;
}

.sk-tp-table tbody td {
	padding: 8px 12px;
	vertical-align: middle;
	border-bottom: 1px solid #e8eef5;
}

.sk-tp-table tbody tr:last-child td {
	border-bottom: none;
}

.sk-tp-table tbody tr:hover td {
	background: #fafbfd;
}

/* Name : Address : Actions = 30 : 50 : 20 */
.sk-tp-th-name,
.sk-tp-td-name {
	width: 30%;
}

.sk-tp-th-address,
.sk-tp-td-address {
	width: 50%;
}

.sk-tp-th-actions,
.sk-tp-td-actions {
	width: 20%;
	white-space: nowrap;
	text-align: right;
}

.sk-tp-table .sk-tp-td-name .sk-input.form-control,
.sk-tp-table .sk-tp-td-address .sk-input.form-control {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.sk-tp-actions-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
}

.sk-tp-actions-row .btn {
	flex: 0 0 auto;
	width: auto;
	min-width: unset;
	min-height: 38px;
	padding: 4px 10px;
	font-weight: 600;
	font-size: 0.8125rem;
	line-height: 1.2;
	white-space: nowrap;
}

.sk-tp-act-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.sk-tp-btn-icon {
	display: none;
	flex-shrink: 0;
}

/* Settings — trade products table */
.sk-tprod-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 8px;
	border: 1px solid #dbe4ef;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(20, 44, 75, 0.06);
	box-sizing: border-box;
	max-width: 100%;
}

.sk-tprod-table {
	width: 100%;
	min-width: 880px;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	box-sizing: border-box;
}

.sk-tprod-table thead th {
	padding: 10px 12px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #3a4a63;
	text-align: left;
	vertical-align: bottom;
	background: #f5f8fc;
	border-bottom: 2px solid #dbe4ef;
}

.sk-tprod-table tbody td {
	padding: 8px 12px;
	vertical-align: top;
	border-bottom: 1px solid #e8eef5;
}

.sk-tprod-table tbody td.sk-tprod-td-actions {
	vertical-align: middle;
}

.sk-tprod-table tbody tr:last-child td {
	border-bottom: none;
}

.sk-tprod-table tbody tr:hover td {
	background: #fafbfd;
}

.sk-tprod-th-name,
.sk-tprod-td-name {
	width: 18%;
}

.sk-tprod-th-photo,
.sk-tprod-td-photo {
	width: 18%;
}

.sk-tprod-th-desc,
.sk-tprod-td-desc {
	width: 30%;
}

.sk-tprod-th-price,
.sk-tprod-td-price {
	width: 12%;
}

.sk-tprod-th-actions,
.sk-tprod-td-actions {
	width: 22%;
	white-space: nowrap;
	text-align: right;
}

/* One box model for inputs + textarea so the row lines up (textarea defaults misalign on baseline). */
.sk-tprod-table .sk-tprod-td-name .sk-input.form-control,
.sk-tprod-table .sk-tprod-td-photo .sk-input.form-control,
.sk-tprod-table .sk-tprod-td-desc .sk-input.form-control,
.sk-tprod-table .sk-tprod-td-price .sk-input.form-control {
	display: block;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	margin: 0;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	padding: 8px 12px;
	line-height: 1.25;
	font-size: 1rem;
}

.sk-tprod-table .sk-tprod-td-desc textarea.sk-input.form-control {
	resize: none;
	overflow-y: auto;
	overflow-x: hidden;
}

.sk-tprod-actions-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
}

.sk-tprod-actions-row .btn {
	flex: 0 0 auto;
	width: auto;
	min-width: unset;
	min-height: 38px;
	padding: 4px 10px;
	font-weight: 600;
	font-size: 0.8125rem;
	line-height: 1.2;
	white-space: nowrap;
}

.sk-tprod-act-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.sk-tprod-btn-icon {
	display: none;
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.sk-settings-tab {
		flex: 1 1 calc(33.333% - 8px);
		min-width: 0;
		text-align: center;
		font-size: 0.85rem;
		padding: 10px 6px;
	}

	.sk-tp-table {
		min-width: 320px;
	}

	.sk-tp-table-wrap {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		border-radius: 8px;
	}

	.sk-tp-table thead th {
		padding: 8px 6px;
		font-size: 0.75rem;
	}

	.sk-tp-table tbody td {
		padding: 6px 6px;
	}

	.sk-tp-th-actions,
	.sk-tp-td-actions {
		white-space: nowrap;
		vertical-align: middle;
	}

	.sk-tp-actions-row {
		flex-wrap: nowrap;
		gap: 4px;
		justify-content: flex-end;
	}

	.sk-tp-act-btn {
		padding: 6px;
		min-width: 34px;
		min-height: 34px;
		gap: 0;
	}

	.sk-tp-act-btn .sk-tp-btn-label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.sk-tp-act-btn .sk-tp-btn-icon {
		display: block;
		width: 18px;
		height: 18px;
	}

	.sk-tp-actions-row .btn.sk-tp-act-btn {
		padding: 6px;
		min-height: 34px;
		font-weight: 600;
	}

	.sk-tprod-table {
		min-width: 320px;
	}

	.sk-tprod-table-wrap {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		border-radius: 8px;
	}

	.sk-tprod-table thead th {
		padding: 8px 6px;
		font-size: 0.75rem;
	}

	.sk-tprod-table tbody td {
		padding: 6px 6px;
	}

	.sk-tprod-th-actions,
	.sk-tprod-td-actions {
		white-space: nowrap;
		vertical-align: middle;
	}

	.sk-tprod-actions-row {
		flex-wrap: nowrap;
		gap: 4px;
		justify-content: flex-end;
	}

	.sk-tprod-act-btn {
		padding: 6px;
		min-width: 34px;
		min-height: 34px;
		gap: 0;
	}

	.sk-tprod-act-btn .sk-tprod-btn-label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.sk-tprod-act-btn .sk-tprod-btn-icon {
		display: block;
		width: 18px;
		height: 18px;
	}

	.sk-tprod-actions-row .btn.sk-tprod-act-btn {
		padding: 6px;
		min-height: 34px;
		font-weight: 600;
	}
}

/* Seller POS (ice cream) — sk_print::print_seller_pos */
.sk-pos-page-wrap {
	box-sizing: border-box;
	padding: 16px;
	background: var(--sk-pos-bg, #f5f7fb);
	min-height: 60vh;
	min-width: 360px;
}

.sk-pos-shell {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 16px;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

@media (max-width: 900px) {
	.sk-pos-shell {
		grid-template-columns: 1fr;
	}
}

.sk-pos-card {
	background: var(--sk-pos-card, #fff);
	border-radius: 16px;
	padding: 16px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.sk-pos-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	gap: 12px;
}

.sk-pos-time {
	font-size: 20px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0;
}

.sk-pos-trade-point-name {
	font-weight: 600;
	color: #1a4a8c;
}

/* Admin trade point select: wrapper + decorative chevron (native arrow hidden). */
.sk-pos-tp-select-wrap {
	position: relative;
	display: inline-block;
	vertical-align: baseline;
	max-width: min(100%, 20rem);
}

.sk-pos-tp-select-wrap::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-40%);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #1a4a8c;
	pointer-events: none;
	z-index: 1;
}

select.sk-pos-trade-point-select.sk-pos-trade-point-name {
	font: inherit;
	font-size: inherit;
	font-weight: 600;
	color: #1a4a8c;
	background: #fff;
	border: 2px solid #1a4a8c;
	border-radius: 6px;
	padding: 2px 28px 2px 10px;
	cursor: pointer;
	max-width: 100%;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	line-height: 1.3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.sk-pos-time-sep {
	font-weight: 600;
	color: #666;
}

.sk-pos-weigh-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: auto;
	min-height: 40px;
	padding: 6px 12px;
	border: 3px solid #f01f1f;
	border-radius: 4px;
	background: #fff;
	color: #222;
	font-size: 14px !important;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
	box-sizing: border-box;
}

.sk-pos-weigh-btn:hover {
	background: #fff7f7;
}

.sk-pos-weigh-btn:active {
	transform: translateY(1px);
}

.sk-pos-weigh-btn.is-active {
	background: #f01f1f;
	color: #fff;
}

.sk-pos-weigh-btn.is-active:hover {
	background: #d01a1a;
}

/* Weighing mode: semi-transparent only zero-weight cards; stocked items stay fully opaque. */
.sk-pos-item.sk-pos-item--weighing.sk-pos-item--no-stock {
	opacity: 0.5;
}

.sk-pos-item.sk-pos-item--weighing:not(.sk-pos-item--no-stock) {
	opacity: 1;
	filter: none;
}

.sk-pos-item--weighing .sk-pos-count-value {
	display: none;
}

.sk-pos-item--weighing .sk-pos-weight {
	margin-top: 0;
	font-size: 1em;
}

.sk-pos-weight-input {
	position: relative;
	display: block;
	width: 90%;
	max-width: 120px;
	margin: 0 auto;
	padding: 2px 4px;
	border: 2px solid #1a4a8c;
	border-radius: 4px;
	background: #fff;
	color: #222;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	box-sizing: border-box;
}

.sk-pos-weight-input:focus {
	outline: none;
	border-color: #f01f1f;
}

.sk-pos-item--editing-weight .sk-pos-weight {
	display: none;
}

@media (max-width: 900px) {
	.sk-pos-weigh-btn {
		padding: 6px 10px;
		font-size: 12px !important;
		min-height: 34px;
	}
}

.sk-pos-body {
	position: relative;
	min-height: 80px;
}

.sk-pos-body--locked {
	pointer-events: none;
	user-select: none;
	filter: grayscale(0.25);
	opacity: 0.55;
}

.sk-pos-body--locked::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	cursor: not-allowed;
}

.sk-pos-tp-backdrop {
	position: fixed;
	inset: 0;
	z-index: 10040;
	background: rgba(20, 24, 32, 0.45);
	transition: opacity 0.2s, visibility 0.2s;
}

.sk-pos-tp-backdrop.sk-pos-tp-is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.sk-pos-tp-popup {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	box-sizing: border-box;
	transition: opacity 0.2s, visibility 0.2s;
}

.sk-pos-tp-popup.sk-pos-tp-is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.sk-pos-tp-popup-window {
	background: #fff;
	border-radius: 16px;
	padding: 22px 20px;
	max-width: 400px;
	width: 100%;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
	box-sizing: border-box;
}

.sk-pos-tp-popup-title {
	margin: 0 0 8px;
	font-size: 1.25rem;
	font-weight: 700;
	color: #1e1e1e;
}

.sk-pos-tp-popup-hint {
	margin: 0 0 16px;
	font-size: 0.9rem;
	color: #555;
	line-height: 1.4;
}

.sk-pos-tp-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sk-pos-tp-btn {
	/* Override global `button` (height:1.5em; font-size:12px !important) so label is centered. */
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 0;
	padding: 12px 14px;
	border: 1px solid #d0d7e2;
	border-radius: 12px;
	background: #f5f8fc;
	font-size: 1rem !important;
	font-weight: 600;
	line-height: 1.35;
	text-align: left;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s;
}

.sk-pos-tp-btn:hover {
	background: #e8f0fb;
	border-color: #4f8cff;
}

.sk-pos-tp-empty {
	margin: 0;
	font-size: 0.95rem;
	color: #a33;
	line-height: 1.45;
}

.sk-pos-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 12px;
}

.sk-pos-item {
	position: relative;
	padding: 10px;
	min-width: 130px;
	border: 2px solid #000;
	box-sizing: border-box;
	border-radius: 12px;
	text-align: center;
	cursor: pointer;
	background: #f0f3fa;
	transition: background 0.2s, color 0.2s, filter 0.2s;
	user-select: none;
}

.sk-pos-item.sk-pos-item--no-stock {
	opacity: 0.3;
	cursor: not-allowed;
	filter: grayscale(0.2);
}

.sk-pos-item.flavor-mango {
	background: #ffa726;
}

.sk-pos-item.flavor-cokolada {
	background: #6b3e26;
	color: #fff;
}

.sk-pos-item.flavor-vanila {
	background: #f3e5ab;
}

.sk-pos-item.flavor-limun {
	background: #ffe135;
}

.sk-pos-item.flavor-jagoda {
	background: #e53935;
	color: #fff;
}

.sk-pos-item.flavor-lesnik {
	background: #8d6e63;
	color: #fff;
}

.sk-pos-item.flavor-pistaci {
	background: #a7c957;
}

.sk-pos-item.flavor-kapri {
	background: #5dade2;
}

.sk-pos-item.flavor-cheesecake {
	background: #d7ccc8;
}

.sk-pos-item.flavor-pino-pingvino {
	background: #7b5e57;
	color: #fff;
}

.sk-pos-item.flavor-vanila-visnja {
	background: #c2185b;
	color: #fff;
}

.sk-pos-item.flavor-orah-smokva {
	background: #795548;
	color: #fff;
}

.sk-pos-item.flavor-ananas {
	background: #fdd835;
}

.sk-pos-item.flavor-malina {
	background: #d81b60;
	color: #fff;
}

.sk-pos-item.flavor-kivi {
	background: #7cb342;
}

.sk-pos-item.flavor-sumsko-voce {
	background: #8e24aa;
	color: #fff;
}

.sk-pos-item.flavor-bela-cokolada {
	background: #fff8dc;
}

.sk-pos-item.flavor-kokos-badem {
	background: #d7ccc8;
}

.sk-pos-item.flavor-stracatela {
	background: #f5f5f5;
}

.sk-pos-item.flavor-crna-cokolada {
	background: #3e2723;
	color: #fff;
}

.sk-pos-item.flavor-karamela {
	background: #bf8b30;
}

.sk-pos-item.flavor-plazma {
	background: #c69c6d;
}

.sk-pos-item:hover:not([class*="flavor-"]) {
	background: #e3ebff;
}

.sk-pos-item.sk-pos-item--no-stock:hover:not([class*="flavor-"]) {
	background: #f0f3fa;
}

.sk-pos-item[class*="flavor-"]:hover {
	filter: brightness(0.93);
}

.sk-pos-item.sk-pos-item--no-stock[class*="flavor-"]:hover {
	filter: grayscale(0.2);
}

.sk-pos-item.active {
	background: #4f8cff;
	color: #fff;
	filter: none;
}

.sk-pos-item.active[class*="flavor-"]:hover {
	filter: none;
}

.sk-pos-item-minus {
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 2;
	display: none;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 50%;
	background: #ff5f5f;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.sk-pos-item.active .sk-pos-item-minus {
	display: flex;
}

.sk-pos-item-minus:active {
	background: #e84848;
}

.sk-pos-count {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
}

.sk-pos-weight {
	display: block;
	margin-top: 2px;
	font-size: 0.5em;
	font-weight: 600;
	line-height: 1;
}

.sk-pos-item-name {
	font-size: 0.85rem;
	line-height: 1.2;
	white-space: nowrap;
}

@media (max-width: 900px) {
	.sk-pos-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 8px;
	}

	.sk-pos-item {
		min-width: 0;
		padding: 8px 6px;
	}

	.sk-pos-item-name {
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 0.78rem;
	}
}

.sk-pos-sidebar {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sk-pos-card-title {
	font-weight: 700;
	margin-bottom: 8px;
}

.sk-pos-sale-line {
	display: flex;
	justify-content: space-between;
	margin: 4px 0;
	gap: 8px;
	font-size: 0.95rem;
}

.sk-pos-total {
	font-size: 22px;
	font-weight: bold;
	margin-top: 8px;
}

.sk-pos-day-line {
	margin-top: 0;
}

.sk-pos-btn {
	margin-top: 10px;
	padding: 12px;
	border: none;
	border-radius: 10px;
	background: #4f8cff;
	color: #fff;
	font-size: 16px !important;
	line-height: 1.25;
	cursor: pointer;
	width: 100%;
	height: auto;
	min-height: 48px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sk-pos-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.sk-pos-history {
	max-height: min(40vh, 280px);
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	font-size: 14px;
	color: #888;
}

.sk-pos-history-line {
	margin: 4px 0;
}

.sk-pos-empty {
	margin: 12px 0;
	color: #666;
}

/* Admin dashboard demo (tpl_main + sk_print::print_admin_dashboard) */
.sk-admin-dashboard *{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
.sk-admin-dashboard{background:#f4f6fb;color:#222;padding:24px}
.sk-admin-dashboard .layout{min-height:calc(100vh - 48px)}
.sk-admin-dashboard .main{flex:1;padding:24px}
.sk-admin-dashboard .topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.sk-admin-dashboard .sk-admin-dashboard-heading{font-size:20px;font-weight:bold;line-height:1.25;text-align:center}
.sk-admin-dashboard .sk-admin-dashboard-heading__period{font-weight:inherit}
.sk-admin-dashboard .period{display:flex;gap:10px;align-items:center}
.sk-admin-dashboard .period input,.sk-admin-dashboard .period button,.sk-admin-dashboard select{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff}
.sk-admin-dashboard .period button{background:#2563eb;color:#fff;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.sk-admin-dashboard .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:24px}
.sk-admin-dashboard .card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.sk-admin-dashboard .card-title{color:#6b7280;margin-bottom:12px;font-size:14px}
.sk-admin-dashboard .card-value{font-size:32px;font-weight:bold}
.sk-admin-dashboard .green{color:#16a34a}.sk-admin-dashboard .blue{color:#2563eb}.sk-admin-dashboard .orange{color:#ea580c}.sk-admin-dashboard .red{color:#dc2626}
.sk-admin-dashboard .grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}
.sk-admin-dashboard .panel{background:#fff;border-radius:18px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.sk-admin-dashboard .panel h3{margin-bottom:18px}
.sk-admin-dashboard .sk-admin-open-shifts-scroll{max-height:360px;overflow-y:auto;overflow-x:auto}
.sk-admin-dashboard .sk-admin-shift-day--short{display:none}
.sk-admin-dashboard table{width:100%;border-collapse:collapse}
.sk-admin-dashboard th,.sk-admin-dashboard td{padding:12px;text-align:left;border-bottom:1px solid #eee;font-size:14px}
.sk-admin-dashboard th{background:#f9fafb;color:#6b7280}
.sk-admin-dashboard .status{display:inline-block;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:bold}
.sk-admin-dashboard .status.open{background:#dcfce7;color:#15803d}
.sk-admin-dashboard .status.warning{background:#fef3c7;color:#b45309}
.sk-admin-dashboard .progress{width:100%;height:10px;background:#e5e7eb;border-radius:20px;overflow:hidden}
.sk-admin-dashboard .progress div{height:100%;background:#2563eb}
.sk-admin-dashboard .stores{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.sk-admin-dashboard .store-card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.sk-admin-dashboard .store-header{display:flex;justify-content:space-between;margin-bottom:16px}
.sk-admin-dashboard .store-name{font-weight:bold;font-size:18px}
.sk-admin-dashboard .metric{margin-bottom:14px}
.sk-admin-dashboard .metric-label{font-size:13px;color:#6b7280;margin-bottom:6px}
.sk-admin-dashboard .metric-value{font-size:20px;font-weight:bold}
/* Flavor row: name 40% | remainder 15% | bar 30% | sold 15% (flex, no wrap) */
.sk-admin-dashboard .flavors{display:flex;flex-direction:column;gap:10px;margin-top:14px;max-height:min(50vh,520px);overflow-y:auto}
.sk-admin-dashboard .flavor{display:flex;flex-flow:row nowrap;align-items:center;gap:0;min-width:0;width:100%;font-size:12px;box-sizing:border-box}
.sk-admin-dashboard .flavor-name{flex:0 0 40%;width:40%;max-width:40%;min-width:0;padding-right:4px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-admin-dashboard .flavor-amount{flex:0 0 15%;width:15%;max-width:15%;min-width:0;padding-right:4px;box-sizing:border-box;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.2;color:#6b7280;font-variant-numeric:tabular-nums}
.sk-admin-dashboard .flavor .flavor-progress{flex:0 0 30%;width:30%;max-width:30%;min-width:0;align-self:center;height:7px;box-sizing:border-box}
.sk-admin-dashboard .flavor .flavor-progress.progress{width:100%;height:7px}
.sk-admin-dashboard .flavor-sold{flex:0 0 15%;width:15%;max-width:15%;min-width:0;padding-left:3px;box-sizing:border-box;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.2;color:#6b7280;font-variant-numeric:tabular-nums}
.sk-admin-dashboard .sk-admin-flavor--critical{color:#dc2626;font-weight:600}
.sk-admin-dashboard .sk-admin-flavor--critical .flavor-name,.sk-admin-dashboard .sk-admin-flavor--critical .flavor-amount,.sk-admin-dashboard .sk-admin-flavor--critical .flavor-sold{color:#dc2626}
.sk-admin-dashboard .danger{background:#dc2626!important}
.sk-admin-dashboard .warning-bar{background:#f59e0b!important}
@media(max-width:1100px){.sk-admin-dashboard .grid{grid-template-columns:1fr}}
@media(max-width:849px){
.sk-admin-dashboard .grid{min-width:0}
.sk-admin-dashboard .grid>.panel{min-width:0;width:100%}
.sk-admin-dashboard .topbar{flex-direction:column;align-items:stretch;gap:12px}
.sk-admin-dashboard .period{flex-wrap:wrap;width:100%}
.sk-admin-dashboard .sk-admin-dashboard-heading__period{display:block;margin-top:.35em}
.sk-admin-dashboard .sk-admin-open-shifts-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.sk-admin-dashboard .sk-admin-open-shifts-scroll table{width:max-content;min-width:100%;table-layout:auto}
.sk-admin-dashboard .sk-admin-shift-day--full{display:none}
.sk-admin-dashboard .sk-admin-shift-day--short{display:inline}
}