.tracking-consent { position: fixed; bottom: 1rem; left: 1rem; z-index: 10000; width: min(36rem, calc(100% - 2rem)); max-height: 85dvh; overflow: auto; padding: 1.4rem; border: 1px solid #4a647f; border-radius: 16px; background: #101b2b; color: #edf5ff; box-shadow: 0 12px 45px #0009; font: 1rem/1.55 Inter, sans-serif; }
.tracking-consent[hidden] { display: none; }
.tracking-consent p { margin: .7rem 0; color: #c4d2e4; }
.tracking-consent a, .tracking-privacy a { color: #67e2ff; }
.tracking-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.tracking-actions button, .tracking-manage, .tracking-surface button, .tracking-privacy button { cursor: pointer; padding: .7rem 1rem; color: #eaf5ff; background: #20334c; border: 1px solid #7089a5; border-radius: 8px; font: inherit; min-height: 44px; }
.tracking-actions button { flex: 1; }
.tracking-manage { display: block; margin: 1.5rem auto; font-size: .875rem; }
.tracking-surface { color: #eaf4ff; font-size: 1rem; min-width: 0; }
.tracking-surface h2, .tracking-surface h3 { margin: 0 0 .8rem; }
.tracking-surface p { color: #b8c9df; line-height: 1.6; }
.tracking-filters { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; margin: 1rem 0; }
.tracking-filters label { display: grid; gap: .4rem; font-size: .875rem; }
.tracking-filters select, .tracking-filters input { background: #142238; border: 1px solid #57718e; color: #edf5ff; border-radius: 8px; padding: .7rem; min-height: 44px; max-width: 100%; font: inherit; }
.tracking-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: .8rem; margin: 1.2rem 0; }
.tracking-metric { background: #15263b; border: 1px solid #304a68; border-radius: 12px; padding: 1rem; }
.tracking-metric strong { display: block; color: #63dfff; font-size: 1.8rem; margin-bottom: .3rem; }
.tracking-metric span { font-size: .875rem; }
.tracking-section { padding: 1.3rem 0; border-top: 1px solid #31445b; }
.tracking-table-wrap { overflow: auto; max-height: 34rem; }
.tracking-surface table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.tracking-surface th { text-align: left; color: #9bc7e9; }
.tracking-surface th, .tracking-surface td { padding: .8rem; border-bottom: 1px solid #2d4159; overflow-wrap: anywhere; }
.tracking-surface td:first-child { min-width: 140px; }
.tracking-surface td button { text-align: left; }
.tracking-funnel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; padding: 0; list-style-position: inside; }
.tracking-funnel li { background: #14283a; padding: 1rem; border-top: 3px solid #39c9e7; border-radius: 6px; }
.tracking-funnel strong { display: block; font-size: 1.8rem; }
.tracking-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.tracking-privacy { max-width: 850px; margin: 3rem auto; padding: 1.5rem; line-height: 1.7; font-size: 1rem; }
.tracking-privacy h1 { font-size: 2rem; }
.tracking-surface :focus-visible, .tracking-consent :focus-visible { outline: 3px solid #6de6ff; outline-offset: 3px; }
@media (max-width: 700px) { .tracking-funnel { grid-template-columns: 1fr 1fr; } .tracking-columns { grid-template-columns: 1fr; } .tracking-filters label { width: 100%; } }