.alert { opacity: 1 !important; }
body.authentication-bg { background: rgb(0,212,255); background: linear-gradient(180deg, rgba(0,212,255,1) 0%, rgba(255,255,255,1) 100%); }
body.authentication-bg img { width: 100% !important; }
body.authentication-bg .card.bg-pattern { background: white !important; }

.form-group { margin-bottom: 10px !important; }
.no_salt { white-space: nowrap !important; }
.bg-pink { background: red !important; }
form label { color: black !important; }
form textarea { border: 1px solid black !important; }
form input.form-control[type=date] { border: 1px solid black !important; }
form input.form-control[type=text] { border: 1px solid black !important; }
form input.form-control[type=number] { border: 1px solid black !important; }
form input.form-control[type=email] { border: 1px solid black !important; }
form input.form-control[type=password] { border: 1px solid black !important; }
form .input-group-text { border: 1px solid black !important; }
.modal button.close { background: white !important; border: 1px solid black !important; border-radius: 50% !important; }
.select2-container--default .select2-selection--single { border: 1px solid black !important; }

.menu .menu-item .menu-link { padding: 13px !important; }
.container-fluid { padding: 0px !important; }
nav ul.pagination { margin-bottom: 0px !important; }
nav ul.pagination p { display: none !important; }
.menu .menu-item.menuitem-active>.menu-link { background: black !important; color: white !important; }
.menu .menu-item.menuitem-active .sub-menu .menuitem-active .menu-link { background: white !important; color: black !important; font-weight: 900 !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: black !important; }
#side-menu li.menu-item:hover a { background: black !important; color: white !important; }
#side-menu li.menu-item:hover .sub-menu a { background: transparent !important; color: black !important; }
#side-menu li.menu-item:hover .sub-menu a:hover { text-decoration: underline !important; }
.menu .menu-item .menu-link[aria-expanded=true] { background: black !important; color: white !important; }

@media only screen and (max-device-width: 750px) {
    /* .app-menu { display: none; } */
	.navbar-custom .topbar { padding-left: 0px !important; }
	.navbar-custom .topbar .logo-box img.logo-sm { width: 45px; height: auto !important; }
	form .col-12 { margin-bottom: 5px !important; }
}
@media only screen and (min-device-width: 1200px) {
	.scrollbar { border: 1px solid black; }
	.logo-box { border: 1px solid black; border-bottom: 0px !important; }
	.topbar { border: 1px solid black; border-left: 0px !important; height: 71px; }
}

.row_quadres .card{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
	
}

