VPS 4 Builder
3042ddca38
- /wa-inbox, /wa-sessions e /wa-secretaria rodam sem a sidebar do scoreodonto (isStandaloneView); cada tela tem seu "Voltar" (Secretária ganhou botão na ThinNav). - SessionsView: banner "Você já possui acesso ao WhatsApp" quando há sessão ativa. - avatares: usa a URL do CDN (contactAvatarUrl/instance.avatar) direto; Avatar exibe sem depender de version; self-heal no onError re-busca a foto atual. - deps: framer-motion, immer. Dev override com HMR (docker-compose.dev.yml). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
123 lines
2.8 KiB
CSS
123 lines
2.8 KiB
CSS
@import "tailwindcss";
|
|
|
|
/* ── Tema do motor NewWhats (plugin newwhats) — tokens Tailwind v4 ──────────── */
|
|
/* Portados do tailwind.config.js do motor para as páginas inbox/sessions/ */
|
|
/* secretária renderizarem idênticas ao motor. */
|
|
@theme {
|
|
--color-brand-50: #eff6ff;
|
|
--color-brand-100: #dbeafe;
|
|
--color-brand-200: #bfdbfe;
|
|
--color-brand-300: #93c5fd;
|
|
--color-brand-400: #60a5fa;
|
|
--color-brand-500: #3b82f6;
|
|
--color-brand-600: #2563eb;
|
|
--color-brand-700: #1d4ed8;
|
|
--color-brand-800: #1e40af;
|
|
--color-brand-900: #1e3a8a;
|
|
--color-brand-950: #172554;
|
|
|
|
--color-surface: #070b14;
|
|
--color-surface-raised: #0c1220;
|
|
--color-surface-overlay: #111827;
|
|
|
|
--radius-4xl: 2rem;
|
|
|
|
--shadow-glow-brand: 0 0 24px rgba(59, 130, 246, 0.15);
|
|
--shadow-glow-sm: 0 0 12px rgba(59, 130, 246, 0.1);
|
|
--shadow-premium: 0 8px 32px rgba(0, 0, 0, 0.4);
|
|
--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
|
|
--animate-shimmer: shimmer 3s linear infinite;
|
|
--animate-pulse-slow: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
--animate-float: float 6s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes shimmer {
|
|
0% { transform: translateX(-100%); }
|
|
100% { transform: translateX(100%); }
|
|
}
|
|
@keyframes float {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(-10px); }
|
|
}
|
|
|
|
/* ScoreOdonto Base Styles */
|
|
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
background-color: #f3f4f6;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #c1c1c1;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #a8a8a8;
|
|
}
|
|
|
|
.fc {
|
|
font-family: 'Inter', sans-serif;
|
|
}
|
|
|
|
.fc-toolbar-title {
|
|
font-size: 1.25rem !important;
|
|
font-weight: 600 !important;
|
|
color: #1f2937;
|
|
}
|
|
|
|
.fc-button-primary {
|
|
background-color: #2563eb !important;
|
|
border-color: #2563eb !important;
|
|
}
|
|
|
|
.fc-daygrid-event {
|
|
border-radius: 4px;
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.uppercase-input,
|
|
.uppercase-textarea,
|
|
.uppercase-select {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.dark-date-input::-webkit-calendar-picker-indicator {
|
|
filter: invert(1);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* FullCalendar Display Fixes */
|
|
.fc {
|
|
max-height: 100%;
|
|
}
|
|
|
|
.fc-theme-standard td,
|
|
.fc-theme-standard th {
|
|
border: 1px solid #e5e7eb !important;
|
|
}
|
|
|
|
.fc-timegrid-slot {
|
|
height: 3em !important;
|
|
}
|
|
|
|
.fc-col-header-cell {
|
|
background-color: #f9fafb;
|
|
padding: 8px 0 !important;
|
|
}
|
|
|
|
.fc-scrollgrid {
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
} |