.ifco-apps-host{position:relative;display:flex;align-items:center;flex-shrink:0}.ifco-apps-trigger{display:grid;place-items:center}.ifco-apps-dots{display:grid;grid-template-columns:repeat(3,4px);gap:3px}.ifco-apps-dots i{width:4px;height:4px;border-radius:50%;background:currentColor}.ifco-apps-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:120;width:min(340px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 130px));overflow:auto;background:#fff;border:1px solid #d2dfe4;border-radius:16px;box-shadow:0 14px 40px #162f3a29;padding:16px;color:#203035;text-align:left}.ifco-apps-panel[hidden]{display:none}.ifco-apps-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #d2dfe4}.ifco-apps-heading .icon-button{font-size:24px}.ifco-apps-status{font-size:13px;color:#546f7f;margin:12px 0}.ifco-apps-status:empty{display:none}.ifco-apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px}.ifco-apps-tile{display:flex;align-items:center;flex-direction:column;gap:8px;border-radius:12px;padding:14px 4px;text-align:center;text-decoration:none;color:#203035;min-height:112px;font-size:13px;font-weight:600}.ifco-apps-tile:hover,.ifco-apps-tile:focus-visible{background:#e8f3f6;outline:2px solid #087f94;outline-offset:-2px}.ifco-apps-tile[aria-current=page]{background:#f0f7f8}.ifco-apps-tile small{font-size:11px;font-weight:400;color:#546f7f}.ifco-apps-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ifco-app-background,#e5f3f6);color:var(--ifco-app-color,#087c91);font-size:26px;font-weight:800}.ifco-apps-name{line-height:1.3;overflow-wrap:anywhere}

@media(max-width:600px){.ifco-apps-panel{position:fixed;right:16px;top:100px;max-height:calc(100dvh - 116px)}}

/* Header identity remains in the same line as the toggle and view title. */
.ifco-header-app{display:inline-flex;align-items:center;flex:0 0 36px;width:36px;height:36px}
.ifco-header-app .ifco-apps-icon{width:36px;height:36px;border-radius:10px;font-size:23px}
.ifco-header-leading{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.ifco-header-leading>.header-divider{display:block;flex:0 0 1px;height:26px;border:0;background:#d2dee3}
.ifco-header-leading>.icon-button{flex-shrink:0}
:root .ifco-header-leading :is(.view-heading,.view-heading-slot){flex:1 1 0;min-width:0}
@media(max-width:1100px){.ifco-header-leading{flex-basis:100%}}
@media(max-width:620px){.ifco-header-leading{gap:8px}}