#mates-cookie-banner, #mates-cookie-settings { box-sizing: border-box; font: 15px/1.5 system-ui, sans-serif; color: #172033; }
#mates-cookie-banner[hidden], #mates-cookie-settings[hidden], #mates-cookie-banner button[hidden] { display: none !important; }
#mates-cookie-banner { position: fixed; inset: auto 16px 16px; z-index: 2147483647; max-width: 900px; margin: auto; padding: 22px; border: 1px solid #cbd5e1; border-radius: 16px; background: #fff; box-shadow: 0 8px 40px #0f172a33; max-height: 85vh; overflow-y: auto; text-align: left; }
#mates-cookie-banner h2 { margin: 0 0 8px; color: #172033; font: 700 20px/1.3 system-ui, sans-serif; }
#mates-cookie-banner p { margin: 0 0 10px; color: #334155; font: 15px/1.5 system-ui, sans-serif; }
#mates-cookie-banner .mates-cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
#mates-cookie-banner button, #mates-cookie-settings { cursor: pointer; border: 1px solid #475569; border-radius: 8px; padding: 10px 16px; background: #fff; color: #172033; font: 600 15px/1.4 system-ui, sans-serif; min-height: 44px; }
#mates-cookie-banner button:hover, #mates-cookie-settings:hover { background: #eef2ff; }
#mates-cookie-banner button:focus-visible, #mates-cookie-settings:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
#mates-cookie-settings { position: fixed; bottom: 12px; left: 12px; z-index: 2147483646; box-shadow: 0 2px 10px #0f172a22; }
@media (max-width: 540px) { #mates-cookie-banner { inset: auto 8px 8px; padding: 16px; } #mates-cookie-banner .mates-cookie-actions button { flex: 1 1 100%; } }
@media print { #mates-cookie-banner, #mates-cookie-settings { display: none !important; } }