.brand { display: inline-flex; align-items: center; gap: 14px; color: inherit; text-decoration: none; }
.brand img { width: 62px; height: 62px; padding: 7px; border-radius: 16px; background: #fff; object-fit: contain; }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 1.04rem; letter-spacing: .01em; }
.brand small { margin-top: 2px; opacity: .76; font-size: .77rem; }
.gold-button, .header-action, .primary-button, .secondary-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 20px; border: 0; border-radius: 999px; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.gold-button { color: #17150f; background: var(--gold); box-shadow: 0 10px 30px rgba(211,173,74,.2); }
.gold-button:hover, .primary-button:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(211,173,74,.27); }
.primary-button { width: 100%; color: #15130f; background: var(--gold); }
.secondary-button { color: var(--gold-light); background: transparent; border: 1px solid rgba(211,173,74,.44); }
.pill { display: inline-flex; align-items: center; min-height: 27px; padding: 4px 10px; border-radius: 999px; font-size: .7rem; font-weight: 800; letter-spacing: .03em; }
.pill-local { color: #e9ca72; background: #282416; }
.pill-open { color: #b8efd4; background: #153a29; }
.pill-reference { color: #d5d1c5; background: #30302d; }
.empty-state { padding: 34px; border: 1px dashed #c9b46e; border-radius: var(--radius); color: var(--muted); text-align: center; }
