#haberx-app-banner {
    all: initial;
    --hx-bg: #161719;
    --hx-text: #fff;
    --hx-muted: #bec1c6;
    --hx-accent: #e50932;
    --hx-border: #303236;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 2px solid var(--hx-accent);
    border-radius: 0;
    background: var(--hx-bg);
    color: var(--hx-text);
    font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    text-align: left;
    direction: ltr;
    isolation: isolate;
    flex: 0 0 auto;
}
#haberx-app-banner[data-appearance="light"] { --hx-bg: #fff; --hx-text: #17191c; --hx-muted: #585e68; --hx-border: #e6e8eb; }
#haberx-app-banner[data-placement="bottom"] {
    position: fixed;
    z-index: 900;
    inset: auto 0 var(--hx-banner-offset, 0px) 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-top: 2px solid var(--hx-accent);
    border-bottom: 0;
}
#haberx-app-banner * { box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; letter-spacing: normal; text-transform: none; }
#haberx-app-banner .hx-banner-inner {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 86px 28px;
    gap: 12px;
    align-items: center;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 16px max(14px, env(safe-area-inset-right, 0px)) 16px max(14px, env(safe-area-inset-left, 0px));
}
#haberx-app-banner .hx-banner-icon { display: block; width: 42px; height: 42px; max-width: none; border: 0; border-radius: 10px; object-fit: cover; box-shadow: none; }
#haberx-app-banner .hx-banner-copy { display: grid; gap: 4px; min-width: 0; }
#haberx-app-banner .hx-banner-copy strong { display: block; color: var(--hx-text); font-size: 16px; font-weight: 750; line-height: 1.22; letter-spacing: -0.3px; overflow-wrap: anywhere; }
#haberx-app-banner .hx-banner-copy > span { display: block; color: var(--hx-muted); font-size: 12px; font-weight: 400; line-height: 1.45; overflow-wrap: anywhere; }
#haberx-app-banner .hx-banner-actions { display: grid; justify-items: stretch; gap: 5px; min-width: 0; }
#haberx-app-banner a { text-decoration: none; cursor: pointer; }
#haberx-app-banner .hx-banner-primary { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 48px; width: 100%; padding: 7px 8px; border: 0; border-radius: 5px; background: var(--hx-accent); color: #fff; box-shadow: none; transition: background-color 160ms ease; }
#haberx-app-banner .hx-banner-primary small { color: inherit; font-size: 10px; font-weight: 500; line-height: 1.3; }
#haberx-app-banner .hx-banner-primary > span { display: flex; align-items: center; justify-content: center; gap: 7px; color: inherit; font-size: 15px; font-weight: 750; line-height: 1.2; }
#haberx-app-banner .hx-banner-arrow { display: block; width: 15px; height: 15px; min-width: 15px; }
#haberx-app-banner .hx-banner-primary:hover { background: #bf092b; color: #fff; }
#haberx-app-banner .hx-banner-secondary { text-align: center; color: var(--hx-muted); font-size: 10px; line-height: 1.4; text-decoration: underline; text-underline-offset: 3px; }
#haberx-app-banner .hx-banner-close { appearance: none; display: grid; place-items: center; width: 28px; min-width: 28px; height: 44px; border: 0; border-radius: 3px; background: transparent; color: var(--hx-muted); box-shadow: none; cursor: pointer; }
#haberx-app-banner .hx-banner-close-icon { width: 18px; height: 18px; }
#haberx-app-banner .hx-banner-close:hover { color: var(--hx-text); background: var(--hx-border); }
#haberx-app-banner a:focus-visible, #haberx-app-banner button:focus-visible { outline: 2px solid var(--hx-text); outline-offset: 3px; }
#haberx-banner-spacer { display: block; flex-shrink: 0; width: 100%; pointer-events: none; }
@media (min-width: 600px) {
    #haberx-app-banner .hx-banner-inner { grid-template-columns: 46px minmax(0, 1fr) 110px 32px; gap: 18px; padding: 15px 24px; }
    #haberx-app-banner .hx-banner-icon { width: 46px; height: 46px; }
    #haberx-app-banner .hx-banner-copy strong { font-size: 19px; }
    #haberx-app-banner .hx-banner-copy > span { font-size: 13px; }
}
@media (max-width: 359px) {
    #haberx-app-banner .hx-banner-inner { grid-template-columns: 34px minmax(0, 1fr) 74px 26px; gap: 8px; padding: 14px 10px; }
    #haberx-app-banner .hx-banner-icon { width: 34px; height: 34px; border-radius: 8px; }
    #haberx-app-banner .hx-banner-copy strong { font-size: 15px; }
    #haberx-app-banner .hx-banner-copy > span { font-size: 11px; }
    #haberx-app-banner .hx-banner-primary { padding-inline: 5px; }
    #haberx-app-banner .hx-banner-close { min-width: 26px; width: 26px; }
}
@media (prefers-reduced-motion: reduce) { #haberx-app-banner .hx-banner-primary { transition: none; } }
@media print { #haberx-app-banner, #haberx-banner-spacer { display: none; } }