/* v0.27.0: Extension surface container styles.
   Provides the mount point layout that extension JS renders into.
   Extension-specific CSS is loaded from /surfaces/{id}/css/main.css. */

.extension-surface {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.extension-mount {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 0;
    position: relative;
}

/* Extension surfaces get the same user-menu positioning as other surfaces */
.extension-surface .user-menu-container {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 100;
}