/* css/style.css */

.tab-nav { border-bottom: 3px solid transparent; transition: all 0.2s; }
.tab-nav.active { border-bottom: 3px solid #fec331; color: #fec331; font-weight: bold; }

@keyframes popIn { 0% { transform: scale(0.95); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.animate-pop { animation: popIn 0.2s ease-out forwards; }

.fade-in-fast { animation: fadeIn 0.2s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

select option { background-color: #ffffff; color: #1f2937; font-weight: bold; }
#modulo-vendas, #modulo-vendas-beta, #modulo-importacao { max-width: 1024px; margin: 0 auto; transition: max-width 0.3s ease; }

/* Customização Flatpickr */
.flatpickr-calendar { font-family: ui-sans-serif, system-ui, sans-serif; border: 1px solid #e2e8f0; box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); border-radius: 1rem; padding: 12px; background: #fff; width: auto !important; max-width: none !important; box-sizing: border-box !important; }
.flatpickr-calendar *, .flatpickr-calendar *::before, .flatpickr-calendar *::after { box-sizing: border-box !important; border-width: 0; }

.flatpickr-months { align-items: center; justify-content: space-between; margin-bottom: 10px; display: flex; width: 100%; }
.flatpickr-months .flatpickr-month { height: 40px; background: transparent; color: #1e293b; flex: 1; }
.flatpickr-current-month { font-size: 1.1rem; font-weight: 700; color: #0f172a; padding-top: 5px; }
.flatpickr-current-month .flatpickr-monthDropdown-months { font-weight: 700; background: transparent; }

.flatpickr-innerContainer { width: 100%; display: flex; }
.flatpickr-rContainer { width: auto; display: inline-block; }

.flatpickr-weekdays { height: 36px; display: flex; width: 100%; }
.flatpickr-weekdaycontainer { display: flex; flex: 1; width: 100%; justify-content: space-around; }
span.flatpickr-weekday { color: #475569; font-weight: 600; font-size: 0.85rem; text-align: center; flex: 1; }

.flatpickr-days { width: auto !important; display: flex !important; border: none; }
.dayContainer { width: 322px !important; min-width: 322px !important; max-width: 322px !important; justify-content: flex-start; display: flex !important; flex-wrap: wrap !important; }

.flatpickr-day { color: #334155; font-weight: 500; border-radius: 0.5rem; border: 2px solid transparent !important; flex-basis: 14.2857143% !important; max-width: 14.2857143% !important; height: 42px !important; line-height: 38px !important; margin: 0 !important; display: flex !important; align-items: center; justify-content: center; box-sizing: border-box !important; transition: all 0.15s ease; }
.flatpickr-day:hover { background: #cbd5e1 !important; color: #0f172a !important; border-color: #cbd5e1 !important; font-weight: bold; }
.flatpickr-day.today { border-color: #0037a3 !important; }
.flatpickr-day.flatpickr-disabled { color: #cbd5e1 !important; background: transparent !important; }

.flatpickr-day.inRange, .flatpickr-day.inRange:hover, .flatpickr-day.inRange:focus, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange { background: #e0e7ff !important; border-color: #e0e7ff !important; color: #0037a3 !important; border-radius: 0 !important; box-shadow: -5px 0 0 #e0e7ff, 5px 0 0 #e0e7ff !important; font-weight: bold; }
.flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange { background: #0037a3 !important; border-color: #0037a3 !important; color: #fff !important; font-weight: 700; border-radius: 0.5rem !important; box-shadow: none !important; z-index: 2; }

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { display: none; }
.form-control[readonly] { background-color: #fff !important; cursor: pointer; }

/* Customização Chat OS - INVERTIDO: Minhas msg na ESQUERDA, dos Outros na DIREITA */
.msg-balao { min-width: 200px; max-width: 85%; padding: 12px 16px; border-radius: 16px; font-size: 13px; line-height: 1.5; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.msg-minha { background-color: #f3e8ff; color: #4c1d95; border-bottom-left-radius: 4px; align-self: flex-start; border: 1px solid #e9d5ff; }
.msg-outros { background-color: #ffffff; color: #334155; border-bottom-right-radius: 4px; align-self: flex-end; border: 1px solid #e2e8f0; }
.msg-sistema { background-color: #f1f5f9; color: #64748b; font-style: italic; align-self: center; font-size: 11px; padding: 6px 12px; border-radius: 20px; border: 1px dashed #cbd5e1; box-shadow: none;}

/* Scrollbars */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 20px; }