:root {
--synaplan-primary: #061c3e;
--synaplan-secondary: #64748b;
--synaplan-accent: #10d876;
--synaplan-dark: #0f172a;
--synaplan-light: #f8fafc;
} .synaplan-widget-shortcode {
margin: 20px 0;
} [id^="synaplan-inline-"][id$="-overlay"],
#synaplan-chat-overlay {
z-index: 2147483647 !important;
position: fixed !important;
}
[id^="synaplan-inline-"][id$="-panel"],
#synaplan-chat-container {
z-index: 2147483647 !important;
position: fixed !important;
} .synaplan-widget-loading {
opacity: 0.6;
pointer-events: none;
}
.synaplan-widget-loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid #f3f3f3;
border-top: 2px solid var(--synaplan-accent);
border-radius: 50%;
animation: synaplan-spin 1s linear infinite;
}
@keyframes synaplan-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .synaplan-widget-error {
background: #fee2e2;
border: 1px solid #fecaca;
color: #dc2626;
padding: 12px 16px;
border-radius: 8px;
margin: 20px 0;
font-size: 0.875rem;
}
.synaplan-widget-error::before {
content: '⚠️ ';
margin-right: 8px;
} @media (max-width: 768px) {
.synaplan-widget-shortcode {
margin: 10px 0;
}
} .synaplan-widget-shortcode:focus-within {
outline: 2px solid var(--synaplan-accent);
outline-offset: 2px;
} @media print {
.synaplan-widget-shortcode,
[id^="synaplan-inline-"],
#synaplan-chat-widget,
#synaplan-chat-overlay {
display: none !important;
}
}