/* Header container inspired by the supplied reference's compact application bar. */
.portal-app-header{box-sizing:border-box;background:#1c1921;border-bottom:1px solid rgba(255,255,255,.1)}.portal-header-search .portal-search{height:38px;padding:2px 4px;background:#19161e;border-color:#39333e}.portal-header-search .portal-search input{font-size:14px}.portal-header-search .portal-search button{width:34px;height:30px;padding:0;justify-content:center;background:transparent;color:#bbb4c0}.portal-header-search .portal-search button span:last-child{display:none}.portal-header-search .portal-search button:hover{background:#302a34;color:#fff}.portal-header-actions{gap:7px}.portal-header-actions .portal-icon-button{border:1px solid #39333e;border-radius:10px;color:#e7e1e9}.portal-header-actions .portal-icon-button:hover{border-color:#ff8a00;color:#ffb000;background:#2b252e}.portal-icon-button:focus-visible,.portal-header-actions a:focus-visible{outline:2px solid #ffb000;outline-offset:2px}@media(min-width:1200px){.portal-header-search{position:absolute;left:50%;transform:translateX(-50%);width:min(380px,30vw);margin:0}.portal-header-actions{margin-left:auto}.portal-brand{position:relative;z-index:1}}@media(max-width:767px){.portal-header-actions .portal-icon-button:nth-child(n+4){display:none}.portal-header-search .portal-search{height:40px}.portal-header-search .portal-search button{display:grid}}