/**
 * Painel de pedidos — barra preta (padrão Fase 1) + mestre-detalhe (MyD).
 * Regra obrigatória: !important em tudo. Fontes já no padrão +1px.
 */

.atlas-painel-wrap {
	max-width: 1100px !important;
	margin: 0 auto !important;
	font-family: inherit !important;
	box-sizing: border-box !important;
}

.atlas-painel-wrap *,
.atlas-painel-wrap *::before,
.atlas-painel-wrap *::after {
	box-sizing: border-box !important;
}

.atlas-painel-wrap [hidden] { display: none !important; }

/* ---------- Barra preta ---------- */
.atlas-barra {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 8px !important;
	padding: 10px 14px !important;
	margin-bottom: 14px !important;
}

.atlas-barra__grupo {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
}

.atlas-barra__status { font-weight: 700 !important; font-size: 15px !important; }
.atlas-barra__reopen { font-size: 14px !important; color: #ccc !important; }

.atlas-barra__btn-fechar {
	background: #d92c2c !important;
	color: #fff !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 7px 12px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
}

.atlas-barra__btn-retomar {
	background: #2a9d3a !important;
	color: #fff !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 7px 12px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
}

.atlas-barra__btn-config {
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #555 !important;
	border-radius: 6px !important;
	padding: 7px 12px !important;
	font-size: 14px !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	white-space: nowrap !important;
}

.atlas-caret { font-size: 11px !important; }

/* Menu de navegação central da barra preta — links rápidos pro admin */
.atlas-barra {
	flex-wrap: nowrap !important;
}

.atlas-barra__nav {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	flex-shrink: 1 !important;
	min-width: 0 !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
}

.atlas-barra__nav::-webkit-scrollbar { display: none !important; }

.atlas-barra__nav > a,
.atlas-barra__nav-item > a {
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	opacity: 0.92 !important;
}

.atlas-barra__nav > a:hover,
.atlas-barra__nav-item > a:hover {
	opacity: 1 !important;
	text-decoration: underline !important;
}

@media (max-width: 900px) {
	.atlas-barra__nav { display: none !important; }
}

/* Dropdown de fechar loja */
.atlas-dropdown { position: relative !important; }

.atlas-dropdown__menu {
	position: absolute !important;
	top: calc(100% + 6px) !important;
	left: 0 !important;
	z-index: 500 !important;
	background: #fff !important;
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
	box-shadow: 0 6px 18px rgba(0,0,0,0.2) !important;
	min-width: 250px !important;
	overflow: hidden !important;
}

.atlas-dropdown__item {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	background: #fff !important;
	border: none !important;
	border-bottom: 1px solid #f0f0f0 !important;
	padding: 10px 14px !important;
	cursor: pointer !important;
	color: #222 !important;
}

.atlas-dropdown__item:hover { background: #f7f7f7 !important; }
.atlas-dropdown__item strong { display: block !important; font-size: 14px !important; }
.atlas-dropdown__item span { font-size: 12px !important; color: #888 !important; }

/* ---------- Modal de config de impressão ---------- */
.atlas-config-backdrop {
	position: fixed !important;
	inset: 0 !important;
	background: rgba(0,0,0,0.5) !important;
	z-index: 99990 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 16px !important;
}

.atlas-config-box {
	position: relative !important;
	background: #fff !important;
	border-radius: 10px !important;
	padding: 20px !important;
	max-width: 420px !important;
	width: 100% !important;
	color: #222 !important;
}

.atlas-config-box h3 { margin: 0 0 14px !important; font-size: 17px !important; }

.atlas-config-fechar {
	position: absolute !important;
	top: 10px !important;
	right: 12px !important;
	background: none !important;
	border: none !important;
	font-size: 17px !important;
	cursor: pointer !important;
	color: #666 !important;
}

.atlas-config-item {
	display: block !important;
	margin-bottom: 12px !important;
	font-size: 14px !important;
	color: #333 !important;
}

.atlas-config-item--inline select,
.atlas-config-item--inline input {
	margin-left: 6px !important;
	padding: 5px 8px !important;
	border: 1px solid #ddd !important;
	border-radius: 6px !important;
	font-size: 14px !important;
}

.atlas-config-salvar {
	background: #d92c2c !important;
	color: #fff !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 9px 16px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
}

.atlas-config-msg { margin-left: 10px !important; font-size: 13px !important; color: #2a9d3a !important; }

/* ---------- Mestre-detalhe ---------- */
.atlas-painel-corpo {
	display: grid !important;
	grid-template-columns: 340px 1fr !important;
	gap: 14px !important;
	align-items: start !important;
}

@media (max-width: 800px) {
	.atlas-painel-corpo { grid-template-columns: 1fr !important; }
}

.atlas-lista {
	background: #f5f3f5 !important;
	border-radius: 8px !important;
	padding: 10px !important;
}

.atlas-lista__filtro {
	width: 100% !important;
	padding: 9px 12px !important;
	border: 1px solid #ddd !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	margin-bottom: 10px !important;
	background: #fff !important;
	color: #333 !important;
}

.atlas-lista__itens {
	max-height: 65vh !important;
	overflow-y: auto !important;
}

.atlas-lista__vazio { text-align: center !important; color: #888 !important; padding: 20px 0 !important; font-size: 14px !important; }

.atlas-pedido-card {
	position: relative !important;
	background: #fff !important;
	border-radius: 8px !important;
	padding: 12px !important;
	margin-bottom: 10px !important;
	cursor: pointer !important;
	border-left: 3px solid transparent !important;
}

.atlas-pedido-card--ativo { border-left-color: #d92c2c !important; }

.atlas-pedido-card__linha1 { font-size: 14px !important; color: #222 !important; }
.atlas-pedido-card__linha1 span { color: #888 !important; font-size: 13px !important; margin-left: 6px !important; }
.atlas-pedido-card__nome { font-size: 14px !important; color: #333 !important; margin-top: 2px !important; }
.atlas-pedido-card__tel { font-size: 13px !important; color: #777 !important; }

.atlas-badge {
	position: absolute !important;
	top: 12px !important;
	right: 12px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #fff !important;
	border-radius: 4px !important;
	padding: 3px 9px !important;
	background: #999 !important;
}

.atlas-badge--new { background: #d4b106 !important; }
.atlas-badge--confirmed { background: #2a9d3a !important; }
.atlas-badge--in-delivery { background: #1971c2 !important; }
.atlas-badge--finished { background: #555 !important; }
.atlas-badge--canceled { background: #b32d2e !important; }

.atlas-badge--tipo {
	position: static !important;
	background: #d92c2c !important;
	color: #fff !important;
	margin-right: 6px !important;
}

/* Retirada na loja: fundo azul (texto continua branco, herdado de .atlas-badge--tipo) */
.atlas-badge--tipo-pickup {
	background: #1971c2 !important;
}

/* Reforço de especificidade (Módulo A, v0.15.0): alguns temas/Elementor têm
 * seletor mais específico que vence nosso !important por empate de peso.
 * Classe duplicada aumenta a especificidade sem mudar o seletor visível. */
.atlas-badge--tipo.atlas-badge--tipo {
	color: #fff !important;
	background: #d92c2c !important;
}
.atlas-badge--tipo.atlas-badge--tipo.atlas-badge--tipo-pickup {
	background: #1971c2 !important;
}

/* Detalhe */
.atlas-detalhe {
	background: #f5f3f5 !important;
	border-radius: 8px !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 420px !important;
}

.atlas-detalhe__topo {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	padding: 10px !important;
	border-bottom: 1px solid #e5e5e5 !important;
}

.atlas-periodo {
	display: flex !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
}

.atlas-periodo__btn {
	background: #fff !important;
	border: 1px solid #ddd !important;
	border-radius: 6px !important;
	padding: 7px 12px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #333 !important;
	cursor: pointer !important;
}

.atlas-periodo__btn:hover { background: #f2f2f2 !important; }

.atlas-periodo__btn--ativo {
	background: #1971c2 !important;
	border-color: #1971c2 !important;
	color: #fff !important;
}

.atlas-detalhe__imprimir {
	background: #fff !important;
	border: 2px solid #1a1a1a !important;
	border-radius: 8px !important;
	padding: 16px 28px !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	color: #1a1a1a !important;
}

.atlas-detalhe__imprimir[disabled] { opacity: 0.5 !important; cursor: not-allowed !important; }

.atlas-detalhe__corpo { flex: 1 !important; padding: 14px !important; }
.atlas-detalhe__vazio { text-align: center !important; color: #999 !important; padding: 60px 0 !important; font-size: 14px !important; }

.atlas-det-cab { font-size: 15px !important; color: #222 !important; margin-bottom: 10px !important; }
.atlas-det-cab span { color: #888 !important; font-size: 13px !important; }
.atlas-det-cliente { background: #fff !important; border-radius: 8px !important; padding: 12px !important; font-size: 14px !important; color: #333 !important; margin-bottom: 10px !important; }
.atlas-det-endereco { background: #fff !important; border-radius: 8px !important; padding: 10px 12px !important; font-size: 14px !important; color: #444 !important; margin-bottom: 10px !important; }
.atlas-det-itens { background: #fff !important; border-radius: 8px !important; padding: 12px !important; margin-bottom: 10px !important; }
.atlas-det-item { border-bottom: 1px dashed #eee !important; padding: 8px 0 !important; font-size: 14px !important; color: #333 !important; }
.atlas-det-item:last-child { border-bottom: none !important; }
.atlas-det-obs { font-size: 13px !important; color: #888 !important; }
.atlas-det-adicionais { font-size: 13px !important; color: #666 !important; margin: 2px 0 !important; line-height: 1.4 !important; }
.atlas-det-totais { background: #fff !important; border-radius: 8px !important; padding: 12px !important; font-size: 14px !important; color: #333 !important; }
.atlas-det-totais div { padding: 2px 0 !important; }

.atlas-detalhe__acoes {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	border-top: 1px solid #e5e5e5 !important;
}

@media (max-width: 600px) {
	.atlas-detalhe__acoes { grid-template-columns: repeat(2, 1fr) !important; }
}

.atlas-acao {
	background: #fff !important;
	border: 1.5px solid #111 !important;
	padding: 12px 6px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	color: #333 !important;
	margin: -1.5px 0 0 -1.5px !important;
}

.atlas-acao:hover { background: #1a1a1a !important; color: #ffffff !important; }
.atlas-acao[disabled] { opacity: 0.45 !important; cursor: not-allowed !important; }
.atlas-acao--cancelar { color: #b32d2e !important; }

/* Login */
.atlas-painel-login { max-width: 380px !important; margin: 30px auto !important; }

/* ---------- Carregar mais ---------- */
.atlas-carregar-mais {
	display: block !important;
	width: 100% !important;
	background: none !important;
	border: none !important;
	color: #d92c2c !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-align: center !important;
	padding: 12px 0 !important;
	cursor: pointer !important;
}

.atlas-carregar-mais:hover { text-decoration: underline !important; }

/* Botão WhatsApp no cabeçalho do detalhe do pedido (v0.16.0) */
.atlas-det-cab {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
}
.atlas-det-wa {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-left: auto !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: #25d366 !important;
	text-decoration: none !important;
	flex-shrink: 0 !important;
	/* Ícone WhatsApp via SVG inline no background */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 0 0 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.05 2h-.01zm0 1.67c2.24 0 4.35.87 5.93 2.45a8.23 8.23 0 0 1 2.42 5.85c0 4.56-3.71 8.27-8.28 8.27a8.27 8.27 0 0 1-4.21-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.23 8.23 0 0 1-1.27-4.4c0-4.56 3.72-8.27 8.28-8.27h-.08zm-4.53 4.2c-.17 0-.44.06-.67.32-.23.25-.88.86-.88 2.1s.9 2.44 1.03 2.6c.13.17 1.76 2.69 4.27 3.67.6.24 1.06.38 1.42.49.6.19 1.14.16 1.57.1.48-.07 1.47-.6 1.68-1.18.21-.58.21-1.07.15-1.18-.06-.1-.23-.16-.48-.29-.25-.13-1.49-.74-1.72-.82-.23-.09-.4-.13-.57.12-.17.25-.65.82-.8.99-.15.16-.29.19-.54.06-.25-.12-1.06-.39-2.03-1.25-.75-.67-1.26-1.5-1.4-1.75-.15-.25-.02-.39.11-.51.11-.11.25-.29.38-.44.13-.15.17-.25.25-.42.08-.17.04-.31-.02-.44-.06-.13-.57-1.37-.78-1.87-.2-.5-.41-.43-.57-.44l-.49-.01z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 20px 20px !important;
}
.atlas-det-wa:hover {
	background-color: #1da851 !important;
	opacity: 0.9 !important;
}