/* Hotel DeraChat PWA Helper — exact compact reference layout, recolored to theme */
:root{--hd-bg:#FAF5FF;--hd-surface:#fff;--hd-ink:#18181B;--hd-muted:#71717A;--hd-line:#E9D5FF;--hd-purple:#7C3AED;--hd-cyan:#06B6D4;--hd-shadow:0 16px 45px rgba(24,24,27,.16)}
#hotelderachat-install[hidden]{display:none!important}
.hd-pwa-install{position:fixed;left:0;right:0;top:68px;z-index:2147483000;padding:0 16px;display:flex;justify-content:center;pointer-events:none;font-family:Inter,Arial,sans-serif}
.hd-pwa-card{width:min(620px,100%);min-height:64px;display:flex;align-items:center;gap:11px;padding:9px 11px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hd-line);border-radius:17px;box-shadow:var(--hd-shadow);pointer-events:auto;box-sizing:border-box}
.hd-pwa-card:before{content:"";width:4px;align-self:stretch;border-radius:8px;background:linear-gradient(180deg,var(--hd-purple),var(--hd-cyan))}
.hd-pwa-icon{width:44px;height:44px;border-radius:13px;flex:0 0 44px;object-fit:cover;box-shadow:0 6px 14px rgba(124,58,237,.18)}
.hd-pwa-copy{min-width:0;flex:1}.hd-pwa-copy strong{display:block;color:var(--hd-ink);font:800 12px/1.2 'Plus Jakarta Sans',Inter,Arial,sans-serif}.hd-pwa-copy p{margin:3px 0 0;color:var(--hd-muted);font-size:9px;line-height:1.35}
.hd-pwa-action{border:0;border-radius:20px;background:linear-gradient(100deg,var(--hd-purple),var(--hd-cyan));color:#fff;padding:9px 13px;font:800 9px Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px rgba(124,58,237,.20);transition:transform .15s ease,filter .15s ease}.hd-pwa-action:hover{transform:translateY(-1px);filter:brightness(1.04)}
.hd-pwa-x{width:27px;height:27px;border:1px solid var(--hd-line);background:var(--hd-surface);color:#71717A;font-size:18px;line-height:1;cursor:pointer;border-radius:50%;display:grid;place-items:center;flex:0 0 27px;order:6}.hd-pwa-action:focus-visible,.hd-pwa-x:focus-visible{outline:2px solid var(--hd-cyan);outline-offset:2px}
html.hotelderachat-dark .hd-pwa-card{background:rgba(24,24,27,.97);border-color:#3F3F46;box-shadow:0 18px 48px rgba(0,0,0,.42)}html.hotelderachat-dark .hd-pwa-copy strong{color:#F5F5F5}html.hotelderachat-dark .hd-pwa-copy p{color:#A1A1AA}html.hotelderachat-dark .hd-pwa-x{background:#18181B;border-color:#3F3F46;color:#D4D4D8}
@media(prefers-color-scheme:dark){html:not(.hotelderachat-light) .hd-pwa-card{background:rgba(24,24,27,.97);border-color:#3F3F46;box-shadow:0 18px 48px rgba(0,0,0,.42)}html:not(.hotelderachat-light) .hd-pwa-copy strong{color:#F5F5F5}html:not(.hotelderachat-light) .hd-pwa-copy p{color:#A1A1AA}html:not(.hotelderachat-light) .hd-pwa-x{background:#18181B;border-color:#3F3F46;color:#D4D4D8}}
@media(max-width:700px){.hd-pwa-install{top:61px;padding:0 9px}.hd-pwa-card{min-height:62px;gap:7px;padding:8px 8px;border-radius:15px}.hd-pwa-card:before{width:3px}.hd-pwa-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}.hd-pwa-copy strong{font-size:10px}.hd-pwa-copy p{font-size:7.5px;line-height:1.35;margin-top:2px}.hd-pwa-action{padding:8px 10px;font-size:8px;border-radius:17px}.hd-pwa-x{width:24px;height:24px;flex-basis:24px;font-size:16px}}
@media(max-width:390px){.hd-pwa-card{gap:6px;padding:7px}.hd-pwa-icon{width:35px;height:35px;flex-basis:35px}.hd-pwa-copy p{display:none}.hd-pwa-action{padding:8px 9px}.hd-pwa-x{width:22px;height:22px;flex-basis:22px}}