:root { --houdata-ink: #102331; --houdata-deep: #071923; --houdata-graphite: #243541; --houdata-warm: #f7f7f2; --houdata-teal: #2faf9f; }
body { background: var(--houdata-warm); color: var(--houdata-ink); font-family: Inter, system-ui, sans-serif; }
.houdata-navbar { background: var(--houdata-deep); box-shadow: none; min-height: 4.5rem; padding: 0 .75rem; }
.houdata-navbar .navbar-item, .houdata-navbar .navbar-link { color: #f7f7f2; font-size: .9rem; }
.houdata-navbar .navbar-item:hover, .houdata-navbar .navbar-link:hover { background: transparent; color: #fff; }
.houdata-navbar .navbar-item.is-active { background: rgba(255, 255, 255, .12); color: #fff; }
.houdata-navbar .navbar-dropdown .navbar-item { color: var(--houdata-ink); }
.houdata-lockup { font-size: 1.2rem !important; font-weight: 600; gap: .55rem; letter-spacing: -.04em; margin-right: 1rem; }
.houdata-lockup img { object-fit: contain; }
.houdata-lockup span { color: var(--houdata-teal); }
.houdata-profile-trigger { gap: .45rem; }
.houdata-avatar { align-items: center; background: var(--houdata-teal); border-radius: 50%; color: var(--houdata-deep); display: inline-flex; font-size: .72rem; font-weight: 700; height: 1.85rem; justify-content: center; letter-spacing: .03em; width: 1.85rem; }
.houdata-navbar .navbar-dropdown small { color: #687985; }
.houdata-navbar .navbar-dropdown form { margin: 0; }
.houdata-navbar .navbar-dropdown .button.navbar-item { border: 0; border-radius: 0; color: var(--houdata-ink); justify-content: flex-start; padding-left: .75rem; }
.houdata-search { min-width: min(27rem, 31vw); }
.houdata-search .input { background: var(--houdata-graphite); border-color: #49616e; color: #fff; box-shadow: none; }
.houdata-search .input::placeholder { color: #ced8d8; }
.houdata-main { min-height: calc(100vh - 4.5rem); }
.houdata-surface, .houdata-side-panel { background: #fff; border: 1px solid #dce3e3; border-radius: .7rem; overflow: hidden; }
.houdata-side-panel { padding: 1.5rem; }
.houdata-surface .table { background: transparent; }
.houdata-surface .table th { background: #f1f4f3; color: #536470; font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; }
.houdata-surface .table td { vertical-align: middle; }
.houdata-surface a, .houdata-side-panel a { color: var(--houdata-ink); }
.houdata-quick-link, .houdata-ticket-link, .houdata-search-result { align-items: center; border-top: 1px solid #e6ebea; display: flex; gap: .85rem; padding: 1rem 0; }
.houdata-quick-link:first-of-type, .houdata-ticket-link:first-of-type, .houdata-search-result:first-child { border-top: 0; }
.houdata-quick-link small, .houdata-ticket-link small, .houdata-search-result small { color: #687985; display: block; margin-top: .15rem; }
.houdata-ticket-link { align-items: flex-start; flex-wrap: wrap; }
.houdata-ticket-link strong { flex: 1 1 70%; }
.houdata-ticket-link small { flex-basis: 100%; }
.houdata-search-result { padding: 1rem 1.25rem; }
.houdata-search-result > span:nth-child(2) { flex: 1; }
.tabs.is-toggle li.is-active a, .button.is-primary { background: var(--houdata-teal); border-color: var(--houdata-teal); color: #fff; }
.tabs.is-toggle a { color: var(--houdata-ink); }
@media (prefers-color-scheme: dark) { body, .houdata-main { background: var(--houdata-deep); color: var(--houdata-warm); } .title, .subtitle { color: var(--houdata-warm) !important; } .houdata-surface, .houdata-side-panel { background: var(--houdata-graphite); border-color: #40535e; } .houdata-surface .table, .houdata-surface .table td, .houdata-surface .table th { background: transparent; color: var(--houdata-warm); } .houdata-surface .table th { background: #1a2b35; } .houdata-surface a, .houdata-side-panel a { color: var(--houdata-warm); } .houdata-quick-link, .houdata-ticket-link, .houdata-search-result { border-color: #40535e; } .tabs.is-toggle a { background: var(--houdata-graphite); border-color: #40535e; color: var(--houdata-warm); } }
@media screen and (max-width: 1023px) { .houdata-navbar { padding: 0; } .houdata-navbar .navbar-menu { display: block; background: var(--houdata-deep); } .houdata-navbar .navbar-start { display: flex; flex-wrap: wrap; } .houdata-search { min-width: 100%; } }