/* Cookie choice (consent.js): a small card in the bottom-left corner, the same on hyperdesk.com and app.hyperdesk.com
   (a copy of home/consent.css: change both). The two buttons are the same size. */
.cookie { position: fixed; left: 16px; bottom: 16px; z-index: 1000; width: min(380px, calc(100vw - 32px)); padding: 16px; border: 1px solid #D9D7D1; border-radius: 18px; background: #FFFFFF; color: #29251E; box-shadow: 0 1px 2px rgba(25, 22, 16, 0.06), 0 18px 48px -12px rgba(25, 22, 16, 0.28); font-family: inherit; font-size: 13.5px; font-weight: 400; line-height: 1.45; letter-spacing: normal; }
.cookie p { margin: 0; }
.cookie-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
/* A small cookie drawn in CSS on the brand's sky panel */
.cookie-ic { position: relative; flex: none; width: 30px; height: 30px; border-radius: 9px; background: #E6F7FC; }
.cookie-ic::before { content: ""; position: absolute; left: 7px; top: 7px; width: 16px; height: 16px; border-radius: 50%; background: radial-gradient(circle at 35% 38%, #29251E 0 1.6px, transparent 2px), radial-gradient(circle at 64% 62%, #29251E 0 1.6px, transparent 2px), radial-gradient(circle at 38% 72%, #29251E 0 1.3px, transparent 1.7px), #E7B97A; box-shadow: inset 0 0 0 1px rgba(41, 37, 30, 0.18); }
.cookie-title { font-size: 15px; font-weight: 600; letter-spacing: -0.01em; }
.cookie-text { color: #5A564F; }
.cookie a { color: #29251E; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.cookie-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.cookie button { height: 40px; padding: 0 12px; border: 1px solid #28241E; border-radius: 9px; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer; transition: background-color 0.15s; }
.cookie-no { background: #FFFFFF; color: #29251E; }
.cookie-no:hover { background: #F7F6F6; }
.cookie-yes { background: #28241E; color: #FFFFFF; }
.cookie-yes:hover { background: #404040; }
.cookie a:focus-visible, .cookie button:focus-visible { outline: 2px solid #29251E; outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
  .cookie { animation: cookie-in 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
  @keyframes cookie-in { from { opacity: 0; transform: translateY(8px); } }
}
@media (max-width: 599px) {
  .cookie { left: 10px; right: 10px; bottom: max(10px, env(safe-area-inset-bottom, 0px)); width: auto; padding: 14px; font-size: 13px; }
  .cookie-head { margin-bottom: 6px; }
  .cookie-actions { margin-top: 12px; }
}
@media print {
  .cookie { display: none; }
}