.icon_home{
	background: linear-gradient(45deg, #000000, #fbfbfb) !important;
	border:none;
}

.card { padding: 12px !important; border: 1px solid black; border-radius: 10px; }
.card h3 { margin: 0px !important; line-height: 37px !important; }
.select2-container .select2-selection--single { height: 37.38px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 37.38px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 37.38px !important; }
.dt-input { width: 70% !important; }

/* HOME */
.item_zona_1 { padding: 12px !important; border-radius: 12px !important; }
.item_zona_1 i { margin: 0px !important; color: white !important; opacity: 1 !important; font-size: 42px !important; }
.item_zona_1.item_zona_1_user { background: linear-gradient(45deg, #3858f9, #8e79fd); box-shadow: 0 7px 30px rgba(128, 116, 252, 0.5); }
.item_zona_1.item_zona_1_user2 { background: linear-gradient(45deg, #f53c5b, #fb768c); box-shadow: 0 7px 30px rgba(250, 106, 130, 0.5); }
.item_zona_1.item_zona_1_user3 { background: linear-gradient(to top, #0ba360 0%, #3cba92 100%); box-shadow: 0 7px 30px rgba(11, 163, 96, 0.3); }
.item_zona_1.item_zona_1_user4 { background-image: linear-gradient(45deg, #ff5858 0%, #f09819 100%); box-shadow: 0 7px 30px rgba(241, 159, 93, 0.5); }

.fa-arrow-up { color: green !important; margin-right: 10px !important; }
.fa-arrow-down { color: red !important; margin-right: 10px !important; }
table thead tr th { white-space: nowrap; padding-left: 5px; }

table#table_orders_shop thead tr th { padding-left: 10px !important; padding-right: 10px !important; }
table#table_orders_shop tbody tr td { line-height: 30px !important; }

.tr_select_shop { cursor: pointer; }
.tr_select_shop.tr_active_shop { background-color: yellow !important; }

.nav-item .mnav-item-pending { color: #f9c256; font-size: 16px !important; font-weight: 600 !important; }
.nav-item .mnav-item-pending:hover { font-weight: 900 !important; }
.nav-item .mnav-item-available { color: lightgreen; font-size: 16px !important; font-weight: 600 !important; }
.nav-item .mnav-item-available:hover { font-weight: 900 !important; }
@media only screen and (max-width: 750px) {
	#wrapper { padding: 0px !important; }
	.nav-item .mnav-item-pending { font-size: 15px !important; line-height: initial !important; display: block !important; }
	.nav-item .mnav-item-pending.mnav-item-pending-1 { line-height: 40px !important; }
	.nav-item .mnav-item-available { font-size: 15px !important; line-height: initial !important; display: block !important; }
}

/* SERVICIOS */
.item_message { border: 1px solid gray; padding: 10px; border-radius: 10px; margin-bottom: 10px; }
.item_message p { color: black; font-size: 14px; }
.admin_message { background: #C8FC96 !important; }
.original_message { background: #FCFA96 !important; }

/* PEDIDOS */
.tr_yellow { background-color: yellow !important; }

/* Listado productos */
.img_product { width: 40px !important; height: 40px !important; border-radius: 10px !important; }
.img_min_product { width: 25px !important; height: 25px !important; border-radius: 10px !important; }
ul.list_order_products { list-style-type: none !important; padding-left: 0px !important; }

.status_order { border-radius: 5px !important; padding: 3px 8px !important; font-size: 11px; white-space: nowrap; } 
.status_order.order_new { border: 1px solid black; background: black; color: yellow !important; }
.status_order.order_rechazado { border: 1px solid red; background: red; color: white !important; }
.status_order.order_confirmado { border: 1px solid black; background: black !important; color: #aeffae !important; }
.status_order.order_preparado { border: 1px solid blue; background: blue !important; color: white !important; }
.status_order.order_enviado { background: green; color: white !important; }
.status_order.order_incidencia { border: 1px solid black; background: yellow !important; color: black !important; }
.status_order.order_entregado { border: 1px solid black; background: lightgreen !important; color: black !important; }
.status_order.order_incidencia_en_gestion { border: 1px solid black; background: yellow !important; color: black !important; }
.status_order.order_incidencia_gestionada { border: 1px solid black; background: brown !important; color: white !important; }
.status_order.order_en_ruta { background: violet !important; color: white !important; }
.status_order.order_papelera { background: orange !important; color: white !important; }
.status_order.order_aplazado { background: gray !important; color: white !important; }
.status_order.order_devuelto1 { background: #C3B2FC !important; color: white !important; }
.status_order.order_devuelto2 { background: #744BFF !important; color: white !important; }
.status_order.order_devuelto3 { background: #2C1C62 !important; color: white !important; }
.status_order.order_list_to_send { background: orange !important; color: white !important; }
.status_order.order_sending { background: lightgreen !important; color: white !important; }
.status_order.order_finalizado { background: darkgray !important; color: white !important; }
.status_order.order_reexpedido { background: lightblue; color: white !important; }
.status_order.order_error_sending { background: orange; color: white !important; }

/*
 * SERGI
 */


.navbar-custom{
	 background: linear-gradient(45deg, #3973E9, #5BD5F8) !important;
}

.button-toggle-menu, .navbar-custom .topbar .nav-link{
	color:white !important;
}

.icon_home{
	background:linear-gradient(45deg, #3973E9, #5BD5F8) !important
}

.app-sidebar .slide.active .side-menu__item{
	    background: linear-gradient(45deg, #3973E9, #5BD5F8) !important;
	    border-radius: 0 100px 100px 0;
}

.menu .menu-item.menuitem-active>.menu-link{
	background: linear-gradient(45deg, #3973E9, #5BD5F8) !important;
}

.side-menu .slide .side-menu__item, .menu .menu-item .menu-link:hover, #side-menu li.menu-item:hover a,.menu .menu-item.menuitem-active>.menu-link{
	padding: 14px  !important;
    border-radius: 0 100px 100px 0  !important;
    margin: 3px 10px 3px 0  !important;
	
	background: linear-gradient(45deg, #3973E9, #5BD5F8) !important;
}

.menu>.menu-item{
	padding:0px !important;
}

.table,.table th, .table td{
	border: 1px solid #6A6A6A !important;
	 color: #6A6A6A !important;
}

/*color: #6A6A6A !important;*/

.scrollbar,.navbar-custom, .topbar, .logo-box{
	border:none !important;
}

.scrollbar{
	border:1px solid #dddddd !important;
}

.data_home{
	top:0px !important;
}

.card{
	border:1px solid #dddddd !important;
	background-color: var(--linaria-theme_palette-white);
    border: 2px solid transparent;
    border-radius: var(--linaria-theme_corner-radius-medium12px-border-radius);
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
    padding: 22px;
	margin:10px 0px 10px 0px !important;
}

body{
	background-color: white !important;
}

/* ========================================
   STOCKIFY AI ASSISTANT WIDGET
   ======================================== */
.assistant-widget {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99999;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* FAB Button */
.assistant-fab {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3973E9 0%, #5BD5F8 100%);
    border: none;
    cursor: pointer;
    box-shadow: 0 6px 24px rgba(57, 115, 233, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 100001;
}
.assistant-fab:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 32px rgba(57, 115, 233, 0.55);
}
.assistant-fab.active {
    transform: scale(0.9) rotate(90deg);
    background: #374151;
}
.fab-icon {
    font-size: 26px;
    transition: transform 0.3s;
    line-height: 1;
}
.fab-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, #3973E9, #5BD5F8);
    animation: fabPulse 2s infinite;
    opacity: 0;
    z-index: -1;
}
@keyframes fabPulse {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.8); opacity: 0; }
}

/* Chat Panel */
.assistant-panel {
    position: fixed;
    bottom: 96px;
    right: 24px;
    width: 380px;
    max-height: 560px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 12px 48px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: scale(0.8) translateY(20px);
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: bottom right;
    z-index: 100000;
}
.assistant-panel.open {
    transform: scale(1) translateY(0);
    opacity: 1;
    pointer-events: all;
}

/* Panel Header */
.assistant-panel-header {
    background: linear-gradient(135deg, #3973E9, #5BD5F8);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
}
.panel-header-info {
    display: flex;
    align-items: center;
    gap: 10px;
}
.panel-avatar {
    font-size: 28px;
    line-height: 1;
}
.panel-header-info strong {
    display: block;
    font-size: 15px;
}
.panel-header-info small {
    opacity: 0.8;
    font-size: 12px;
}
.panel-close {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}
.panel-close:hover { background: rgba(255,255,255,0.3); }

/* Panel Body (Chat Area) */
.assistant-panel-body {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    background: #f8f9fc;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 280px;
    max-height: 340px;
}
.assistant-panel-body::-webkit-scrollbar { width: 4px; }
.assistant-panel-body::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 2px; }

/* Widget Welcome */
.widget-welcome {
    text-align: center;
    padding: 20px 10px;
    color: #6b7280;
}
.widget-welcome strong { color: #374151; font-size: 15px; }
.widget-welcome p { font-size: 13px; margin: 4px 0 12px; }
.widget-suggestions {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.widget-suggestions button {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 8px 14px;
    font-size: 13px;
    color: #3973E9;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}
.widget-suggestions button:hover {
    background: #3973E9;
    color: white;
    border-color: #3973E9;
}

/* Widget Messages */
.w-msg {
    display: flex;
    animation: wMsgIn 0.25s ease;
}
.w-msg-user { justify-content: flex-end; }
.w-msg-bot { justify-content: flex-start; }

.w-bubble {
    max-width: 85%;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.5;
    word-wrap: break-word;
}
.w-msg-user .w-bubble {
    background: linear-gradient(135deg, #3973E9, #5BD5F8);
    color: white;
    border-bottom-right-radius: 4px;
}
.w-msg-bot .w-bubble {
    background: white;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-bottom-left-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.w-msg-bot .w-bubble code {
    background: #f3f4f6;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 12px;
}
.w-msg-bot .w-bubble pre {
    background: #1e293b;
    color: #e2e8f0;
    padding: 8px;
    border-radius: 6px;
    overflow-x: auto;
    font-size: 12px;
    margin: 4px 0;
}

@keyframes wMsgIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Typing dots */
.w-dots {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 4px 0;
}
.w-dots span {
    width: 6px;
    height: 6px;
    background: #9ca3af;
    border-radius: 50%;
    animation: wDotBounce 1.4s infinite;
}
.w-dots span:nth-child(2) { animation-delay: 0.2s; }
.w-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes wDotBounce {
    0%, 60%, 100% { transform: translateY(0); }
    30% { transform: translateY(-5px); }
}

/* Panel Footer */
.assistant-panel-footer {
    padding: 10px 14px;
    background: white;
    border-top: 1px solid #e5e7eb;
}
.widget-image-preview {
    display: none;
    padding: 4px 0 8px;
    align-items: center;
    gap: 6px;
}
.widget-image-preview.active { display: flex; }
.widget-image-preview img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 6px;
    border: 2px solid #3973E9;
}
.widget-image-preview button {
    background: #fee2e2;
    color: #ef4444;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.widget-input-row {
    display: flex;
    gap: 6px;
    align-items: flex-end;
}
.widget-input-row textarea {
    flex: 1;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 13px;
    resize: none;
    min-height: 38px;
    max-height: 80px;
    outline: none;
    transition: border-color 0.2s;
    font-family: inherit;
}
.widget-input-row textarea:focus { border-color: #3973E9; }

.widget-btn {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 16px;
    flex-shrink: 0;
}
.widget-btn-send {
    background: linear-gradient(135deg, #3973E9, #5BD5F8);
    color: white;
}
.widget-btn-send:hover { transform: scale(1.05); }
.widget-btn-send:disabled { opacity: 0.5; }
.widget-btn-attach, .widget-btn-mic {
    background: #f3f4f6;
    color: #6b7280;
}
.widget-btn-attach:hover, .widget-btn-mic:hover { background: #e5e7eb; }
.widget-btn-mic.recording {
    background: #fee2e2;
    color: #ef4444;
    animation: wPulse 1.5s infinite;
}
@keyframes wPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0.4); }
    50% { box-shadow: 0 0 0 6px rgba(239,68,68,0); }
}

/* Mobile responsive widget */
@media (max-width: 480px) {
    .assistant-widget { bottom: 16px; right: 16px; }
    .assistant-fab { width: 52px; height: 52px; }
    .fab-icon { font-size: 22px; }
    .assistant-panel {
        bottom: 80px;
        right: 8px;
        left: 8px;
        width: auto;
        max-height: 70vh;
    }
}

/* Navigation action button */
.w-nav-action {
    margin-top: 8px;
}
.w-nav-btn {
    display: block;
    background: linear-gradient(135deg, #3973E9, #5BD5F8);
    color: white !important;
    text-decoration: none !important;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    transition: all 0.2s;
    animation: navPulse 1.5s infinite;
}
.w-nav-btn:hover { transform: scale(1.02); box-shadow: 0 4px 12px rgba(57,115,233,0.4); }
.w-nav-countdown {
    display: inline-block;
    background: rgba(255,255,255,0.25);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 6px;
    font-size: 12px;
}
@keyframes navPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(57,115,233,0.4); }
    50% { box-shadow: 0 0 0 6px rgba(57,115,233,0); }
}