dashboard-header-view{background-color:var(--page-nav-bg-color);border-top:1px solid var(--page-nav-border-color);border-bottom:2px solid var(--page-nav-border-color);display:block}dashboard-header-view .max-width{margin:0 auto;padding:16px 16px 0 16px;box-sizing:border-box}dashboard-header-view .elevation-coordinates{color:var(--color-secondary-font);font-size:.75rem}dashboard-header-view .name-actions{display:flex;align-items:center;margin:8px 0 0 0;gap:8px}dashboard-header-view h1{font-size:1.5rem;font-weight:400;margin:0;padding:0}dashboard-header-view .location-info{margin:8px 0 0 0;display:flex;align-items:center;gap:8px}dashboard-header-view pws-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:16px 0}dashboard-header-view pws-status .indicator-text{display:flex;gap:1rem;align-items:center;text-transform:uppercase;font-size:12px;font-weight:500}dashboard-header-view pws-status .indicator{position:relative;width:16px;height:16px;border-radius:50%;transition:all .3s cubic-bezier(.4, 0, .2, 1)}dashboard-header-view pws-status .indicator::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;opacity:.3;animation:pulse 2s infinite}dashboard-header-view pws-status .indicator.connected{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 4px 20px rgba(16,185,129,.4)}dashboard-header-view pws-status .indicator.connected::before{background:#10b981}dashboard-header-view pws-status .indicator.disconnected,dashboard-header-view pws-status .indicator.offline{background:linear-gradient(45deg,#ef4444,#dc2626);box-shadow:0 4px 20px rgba(239,68,68,.4)}dashboard-header-view pws-status .indicator.disconnected::before,dashboard-header-view pws-status .indicator.offline::before{background:#ef4444}dashboard-header-view pws-status .time-info{font-size:.8rem;display:flex;gap:8px;align-items:center}dashboard-header-view pws-status time.short{display:none}dashboard-header-view .location-info a{font-weight:700;text-transform:uppercase;font-size:.94em}dashboard-header-view .pws-gold-star{background-image:var(--icon-goldstar);background-repeat:no-repeat;background-size:16px 22px;background-position:center;width:23px;min-width:23px;height:32px}dashboard-header-view pws-info{display:block;background-image:var(--icon-info);background-repeat:no-repeat;background-size:22px 22px;background-position:center;width:22px;min-width:22px;height:32px;cursor:pointer;opacity:.7}dashboard-header-view pws-info dialog{background-color:var(--bg-color);color:var(--font-color);border:1px solid var(--color-box-border);padding:0;outline:0;border-radius:16px;max-width:100%;width:320px;margin-top:70px;margin-left:350px;cursor:default}dashboard-header-view pws-info dialog::backdrop{background-color:rgba(34,31,31,.7)}dashboard-header-view pws-info dialog .top{position:sticky;top:0;background-color:var(--page-nav-bg-color)}dashboard-header-view pws-info dialog .top .header-info{display:flex;justify-content:space-between;align-items:center}dashboard-header-view pws-info dialog .top .close{width:20px;height:20px;background-image:var(--close-icon);background-repeat:no-repeat;background-size:contain;margin:16px;cursor:pointer;opacity:.6}dashboard-header-view pws-info dialog .top .close:hover{opacity:1}dashboard-header-view pws-info dialog .top .close:active{opacity:.5}dashboard-header-view pws-info dialog .top .title{font-size:1.1rem;font-weight:500;text-transform:uppercase;padding:16px;text-align:center;flex-grow:1;margin-right:36px}dashboard-header-view pws-info dialog ol{list-style:none;margin:16px;padding:0;display:flex;flex-direction:column;gap:8px}dashboard-header-view pws-info dialog li{display:grid;grid-template-columns:repeat(2,minmax(50%,1fr));word-break:break-word;overflow-wrap:break-word;white-space:normal}dashboard-header-view pws-info dialog li.spacer{margin-bottom:16px}dashboard-header-view pws-info dialog li span:first-of-type{font-weight:500}@keyframes pulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}}@media (max-width:640px){dashboard-header-view pws-info dialog{border:none;border-radius:0;width:100%;min-height:100dvh;margin:0}dashboard-header-view h1{font-size:1.3rem}}@media (max-width:432px){dashboard-header-view pws-status{padding:4px 0 12px 0}dashboard-header-view pws-status .indicator{width:12px;height:12px}dashboard-header-view pws-status .text{font-size:.9rem}dashboard-header-view pws-status time.short{display:block}dashboard-header-view pws-status time.long{display:none}}