/* Shared lightweight header for Pre-WorkSpace and its ComponentDB catalog. */
.cxe-worktop {display:flex;align-items:center;gap:18px;justify-content:space-between;max-width:none;width:100%;margin:18px 0 0;padding:13px 18px;border:1px solid #dbe5fa;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 13px 39px #194eaf11;color:#16345e;position:relative;z-index:10;box-sizing:border-box}
.cxe-worktop a {text-decoration:none!important}
.cxe-worktop-brand {display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:16px;font-weight:800;color:#12315c}
.cxe-worktop-logo {display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#648eff,#3462e8);color:#fff;box-shadow:0 9px 20px #416cf43b;flex:none}
.cxe-worktop-logo svg {width:26px;height:26px}
.cxe-worktop-brand small {display:block;margin-top:3px;color:#7889aa;font-size:12px;font-weight:500}
.cxe-worktop-nav {display:flex;align-items:center;gap:6px;margin:auto}
.cxe-worktop-link {display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:11px;font-size:14px;color:#50678d;font-weight:720;white-space:nowrap}
.cxe-worktop-link:hover,.cxe-worktop-link.is-active {background:#edf3ff;color:#2856bd}
.cxe-worktop-actions {display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.cxe-worktop-credit {display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:11px;border:1px solid #dce7ff;background:linear-gradient(135deg,#f2f7ff,#e8f0ff);color:#2351b8!important;white-space:nowrap;font-size:15px;font-weight:820}
.cxe-credit-dot {display:grid;place-items:center;width:20px;height:20px;border-radius:7px;color:#fff;background:linear-gradient(140deg,#5280ff,#3569da);font-size:15px}
.cxe-worktop-credit small {font-size:12px;font-weight:630;color:#5476b2}
.cxe-worktop-user {display:inline-flex;align-items:center;gap:7px;padding:6px 9px 6px 6px;border-radius:11px;border:1px solid #edf1f9;background:#fff;color:#263c63!important;font-weight:680;font-size:14px}
.cxe-user-avatar {width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3f6cf6,#7ea8ff);font-size:13px;font-weight:800;flex:none}
.cxe-user-name {max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxe-worktop-admin {padding:9px 10px;border-radius:10px;color:#69809f!important;font-size:13px;font-weight:650}
.cxe-worktop-admin:hover {background:#f2f6ff;color:#244db1!important}
.cxe-worktop-logout {margin:0}
.cxe-worktop-exit {display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe4f6;border-radius:11px;padding:10px 14px;min-height:41px;background:#fff;color:#1e365e!important;cursor:pointer;font:700 14px/1.2 Inter,system-ui,sans-serif;white-space:nowrap}
.cxe-worktop-exit:hover {background:#ecf2ff;border-color:#b7cdf7}
.cxe-worktop .cxe-compact-locale {max-width:118px!important}
@media(max-width:1240px){.cxe-worktop{flex-wrap:wrap}.cxe-worktop-nav{margin-left:auto;margin-right:0}.cxe-worktop-actions{width:100%;justify-content:flex-end}.cxe-user-name{max-width:160px}}
@media(max-width:680px){.cxe-worktop{gap:9px;padding:11px 12px}.cxe-worktop-brand{font-size:14px}.cxe-worktop-logo{width:37px;height:37px}.cxe-worktop-brand small{display:none}.cxe-worktop-nav{order:3;width:100%;justify-content:space-around;border-top:1px solid #e7edfa;padding-top:8px}.cxe-worktop-actions{width:auto;flex:1;gap:6px}.cxe-worktop-credit{padding:8px;font-size:13px}.cxe-worktop-credit small{display:none}.cxe-worktop-user{padding:4px}.cxe-user-name{display:none}.cxe-worktop-admin{display:none}.cxe-worktop-exit{padding:8px 10px;min-height:37px;font-size:13px}.cxe-worktop .cxe-compact-locale{max-width:85px!important}}