.zas-panel{box-sizing:border-box;width:100%;max-width:440px;margin-left:auto;padding:16px 20px;border:1px solid rgba(245,181,27,.45);border-radius:14px;background:rgba(245,181,27,.30);color:#073b60;font-family:inherit;text-align:center;box-shadow:0 1px 3px rgba(4,49,75,.06)}
.zas-identity{display:flex;align-items:center;justify-content:center;gap:9px;font-size:16px;line-height:1.45}.zas-person{color:#075c75;display:inline-flex;align-items:center;justify-content:center;flex:none}.zas-person svg{display:block;width:20px;height:20px}.zas-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px}.zas-link{font-weight:600;color:#075c75;text-decoration:underline;text-underline-offset:3px}.zas-link:hover,.zas-link:focus{color:#003f56}.zas-divider{color:#567c8c}.zas-hint{font-size:14px;line-height:1.5;margin:9px 0 0}.zas-buttons{gap:9px}.zas-button{display:inline-block;padding:9px 13px;border-radius:7px;border:1px solid #087e91;font-weight:700;font-size:14px;text-decoration:none!important}.zas-primary{background:#285c63;color:#fff!important}.zas-secondary{background:#fff;color:#164e60!important}.zas-button:hover,.zas-button:focus{filter:brightness(.94)}@media(max-width:767px){.zas-panel{max-width:none;margin:0;padding:14px 12px}.zas-identity{font-size:14px}}

/* v1.1.1: Keep the gold tint on the background only.
   Solid foreground colours and a lightly blurred backdrop prevent the
   underlying hero image from making text appear washed out. */
.zas-panel {
  opacity: 1;
  background-color: rgba(245, 181, 27, 0.30);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #073b60;
}
.zas-panel .zas-identity,
.zas-panel .zas-identity span,
.zas-panel .zas-identity strong,
.zas-panel .zas-hint { color: #073b60; opacity: 1; }
.zas-panel .zas-person,
.zas-panel .zas-person svg { color: #075c75; opacity: 1; }
.zas-panel .zas-link { color: #075c75; opacity: 1; }
.zas-panel .zas-link:hover,
.zas-panel .zas-link:focus { color: #003f56; }
.zas-panel .zas-divider { color: #315d6b; opacity: 1; }

/* v1.2.0 — optional compact global-header layout; default remains unchanged. */
.zas-panel .zas-mobile-label{display:none}
.zas-panel.zas-panel--header{width:max-content;max-width:100%;min-height:0;margin:0 0 0 auto;padding:9px 13px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;text-align:center}
.zas-panel.zas-panel--header .zas-identity{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;font-size:14px;line-height:1.3;white-space:nowrap}
.zas-panel.zas-panel--header .zas-person svg{width:17px;height:17px}
.zas-panel.zas-panel--header .zas-actions{display:flex;flex-wrap:nowrap;gap:8px;margin:0;align-items:center;justify-content:center;line-height:1.3}
.zas-panel.zas-panel--header .zas-link{font-size:13px;line-height:1.3;white-space:nowrap}
.zas-panel.zas-panel--header .zas-hint{display:none}
.zas-panel.zas-panel--header .zas-buttons{gap:6px}
.zas-panel.zas-panel--header .zas-button{font-size:12px;line-height:1.25;padding:5px 8px;white-space:nowrap}
@media(max-width:767px){
 .zas-panel.zas-panel--header{width:max-content;max-width:100%;margin:0 auto;padding:7px 9px;flex-direction:row;flex-wrap:wrap;gap:7px;border-radius:10px}
 .zas-panel.zas-panel--header .zas-identity{font-size:11px;gap:4px}
 .zas-panel.zas-panel--header .zas-person svg{width:13px;height:13px}
 .zas-panel.zas-panel--header .zas-full-label{display:none}
 .zas-panel.zas-panel--header .zas-mobile-label{display:inline}
 .zas-panel.zas-panel--header .zas-actions{gap:5px}
 .zas-panel.zas-panel--header .zas-link{font-size:11px}
 .zas-panel.zas-panel--header .zas-button{font-size:11px;padding:4px 6px}
 .zas-panel.zas-panel--header .zas-divider{font-size:11px}
}

/* v1.2.1: Soften only the desktop/tablet header account panel.
   Keep the compact mobile header and standard panel unchanged. */
@media (min-width: 768px) {
  .zas-panel.zas-panel--header {
    background-color: rgba(245, 181, 27, 0.20);
    border-color: #F5B51B;
    padding: 8px 12px;
    border-radius: 12px;
  }
}