.tj-consent { position: fixed; z-index: 2147483646; bottom: 64px; left: 16px; width: min(440px, calc(100vw - 32px)); max-height: 75vh; overflow: auto; box-sizing: border-box; padding: 24px; border: 1px solid #607581; border-radius: 16px; background: #fff; color: #17303f; box-shadow: 0 8px 40px #0003; font: 16px/1.5 Arial, sans-serif; }
.tj-consent[hidden], .tj-consent [hidden] { display: none; }
.tj-consent h2 { color: #17303f; font: bold 20px/1.3 Arial, sans-serif; margin: 0 0 12px; }
.tj-consent p { margin: 0 0 12px; }
.tj-consent a { color: #17303f; text-decoration: underline; }
.tj-consent__actions { display: flex; gap: 12px; margin: 16px 0; }
.tj-consent__actions button { flex: 1; min-width: 0; min-height: 44px; padding: 10px; background: #fff; color: #17303f; border: 2px solid #607581; border-radius: 8px; font: bold 16px Arial, sans-serif; cursor: pointer; }
.tj-consent__actions button:hover { background: #eef2f4; }
.tj-consent__actions [data-consent="yes"], .tj-consent__actions [data-consent="save"] { background: #f9b233; border-color: #f9b233; color: #17303f; }
.tj-consent__actions [data-consent="yes"]:hover, .tj-consent__actions [data-consent="save"]:hover { background: #ffd07a; border-color: #ffd07a; }
.tj-consent__option { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 16px 0 8px; font-weight: bold; cursor: pointer; }
.tj-consent__option input { flex: 0 0 auto; width: 20px; height: 20px; margin: 0; accent-color: #17303f; }
.tj-consent .tj-consent__reminder { margin: 12px 0 0; font-size: 14px; }
.tj-consent-settings { position: fixed; bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; z-index: 2147483645; min-height: 40px; border: 1px solid #17303f; border-radius: 8px; padding: 8px 12px; color: #17303f; background: #fff; font: 14px Arial, sans-serif; cursor: pointer; }
.tj-consent button:focus-visible, .tj-consent a:focus-visible, .tj-consent input:focus-visible, .tj-consent-settings:focus-visible { outline: 3px solid #b05d00; outline-offset: 3px; }