.loyalty-logs { max-width:1220px; }
.loyalty-logs header { position:static; top:auto; z-index:auto; height:auto; backdrop-filter:none; }.loyalty-logs .logs-hero { display:block; }
.logs-hero { padding:32px 36px; border:1px solid #ba65724a; border-radius:14px; background:radial-gradient(ellipse at right top,#9f2a4936,transparent 65%),linear-gradient(125deg,#23151e,#12151f); }.logs-hero>span { color:#e7a59f; font-size:.63rem; letter-spacing:1.8px; }.logs-hero h2 { color:#f0ddc2; font-family:var(--font-title); font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.4; margin:14px 0; }.logs-hero em { color:#e8bc7c; font-style:normal; }.logs-hero p { font-size:.88rem; color:#c8b8c9; line-height:1.8; }
.logs-demo { color:#bba8c0; font-size:.74rem; line-height:1.8; margin:18px 0 25px; }.logs-demo b { color:#e9bc89; font-size:.6rem; letter-spacing:1px; margin-right:10px; }
.logs-tabs { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:9px; margin-bottom:30px; }.logs-tab { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:88px; text-align:center; }.logs-tab i { color:#d6af7f; font-size:1.1rem; }.logs-tab span { line-height:1.6; }.loyalty-logs button { font:inherit; font-size:.75rem; background:#14151f; color:#d3bfce; border:1px solid #b0776e3d; border-radius:8px; cursor:pointer; padding:13px; transition:background .2s,border-color .2s; }.loyalty-logs button:hover:not(:disabled) { border-color:#d884817d; background:#50233350; }.logs-tab.is-selected { color:#ffe1b5; border-color:#d4777b80; background:linear-gradient(120deg,#822b4055,#211720); box-shadow:inset 0 -2px #d6ac71; }.logs-tab.is-selected i { color:#f1a6aa; }
.logs-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }.logs-heading h3 { font-family:var(--font-ui); font-size:1.45rem; color:#edd4ae; margin-bottom:8px; }.logs-heading p { font-size:.82rem; line-height:1.8; color:#c3adc2; }.logs-heading button { flex-shrink:0; }.logs-heading i { margin-right:6px; }.logs-privacy { padding:14px 17px; border-left:2px solid #d68d8e; background:#96324716; color:#edc1b1; font-size:.8rem; line-height:1.8; margin-bottom:20px; }.logs-privacy i { margin-right:7px; }
.logs-filters { display:flex; flex-wrap:wrap; align-items:end; gap:14px; padding:20px; border:1px solid #a05c6940; background:#15131d; border-radius:10px; }.logs-filters label { display:flex; flex:1 1 150px; flex-direction:column; gap:8px; font-size:.7rem; color:#c8adbf; }.logs-filters label:first-child { flex:2 1 250px; }.logs-filters input,.logs-filters select { width:100%; min-width:0; height:42px; border:1px solid #b7916544; border-radius:6px; background:#0c111a; color:#e6d7e2; font:inherit; font-size:.8rem; padding:0 12px; color-scheme:dark; }.logs-filters>div { display:flex; gap:9px; }.loyalty-logs .logs-primary { background:#76243a66; border-color:#c87c7c7a; color:#f9d8b5; }
.logs-results { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; padding:19px 2px; font-size:.73rem; color:#baa3bc; }.logs-results strong { color:#d4b98d; font-weight:500; }.logs-feed { display:grid; gap:12px; }.logs-event { padding:20px 23px; border:1px solid #ad746b35; border-radius:10px; background:linear-gradient(120deg,#2b182244,#11151e); }.logs-event-header { display:flex; align-items:center; gap:13px; padding-bottom:16px; border-bottom:1px solid #b66b6624; }.logs-event-header strong { color:#ebd5be; font-size:.84rem; font-weight:500; overflow-wrap:anywhere; }.logs-event-header time { color:#b9a5bd; font-size:.68rem; margin-left:auto; white-space:nowrap; }.logs-state { color:#dfbf84; border:1px solid #bd9b5144; border-radius:5px; background:#bc8e1d09; font-size:.61rem; padding:5px 9px; }.logs-state.is-warning { color:#efa4ad; border-color:#be526459; background:#a62e4512; }
.logs-event-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:17px 0; }.logs-event-fields dt { color:#b49aac; font-size:.65rem; margin-bottom:8px; }.logs-event-fields dd { margin:0; color:#e0cbd9; font-size:.84rem; line-height:1.7; overflow-wrap:anywhere; }.logs-details { border-top:1px solid #bb6e6b20; padding-top:13px; }.logs-details summary { font-size:.69rem; color:#d0ad86; cursor:pointer; }.logs-details dl { margin:15px 0 0; display:grid; gap:12px; }.logs-details dl>div { display:grid; grid-template-columns:150px 1fr; gap:15px; }.logs-details dt { color:#b59db3; font-size:.7rem; }.logs-details dd { color:#d6becf; margin:0; font-size:.76rem; line-height:1.8; }
.logs-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; align-items:center; margin-top:22px; color:#b19db9; font-size:.7rem; }.logs-footer>div { display:flex; align-items:center; gap:14px; }.logs-footer button { padding:8px 13px; }.loyalty-logs button:disabled { opacity:.35; cursor:default; }.logs-empty { padding:40px 20px; text-align:center; font-size:.86rem; color:#d7bdce; border:1px solid #ad61683b; border-radius:10px; background:#17131e; }.loyalty-logs :is(button,input,select,summary):focus-visible { outline:2px solid #eda49c; outline-offset:3px; }
@media(max-width:1000px) { .logs-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:650px) { .logs-hero { padding:25px; }.logs-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }.logs-tab { flex-direction:row; min-height:65px; }.logs-event-fields { grid-template-columns:1fr 1fr; }.logs-event-header { flex-wrap:wrap; }.logs-event-header time { margin-left:0; }.logs-event-header strong { width:100%; }.logs-details dl>div { grid-template-columns:1fr; gap:5px; }.logs-heading { align-items:start; }.logs-event { padding:18px; } }
@media(prefers-reduced-motion:reduce) { .loyalty-logs * { transition:none!important; animation:none!important; } }
@media(min-width:1251px) { header .navlinks { gap:3px; }header .navlinks .link { font-size:.78rem; padding:10px 8px; letter-spacing:.2px; } }
@media(max-width:1250px) { header .navlinks { display:flex; position:absolute; top:100%; left:0; width:100%; max-height:calc(100dvh - 76px); overflow-y:auto; padding:18px; flex-direction:column; background:#07090efc; border-bottom:1px solid var(--border-gold); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-12px); transition:opacity .25s,transform .25s,visibility .25s; }header .navlinks.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }header .navlinks .link { width:100%; text-align:center; }header .mburg { display:block; } }

/* Public navigation stays visible before account activation. */
@media(max-width:1250px) {
  #site-header.visitor-header { margin-bottom:51px; }
  #site-header.visitor-header .navlinks { display:flex; flex-direction:row; justify-content:center; gap:12px; position:absolute; top:100%; left:0; width:100%; height:51px; max-height:none; padding:5px 16px; overflow:visible; opacity:1; visibility:visible; pointer-events:auto; transform:none; background:#0e1018fa; border-bottom:1px solid #b88c4d45; }
  #site-header.visitor-header .navlinks .link { width:auto; padding:10px 18px; font-size:.8rem; }
  #site-header.visitor-header .mburg { display:none; }
}